<u-button class=“button” type=“error” @tap=“clear” shape=“circle”><u-icon name=“trash”
color=“#ffffff”></u-icon></u-button>
</view>

<view class=“chat-room-wrapper”>
<scroll-view :scroll-y=“true” class=“chat-room” :scroll-top=“scrollTop” scroll-with-animation>
<view id=“list” class=“list”>
<view class=“image-wrapper” v-for=“(item,index) in images” :key=“index”>
<image class=“image” :src=“item” mode=“widthFix” @click=“preview(index)”></image>
</view>
<doing v-if=“loading”></doing>
</view>
</scroll-view>
</view>
<view class=“chat-group”>
<view class=“style-list”>
<!-- <view>{{activeStyleName}}</view> -->
<view class=“style-item” v-for=“(item,index) in styleList” :key=“index”
:class=“{‘active’:isActiveStyle(item.id)}” @click=“checkActiveStyle(item.id)”>
{{item.name}}
</view>
</view>
<u–textarea class=“textarea” v-model=“inputMsg” placeholder=“请输入信息生成图片” autoHeight confirm-type=“done”
:showConfirmBar=“false” @confirm=“sendMessage” :fixed=“true” :cursorSpacing=“20”></u–textarea>
<u-button class=“button” color=“#95ec69” @tap=“sendMessage” :disabled=“loading”>发送</u-button>
<!-- #ifdef APP-PLUS -->
<speechButton :top=“-94” v-model=“inputMsg”></speechButton>
<!-- #endif -->
</view>
</view> 模仿这一段代码给我编写一个vue 实现上传图片，并在图片上手绘遮罩层，最后将图片和掩码全部生成base64格式， 请注意为了防止乱码请将你给我的回复中出现的$替换为#