Forráskód Böngészése

更换头像样式修改

tanxue 2 hónapja
szülő
commit
cf4db8853a
2 módosított fájl, 17 hozzáadás és 4 törlés
  1. 13 0
      common/styles/global/pages.scss
  2. 4 4
      pages/my/headImg.vue

+ 13 - 0
common/styles/global/pages.scss

@@ -1759,3 +1759,16 @@
 	}
 	.sxtk-confirm-btn:after{display: none;}
 }
+
+
+// 更换头像
+.ezy-ghtx-page{
+	width: 100%;height: 100vh;background-color: #00c5fe;position: relative;overflow: auto;
+	padding-top:var(--status-bar-height);@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/my/my-page-bj.png");
+	.ghtx-img{width: 300px;height: 300px;margin: 0 auto 86rpx;display: block;}
+	.xc-btn,.qx-btn{
+		width: 644rpx;height: 108rpx;line-height: 108rpx;@include ezy-no-repeat-cover;
+		margin: 30rpx 32rpx 0;font-size: 30rpx;color: #fff;text-align: center;}
+	.xc-btn{background-image: url("@/static/images/common/confirm-btn.png");}
+	.qx-btn{background-image: url("@/static/images/common/cancel-btn.png");}
+}

+ 4 - 4
pages/my/headImg.vue

@@ -1,13 +1,13 @@
 <template>
-	<view class="ezy-my-page">
+	<view class="ezy-ghtx-page">
 		<view class="icon-title-navBar-box">
 			<view @click="handleBack" class="nav-bar-icon"></view>
 			<text class="nav-bar-title">更换头像</text>
 		</view>
-		<img style="height: 200px;width: 200px;;" :src="userImg" alt="">
+		<img class="ghtx-img" :src="userImg" alt="">
 
-		<view @click="chooseImage">相册</view>
-		<view @click="handleBack">取消</view>
+		<view @click="chooseImage" class="xc-btn">相册</view>
+		<view @click="handleBack" class="qx-btn">取消</view>
 	</view>
 </template>