一、实现功能
1、上传一张或多张图片(最多四张)
2、图片可点击预览放大
3、点击图片右上角可删除图片
二、实现方式
使用colorUI组件库,在微信小程序的全局样式中引入colorUI组件库的通用样式表main.css和icon.css
通用样式表下载地址https://download.youkuaiyun.com/download/weixin_40677985/11541901
或者colorUI组件库的官网下载https://www.color-ui.com/(官网有具体的使用文档)
三、代码的实现
注意:我用的是uni-app框架写的微信小程序,用原生的朋友请自行修改写法。
1、html的代码
<view class="cu-bar bg-white margin-top">
<view class="action">
图片上传(选填)
</view>
<view class="action">
{
{imgList.length}}/4
</view>
</view>
<view class="cu-form-group">
<view class="grid col-4 grid-squ