Ver código fonte

placehodlerStyle

zhupeng 3 anos atrás
pai
commit
99b6bc8cab
1 arquivos alterados com 11 adições e 5 exclusões
  1. 11 5
      pages/login/login.vue

+ 11 - 5
pages/login/login.vue

@@ -11,14 +11,14 @@
 				<view class="login-form-item">
 					<view class="title">手机号</view>
 					<view class="input">
-						<u-input :customStyle="placeholderStyle" :placeholderStyle="placeholderStyle" v-model="form.telephone" type="number" placeholder="请输入手机号" placeholder-style="font-size:16px;color:#ccc;"/>
+						<u-input :customStyle="customStyle" :placeholderStyle="placeholderStyle" v-model="form.telephone" type="number" placeholder="请输入手机号" placeholder-style="font-size:16px;color:#ccc;"/>
 					</view>
 					<view class="tips">未注册的手机号验证后将自动注册</view>
 				</view>
 				<view class="login-form-item">
 					<view class="title">验证码</view>
 					<view class="input">
-						<u-input :customStyle="placeholderStyle" :placeholderStyle="placeholderStyle" v-model="form.verifyCode" type="number" placeholder="请输入验证码" placeholder-style="font-size:16px;color:#ccc;"/>
+						<u-input :customStyle="customStyle" :placeholderStyle="placeholderStyle" v-model="form.verifyCode" type="number" placeholder="请输入验证码" placeholder-style="font-size:16px;color:#ccc;"/>
 						<view class="code" @click="getCode">{{codeTips}}</view>
 					</view>
 					<view style="width: 350px;">
@@ -50,9 +50,10 @@
 		data() {
 			return {
 				elderMode:false,
-				placeholderStyle:{
+				customStyle:{
 					'font-size':'28rpx'
 				},
+				placeholderStyle:"font-size:28rpx",
 				form: {
 					telephone: '',
 					verifyCode: '',
@@ -124,7 +125,8 @@
 				 let data = { 
 				 	"font-size":'32rpx', 
 				 };
-				 this.placeholderStyle = data;
+				 this.customStyle = data;
+				 this.placeholderStyle = "font-size:32rpx";//data;
 			  }
 			  else
 			  {
@@ -132,7 +134,8 @@
 				  let data  ={ 
 				  	"font-size":'28rpx', 
 				  };
-				  this.placeholderStyle = data;
+				  this.customStyle = data;
+				  this.placeholderStyle = "font-size:28rpx";//data;
 			  } 
 			},
 			codeChange(text) {
@@ -279,6 +282,9 @@
 			font-size: themed('font-size2');
 		}
 	}
+	/deep/.placeholderStyle {
+		font-size: themed('font-size2');
+	}
 .wrap {
 	@include themeify{
 		font-size: themed('font-size2');