fix: 新增页面，样式统一修复。

src/pages/work/base/creditCard/addEdit.vue

@@ -9,95 +9,109 @@
       <view class="section">
         <view class="section-title">{{ title}}</view>
         <view class="form-view">
-          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
-            :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="180rpx"
+            :labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
                    <u-form-item label="银行" required prop="bankName" @click="handleShowBank">
-              <u--input v-model="form.bankName" disabled disabledColor="#ffffff" placeholder="请选择银行"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.bankName" readonly disabledColor="#ffffff" placeholder="请选择银行"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="信用卡名称" prop="name" required >
               <u--input v-model="form.name"  placeholder="请填写信用卡名称"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="信用卡卡号" prop="code" required >
               <u--input v-model="form.code"  placeholder="请填写信用卡卡号"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="信用卡额度" required prop="creditLimit" >
               <u--input v-model="form.creditLimit"  type="number" placeholder="请填写信用卡额度"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="账户状态" required prop="statusName"  @click="handleShowStatus">
-              <u--input v-model="form.statusName" disabled disabledColor="#ffffff" placeholder="请选择账户状态"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.statusName" readonly disabledColor="#ffffff" placeholder="请选择账户状态"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="账单日" required prop="billDate" >
               <u--input v-model="form.billDate"  type="number" placeholder="请填写账单日"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="还款日" required prop="payDate" >
               <u--input v-model="form.payDate" type="number"  placeholder="请填写还款日"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="余额" required prop="balance" >
               <u--input v-model="form.balance" type="number"  placeholder="请填写余额"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="可用额度" required prop="availableLimit" >
               <u--input v-model="form.availableLimit"  type="number" placeholder="请填写可用额度"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="账单日消费" required prop="isNextBillDateName"  @click="handleShowIsNextBillDate">
-              <u--input v-model="form.isNextBillDateName" disabled disabledColor="#ffffff" placeholder="请选择账单日消费"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.isNextBillDateName" readonly disabledColor="#ffffff" placeholder="请选择账单日消费"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="信用卡安全码" prop="cvv" >
               <u--input v-model="form.cvv"  placeholder="请填写信用卡安全码"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
      
             <u-form-item label="卡片等级" prop="cardTierName" @click="handleShowCardTier">
-              <u--input v-model="form.cardTierName" disabled disabledColor="#ffffff" placeholder="请选择卡片等级"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.cardTierName" readonly disabledColor="#ffffff" placeholder="请选择卡片等级"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="卡面" prop="cardFace">
               <u--input v-model="form.cardFace" placeholder="请填写卡面"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
           
             <u-form-item label="开户行" prop="openingBank" >
               <u--input v-model="form.openingBank"  placeholder="请填写开户行"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="开户日期" prop="activationDate"  @click="selectDate(1)">
-              <u--input v-model="form.activationDate" disabled disabledColor="#ffffff" placeholder="请选择开户日期" inputAlign="right" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.activationDate" readonly disabledColor="#ffffff" placeholder="请选择开户日期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="宽限期" prop="delayPeriod" >
               <u--input v-model="form.delayPeriod"  placeholder="请填写宽限期"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="有效期" prop="effectiveDate"  @click="selectDate(2)">
-              <u--input v-model="form.effectiveDate" disabled disabledColor="#ffffff" placeholder="请选择有效期" inputAlign="right" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.effectiveDate" readonly disabledColor="#ffffff" placeholder="请选择有效期" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
           
             <u-form-item label="账单日时间" prop="nextBillDateTime" >
               <u--input v-model="form.nextBillDateTime"  placeholder="请填写账单日时间"
-                inputAlign="right" border="none"></u--input>
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
             </u-form-item>
             <u-form-item label="0账单操作" prop="isZeroBillName"  @click="handleShowIsZeroBill">
-              <u--input v-model="form.isZeroBillName" disabled disabledColor="#ffffff" placeholder="请选择0账单操作"
-                inputAlign="right" border="none"></u--input>
-              <u-icon slot="right" name="arrow-down"></u-icon>
+              <view class="input-with-arrow">
+                <u--input v-model="form.isZeroBillName" readonly disabledColor="#ffffff" placeholder="请选择0账单操作"
+                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <text class="arrow-icon">▼</text>
+              </view>
             </u-form-item>
             <u-form-item label="备注" prop="remark"  labelPosition="top">
-              <u--textarea v-model="form.remark" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count
-                maxlength="20000" style="padding:18rpx 0;"></u--textarea>
+              <u--textarea v-model="form.remark" placeholder="请填写备注" autoHeight inputAlign="left" count
+                maxlength="20000" style="border: 2rpx solid #dcdfe6 !important; height: 160rpx;"></u--textarea>
             </u-form-item>
           </u--form>
           <view class="form-btn">
@@ -150,6 +164,16 @@ const showBank = ref(false)
 const bankList = ref([])
 const showCardTier = ref(false)
 const cardTierList = ref([])
+const inputBaseStyle = {
+  background: '#ffffff',
+  border: '2rpx solid #dcdfe6',
+  borderRadius: '8rpx',
+  padding: '0 24rpx',
+  height: '68rpx',
+  width: '100%',
+  boxSizing: 'border-box'
+}
+
 const data = reactive({
   form: {
     id: null,
@@ -437,7 +461,23 @@ onLoad((option) => {
     .form-view {
       padding: 24rpx;
   
-      .form-btn {
+          .input-with-arrow {
+      position: relative;
+      width: 100%;
+
+      .arrow-icon {
+        position: absolute;
+        right: 20rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        color: #c0c4cc;
+        font-size: 20rpx;
+        pointer-events: none;
+        z-index: 10;
+      }
+    }
+
+    .form-btn {
         padding-top: 32rpx;
       }
     }