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