From d470e67ac1997882502b75cbfdaf359626cfaaa8 Mon Sep 17 00:00:00 2001 From: Liuyi <candymxq888@outlook.com> Date: 星期五, 20 十二月 2024 17:27:07 +0800 Subject: [PATCH] 测试修复小程序问题,添加水控机设备 --- pages/addCard/index.vue | 43 ++++++++++++------------------------------- 1 files changed, 12 insertions(+), 31 deletions(-) diff --git a/pages/addCard/index.vue b/pages/addCard/index.vue index c9bb53c..b111e36 100644 --- a/pages/addCard/index.vue +++ b/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; } } -- Gitblit v1.9.3