Kaynağa Gözat

样式修改

tanxue 2 ay önce
ebeveyn
işleme
3727fc355a

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

@@ -315,6 +315,9 @@ margin-right: 18rpx;display: inline-block;vertical-align: middle;}
 	.uni-input-placeholder{overflow: unset;}
 	.uni-easyinput__placeholder-class{font-size: 30rpx!important;}
 	.content-clear-icon{color: rgb(192, 196, 204)!important;}
+	icon{width: 30rpx;height: 30rpx;@include ezy-no-repeat-cover;
+		background-image: url("@/static/images/common/nav-bar-jt-bottom.svg");
+		transform: rotate(270deg);margin-left: 4rpx;}
 }
 
 // label-radio

+ 6 - 1
common/styles/global/pages.scss

@@ -423,13 +423,18 @@
 	background-color: #f8f9fd;height: 100vh;
 	.user-img-box{
 		display: flex;background-color: #fff;margin-bottom: 24rpx;
-		padding: 16rpx;box-sizing: border-box;
+		padding: 16rpx;box-sizing: border-box;align-items: center;
 		.uni-file-picker__container{justify-content: center;border: 0;border-radius: 50%;}
 		.file-picker__box-content{border: 0;border-width: 0 !important;}
 		.user-file-picker{
+			.file-picker__box{width: 100%!important;}
 			.file-picker-image{max-height: 200rpx;max-width: 160rpx;}
 			img{max-width: 100%;max-height: 200rpx;}
 		}
+		.user-title{font-size: 30rpx;color: #333;margin-left: 20rpx;}
+		.user-jt-icon{width: 30rpx;height: 30rpx;@include ezy-no-repeat-cover;
+			background-image: url("@/static/images/common/nav-bar-jt-bottom.svg");
+			transform: rotate(270deg);margin-left: 4rpx;}
 	}
 	.info-btn{width: 360rpx;margin: 100rpx auto 24rpx;font-size: 30rpx;}
 }

+ 6 - 1
pages/client/my/myInfo.vue

@@ -7,28 +7,33 @@
 		</view>
 		<!-- 头像 -->
 		<view class="user-img-box">
+			
 			<uni-file-picker limit="1" :del-icon="false" disable-preview :auto-upload="false"
 				@select="handleSelect" file-mediatype="image" class="phone-file-picker user-file-picker">
+				<text class="user-title">头像</text>
 				<img class="head-img" :src="data.icon" v-if="data.icon">
 				<icon class="phone-default-userImg" v-else></icon>
+				<icon class="user-jt-icon"></icon>
 			</uni-file-picker>
-			
 			<!-- <view>图片地址:{{data.icon}}</view> -->
 		</view>
 		<!-- 姓名 -->
 		<view class="form-label-input">
 			<view class="phone-form-label"><text class="form-label-require">*</text>姓名</view>
 			<input v-model="data.realName"  placeholder="请输入姓名" />
+			<icon></icon>
 		</view>
 		<!-- 手机号 -->
 		<view class="form-label-input">
 			<view class="phone-form-label"><text class="form-label-require">*</text>手机号</view>
 			<input v-model="data.userName"  placeholder="请输入手机号" />
+			<icon></icon>
 		</view>
 		<!-- 证件号 -->
 		<view class="form-label-input">
 			<view class="phone-form-label"><text class="form-label-require">*</text>证件号</view>
 			<input v-model="data.idcard"  placeholder="请输入证件号" />
+			<icon></icon>
 		</view>
 		<!-- 电话 -->
 		<view></view>