| | |
| | | <uni-forms ref="formRef" :model="form" :rules="rules" label-width = 100> |
| | | <uni-forms-item class="form-item" label="卡号:" name="waterCardNumber"> |
| | | <view class="card-item"> |
| | | <input v-model="form.waterCardNumber" placeholder="请输入卡号或扫描二维码" /> |
| | | <image @click="toScan()" src="../../static/images/addCard/code.png" alt=""></image> |
| | | <input class="scan-input" v-model="form.waterCardNumber" placeholder="请输入卡号或扫描二维码" /> |
| | | <image class="scan-img" @click="toScan()" src="../../static/images/addCard/code.svg" alt=""></image> |
| | | </view> |
| | | </uni-forms-item> |
| | | <uni-forms-item label="姓名:" name="userName"> |
| | | <input v-model="form.userName" placeholder="请输入姓名" /> |
| | | <input class="input-item" v-model="form.userName" placeholder="请输入姓名" /> |
| | | </uni-forms-item> |
| | | <uni-forms-item label="联系方式:" name="userPhone"> |
| | | <input type="textarea" v-model="form.userPhone" placeholder="请输入手机号" /> |
| | | <input class="input-item" type="textarea" v-model="form.userPhone" placeholder="请输入手机号" /> |
| | | </uni-forms-item> |
| | | <uni-forms-item label="备注:" name="remark"> |
| | | <input type="textarea" v-model="form.remark" placeholder="请输入内容" /> |
| | | <input class="input-item" type="textarea" v-model="form.remark" placeholder="请输入内容" /> |
| | | </uni-forms-item> |
| | | </uni-forms> |
| | | </view> |
| | | <!-- <view class="form"> |
| | | <view class="form-item card-item"> |
| | | <text>卡号:</text> |
| | | <input v-model="form.waterCardNumber" placeholder="请输入卡号"/> |
| | | <image @click="toScan()" src="../../static/images/addCard/code.png" alt=""></image> |
| | | </view> |
| | | <view class="form-item"> |
| | | <text>姓名:</text> |
| | | <input v-model="form.userName" placeholder="请输入姓名"/> |
| | | </view> |
| | | <view class="form-item"> |
| | | <text>联系方式:</text> |
| | | <input v-model="form.userPhone" placeholder="请输入手机号"/> |
| | | </view> |
| | | <view class="form-item"> |
| | | <text>备注:</text> |
| | | <input v-model="form.remark" placeholder="请输入内容"/> |
| | | </view> |
| | | </view> --> |
| | | <view class="tips"> |
| | | <text>1、完成实名认证,方便遗失挂失及补卡等。</text> |
| | | <text class="tips-text">1、完成实名认证,方便遗失挂失及补卡等。</text> |
| | | <text>2、绑卡后,运营商可以看到您实名时填写的姓名和电话。</text> |
| | | </view> |
| | | <view class="subBtn" @click="submit()">提交信息</view> |
| | |
| | | border-radius: 24rpx; |
| | | padding:30rpx 50rpx 0; |
| | | box-sizing: border-box; |
| | | input{ |
| | | .input-item{ |
| | | line-height:100%; |
| | | height:100%; |
| | | } |
| | |
| | | justify-content: space-around; |
| | | height:100%; |
| | | align-items: center; |
| | | input{ |
| | | .scan-input{ |
| | | width:375rpx; |
| | | margin-right:20rpx; |
| | | line-height:100%; |
| | | height:100%; |
| | | } |
| | | image{ |
| | | width:44rpx; |
| | | height:44rpx; |
| | | .scan-img{ |
| | | width:56rpx; |
| | | height:56rpx; |
| | | } |
| | | } |
| | | } |
| | |
| | | font-weight: 300; |
| | | font-size:28rpx; |
| | | color: #484848; |
| | | text:first-child{ |
| | | .tips-text{ |
| | | margin-bottom:28rpx; |
| | | } |
| | | } |