微信小程序,上传身份证图片
小程序上传身份证图片,前端页面
wxml
<view class="ID-mian"> <view class="card-name">请上传身份证认证</view> <view class="card-cont"> <view class="card-list"> <image src={ {photos}} id="1" bindtap=touchphoto mode=aspectFit></image> <view>身份证正面照</view> </view> <view class="card-list"> <image src={ {photos2}} id="2" bindtap=touchphoto mode=aspectFit></image> <view>身份证反面照</view> </view> <view class="card-list"> <image src={ {photos3}} id="3" bindtap=touchphoto mode=aspectFit></image> <view>手持身份证照</view> </view> </view> </view>
js
wxss
.ID-mian{position: relative;display: block;background: #fff;} .card-name{color: #333;font-size: 26rpx;padding-left: 35rpx;margin-bottom: 35rpx;font-weight: bold} .card-cont{display:flex;align-items: center;justify-content: space-around;margin-top: 15rpx;} .card-list{width: 210rpx;text-align: center;margin: auto;position: relative} .card-list image{width: 160rpx;height: 120rpx;position: relative;display: block;margin: auto;} .card-list view{text-align: center;margin-top: 10rpx;color: #333;font-size: 25rpx;}
以上就是简单的身份证上传方式,是不是很简单呢
如果对你有帮助,欢迎打赏一下啦,
上一篇:
uniapp开发微信小程序-2.页面制作
下一篇:
微信小程序订阅消息通过服务通知发送