Selaa lähdekoodia

全民分享样式调整

gcz 1 vuosi sitten
vanhempi
commit
0a51517631
1 muutettua tiedostoa jossa 33 lisäystä ja 3 poistoa
  1. 33 3
      center/applyshare.vue

+ 33 - 3
center/applyshare.vue

@@ -14,12 +14,13 @@
 			请填写您的报名信息
 		</view>
 		<view class="form-wrap">
-			<u--form labelPosition="left" labelAlign="right" labelWidth="70px" :model="form"  :rules="rules" ref="uForm" >
+			<u--form labelPosition="left" labelAlign="right" labelWidth="85px" :model="form"  :rules="rules" ref="uForm" >
 				<u-form-item label="姓名" prop="name" required ref="name" >
 					<u--input
 						v-model="form.name"
 						border="none"
 						placeholder="请输入您的真实姓名"
+						:fontSize="inputFontSize"
 						:customStyle="inputCustomStyle"
 					></u--input>
 				</u-form-item>
@@ -28,6 +29,7 @@
 						v-model="form.mobile"
 						border="none"
 						placeholder="请输入您的联系电话"
+						:fontSize="inputFontSize"
 						:customStyle="inputCustomStyle"
 					></u--input>
 				</u-form-item>
@@ -36,6 +38,7 @@
 						v-model="form.careerName"
 						border="none"
 						placeholder="请输入您的职业"
+						:fontSize="inputFontSize"
 						:customStyle="inputCustomStyle"
 					></u--input>
 				</u-form-item>
@@ -46,6 +49,7 @@
 						v-model="form.saleChannel"
 						border="none"
 						placeholder="请描述您的销售剧目的渠道或路径"
+						:customStyle="{fontSize:inputFontSize}"
 					></u--textarea>
 				</u-form-item>
 			</u--form>
@@ -121,7 +125,8 @@
 					background:'#fff',
 					'padding-left':'30rpx',
 					'box-sizing':'border-box',
-				}
+				},
+				inputFontSize:'30rpx'
 			}
 		},
 		onShow() {
@@ -192,7 +197,32 @@ page{
 }
 .form-wrap{
 	margin: 30rpx 32rpx 40rpx;
-	padding: 0 40rpx 20rpx;
+	padding: 0 0 20rpx;
+	/deep/ .u-form-item{
+		.u-form-item__body__left__content{
+			justify-content: flex-end;
+			text-align: right;
+			padding-right: 32rpx;
+			align-items: flex-start;
+		}
+		.u-form-item__body__left__content__required{
+			position: static;
+			left: auto;
+			top: auto;
+			color: #FF0000;
+			margin-right: 2px;
+		}
+		.u-form-item__body__left__content__label{
+			flex: unset;
+			font-size: 28rpx;
+			color: #606060;
+		}
+		&:last-of-type{
+			.u-form-item__body{
+				align-items: flex-start;
+			}
+		}
+	}
 	/deep/ .u-input__content__field-wrapper__field{
 		height: 68rpx;
 	}