Browse Source

feat(authentication): 添加图片点击更换提示

蛋吧eggbar
徐飞洋 1 month ago
parent
commit
5ec99a823b
  1. 22
      pages/profile/authentication/index.wxml
  2. 20
      pages/profile/authentication/index.wxss

22
pages/profile/authentication/index.wxml

@ -1,4 +1,7 @@
<view class="container">
<!-- 当前认证资料 -->
<view class="big-title">当前认证材料</view>
<!-- 身份证上传区域 -->
<view class="upload-section">
<!-- 人像面上传 -->
@ -8,7 +11,10 @@
<view class="label-desc">上传您身份证头像面</view>
</view>
<view class="upload-area" bindtap="uploadIdCardFront">
<image wx:if="{{idCardFront}}" src="{{idCardFront}}" class="uploaded-image"></image>
<view wx:if="{{idCardFront}}" class="uploaded-container">
<image src="{{idCardFront}}" class="uploaded-image"></image>
<view class="replace-tip">点击更换</view>
</view>
<view wx:else class="upload-placeholder">
<view class="upload-icon">
<text style="font-size: 48rpx;">+</text>
@ -25,7 +31,10 @@
<view class="label-desc">上传您身份证国徽面</view>
</view>
<view class="upload-area" bindtap="uploadIdCardBack">
<image wx:if="{{idCardBack}}" src="{{idCardBack}}" class="uploaded-image"></image>
<view wx:if="{{idCardBack}}" class="uploaded-container">
<image src="{{idCardBack}}" class="uploaded-image"></image>
<view class="replace-tip">点击更换</view>
</view>
<view wx:else class="upload-placeholder">
<view class="upload-icon">
<text style="font-size: 48rpx;">+</text>
@ -42,7 +51,10 @@
<view class="label-desc">上传您的营业执照</view>
</view>
<view class="upload-area" bindtap="uploadBusinessLicense">
<image wx:if="{{businessLicense}}" src="{{businessLicense}}" class="uploaded-image"></image>
<view wx:if="{{businessLicense}}" class="uploaded-container">
<image src="{{businessLicense}}" class="uploaded-image"></image>
<view class="replace-tip">点击更换</view>
</view>
<view wx:else class="upload-placeholder">
<view class="upload-icon">
<text style="font-size: 48rpx;">+</text>
@ -51,11 +63,9 @@
</view>
</view>
</view>
</view>
<!-- 认证按钮 -->
<view class="auth-btn" bindtap="submitAuth">
<text class="auth-btn-text">认证</text>
<text class="auth-btn-text">提交审核</text>
</view>
</view>

20
pages/profile/authentication/index.wxss

@ -99,12 +99,32 @@
color: #999;
}
.uploaded-container {
width: 100%;
height: 100%;
position: relative;
border-radius: 12rpx;
}
.uploaded-image {
width: 100%;
height: 100%;
border-radius: 12rpx;
}
.replace-tip {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.6);
color: white;
font-size: 24rpx;
text-align: center;
padding: 12rpx;
border-radius: 0 0 12rpx 12rpx;
}
/* 信息展示区域 */
.info-section {
background-color: white;

Loading…
Cancel
Save