Browse Source

按钮样式修改

tanxue 1 day ago
parent
commit
6dc38999ca
3 changed files with 13 additions and 3 deletions
  1. 4 0
      common/styles/global/components.scss
  2. 5 2
      pages/client/my/myInfo.vue
  3. 4 1
      pages/kehu/my/myInfo.vue

+ 4 - 0
common/styles/global/components.scss

@@ -325,6 +325,10 @@ margin-right: 18rpx;display: inline-block;vertical-align: middle;}
 	.uni-input-placeholder{overflow: unset;}
 	.uni-input-placeholder{overflow: unset;}
 	.uni-easyinput__placeholder-class{font-size: 30rpx!important;}
 	.uni-easyinput__placeholder-class{font-size: 30rpx!important;}
 	.content-clear-icon{color: rgb(192, 196, 204)!important;}
 	.content-clear-icon{color: rgb(192, 196, 204)!important;}
+	.change-icon{
+		width: 36rpx;height: 36rpx;@include ezy-no-repeat-cover();transform: unset;
+		display: inline-block;vertical-align: middle;margin-left: 8rpx;
+	}
 	icon{width: 30rpx;height: 30rpx;@include ezy-no-repeat-cover;flex-shrink: 0;
 	icon{width: 30rpx;height: 30rpx;@include ezy-no-repeat-cover;flex-shrink: 0;
 		transform: rotate(270deg);margin-left: 4rpx;}
 		transform: rotate(270deg);margin-left: 4rpx;}
 		
 		

+ 5 - 2
pages/client/my/myInfo.vue

@@ -26,7 +26,8 @@
 			<text class="form-label-require">*</text>
 			<text class="form-label-require">*</text>
 			<text v-if="data.idtype ==1">身份证号</text>
 			<text v-if="data.idtype ==1">身份证号</text>
 			<text v-if="data.idtype ==2">护照号</text>
 			<text v-if="data.idtype ==2">护照号</text>
-			<icon @click="idCardChange" class="change-icon">切换</icon>
+			<icon @click="idCardChange" class="change-icon"
+			:style="{ backgroundImage: 'url(' + data.changeIcon + ')' }">切换</icon>
 		</view>
 		</view>
 		<input v-model="data.idcard"  placeholder="请输入证件号" />
 		<input v-model="data.idcard"  placeholder="请输入证件号" />
 			<icon :style="{ backgroundImage: 'url(' + data.jtIcon + ')' }"></icon>
 			<icon :style="{ backgroundImage: 'url(' + data.jtIcon + ')' }"></icon>
@@ -73,12 +74,14 @@
 		userId: null,
 		userId: null,
 		images: null,
 		images: null,
 		jtIcon: '',
 		jtIcon: '',
+		changeIcon: '',
 		idtype: 1
 		idtype: 1
 	})
 	})
 
 
 	onLoad((options) => {
 	onLoad((options) => {
 		data.from = options.from || 'shouye';
 		data.from = options.from || 'shouye';
-		data.jtIcon= cacheManager.get('projectImg').nav_bar_jt_bottom;
+		data.jtIcon = cacheManager.get('projectImg').nav_bar_jt_bottom;
+		data.changeIcon = cacheManager.get('projectImg').change_icon;
 		defaultImage1.url= cacheManager.get('projectImg').user_default_img;
 		defaultImage1.url= cacheManager.get('projectImg').user_default_img;
 		initPage();
 		initPage();
 	})
 	})

+ 4 - 1
pages/kehu/my/myInfo.vue

@@ -14,7 +14,8 @@
 				<text class="form-label-require">*</text>
 				<text class="form-label-require">*</text>
 				<text v-if="data.idtype ==1">身份证号</text>
 				<text v-if="data.idtype ==1">身份证号</text>
 				<text v-if="data.idtype ==2">护照号</text>
 				<text v-if="data.idtype ==2">护照号</text>
-				<icon @click="idCardChange" class="change-icon">切换</icon>
+				<icon @click="idCardChange" class="change-icon"
+				:style="{ backgroundImage: 'url(' + data.changeIcon + ')' }">切换</icon>
 			</view>
 			</view>
 			<input v-model="data.idcard"  placeholder="请输入证件号" />
 			<input v-model="data.idcard"  placeholder="请输入证件号" />
 			<icon :style="{ backgroundImage: 'url(' + data.jtIcon + ')' }"></icon>
 			<icon :style="{ backgroundImage: 'url(' + data.jtIcon + ')' }"></icon>
@@ -52,6 +53,7 @@
 		idcard: '',
 		idcard: '',
 		userId: null,
 		userId: null,
 		jtIcon: '',
 		jtIcon: '',
+		changeIcon: '',
 		juzhuDizhi: '',
 		juzhuDizhi: '',
 		idtype: 1,
 		idtype: 1,
 	})
 	})
@@ -59,6 +61,7 @@
 	onLoad((options) => {
 	onLoad((options) => {
 		data.from = options.from || 'shouye';
 		data.from = options.from || 'shouye';
 		data.jtIcon= cacheManager.get('projectImg').nav_bar_jt_bottom;
 		data.jtIcon= cacheManager.get('projectImg').nav_bar_jt_bottom;
+		data.changeIcon = cacheManager.get('projectImg').change_icon;
 		initPage();
 		initPage();
 	})
 	})