| @ -0,0 +1,111 @@ | |||
| <template> | |||
| <view class="page"> | |||
| <navbar | |||
| title="需提交的材料" | |||
| leftClick | |||
| @leftClick="$utils.navigateBack" | |||
| /> | |||
| <view class="form"> | |||
| <view class="form-item"> | |||
| <view class="title"> | |||
| 请提交所需要的相对于的材料 | |||
| </view> | |||
| <view class="tips"> | |||
| 信息仅用于考证咨询方面,保证您的信息安全 | |||
| </view> | |||
| </view> | |||
| <view class="form-item"> | |||
| <uv-upload | |||
| :fileList="fileList" | |||
| :maxCount="1" | |||
| width="690rpx" | |||
| height="280rpx" | |||
| multiple | |||
| @afterRead="afterRead" | |||
| @delete="deleteImage"> | |||
| <view class="upload"> | |||
| <image src="../static/auth/cart.png" | |||
| mode="aspectFit" | |||
| style="width: 390rpx;height: 280rpx;" /> | |||
| <view class="btn-add"> | |||
| 点击上传 | |||
| </view> | |||
| </view> | |||
| </uv-upload> | |||
| </view> | |||
| <view class="form-item"> | |||
| <view class="tips" | |||
| style="text-align: center;padding: 20rpx 0;"> | |||
| (确保文字清晰、可辨、避免遮挡、不全、反光) | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class="uni-color-btn"> | |||
| 认证 | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| } | |||
| }, | |||
| methods: { | |||
| } | |||
| } | |||
| </script> | |||
| <style scoped lang="scss"> | |||
| .page{ | |||
| min-height: 100vh; | |||
| background-color: #fff; | |||
| .form { | |||
| padding: 30rpx; | |||
| .form-item{ | |||
| .label{ | |||
| padding: 20rpx 0; | |||
| } | |||
| .form-input{ | |||
| border: 1px solid $uni-color; | |||
| background: rgba($uni-color, 0.1); | |||
| padding: 10rpx 20rpx; | |||
| font-size: 28rpx; | |||
| } | |||
| .title{ | |||
| font-weight: 900; | |||
| margin-top: 50rpx; | |||
| padding: 10rpx 0; | |||
| } | |||
| .tips{ | |||
| font-size: 26rpx; | |||
| color: #777; | |||
| padding-bottom: 20rpx; | |||
| } | |||
| } | |||
| .upload{ | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| width: 690rpx; | |||
| background-color: #f3f3f3; | |||
| border-radius: 10rpx; | |||
| .btn-add{ | |||
| margin: auto; | |||
| padding: 10rpx 20rpx; | |||
| background-color: $uni-color; | |||
| color: #fff; | |||
| border-radius: 10rpx; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| </style> | |||