Liuyi
2024-12-20 d470e67ac1997882502b75cbfdaf359626cfaaa8
pages/addCard/index.vue
@@ -81,42 +81,23 @@
               <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>
@@ -152,7 +133,7 @@
               border-radius: 24rpx;
               padding:30rpx 50rpx 0;
               box-sizing: border-box;
               input{
               .input-item{
                  line-height:100%;
                  height:100%;
               }
@@ -161,15 +142,15 @@
                  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;
                   }
               }
            }
@@ -185,7 +166,7 @@
               font-weight: 300;
               font-size:28rpx;
               color: #484848;
               text:first-child{
               .tips-text{
                  margin-bottom:28rpx;
               }
            }