Browse Source

我的页面样式改版

tanxue 1 month ago
parent
commit
29dff6f30b
2 changed files with 19 additions and 18 deletions
  1. 10 7
      common/styles/global/pages.scss
  2. 9 11
      pages/chanpinMy/myInfo.vue

+ 10 - 7
common/styles/global/pages.scss

@@ -924,17 +924,20 @@
 
 // 应用设置
 .ezy-yysz-page{
-	width: 100%;height: 100vh;min-height: 1400rpx;background-color: #00c5fe;position: relative;overflow: auto;
-	padding-top:var(--status-bar-height);
+	width: 100%;height: 100vh;min-height: 1400rpx;background: #f9f9fb;position: relative;overflow: auto;
 	display: flex;flex-direction: column;
-	.yysz-row-box{width: 94%;background-color: rgba(255, 255, 255, 0.6);
-	border-radius: 8rpx;margin: 16rpx 3% 0;color: #333;font-size: 30rpx;}
-	.yysz-item{display: flex;align-items: center;justify-content: space-between;padding: 32rpx 46rpx 32rpx 16rpx;position: relative;}
-	.img-item{padding: 32rpx 46rpx 0 16rpx;}
+	.yysz-page-box{position: relative;z-index: 1;}
+	.yysz-row-box{width: 95%;background-color: #fff;box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.2);
+	border-radius: 16rpx;margin: 16rpx auto 0;color: #333;font-size: 30rpx;}
+	.yysz-item{display: flex;align-items: center;justify-content: space-between;
+	padding: 32rpx 32rpx 32rpx 0;position: relative;margin: 0 32rpx 0 32rpx;}
+	.border-item{border-bottom: 1rpx dashed #f2f2f2;}
+	.img-item{padding: 32rpx 32rpx 0 0;}
+	.item-text{color: #888;}
 	.yysz-item::after{
 		content: '';width: 14rpx;height: 24rpx;@include ezy-no-repeat-cover;
 		background-image: url("@/static/images/my/list-jt.png");
-		position: absolute;right: 16rpx;
+		position: absolute;right: 0;
 	}
 	.yysz-img-box{width: 36px;height: 36px;border-radius: 50%;@include ezy-no-repeat-cover}
 }

+ 9 - 11
pages/chanpinMy/myInfo.vue

@@ -4,7 +4,7 @@
 			<view @click="handleBack" class="nav-bar-icon"></view>
 			<text class="nav-bar-title">应用设置</text>
 		</view>
-		<view class="ezy-tab-border">
+		<view class="yysz-page-box">
 			<view class="yysz-row-box">
 				<view class="yysz-item img-item" @click="headClick">
 					<text>头像</text>
@@ -13,32 +13,30 @@
 				</view>
 				<view class="yysz-item" @click="nichengClick">
 					<text>昵称</text>
-					<text>{{myInfoData.nickName}}</text>
+					<text class="item-text">{{myInfoData.nickName}}</text>
 				</view>
 			</view>	
 			<view class="yysz-row-box">
 				<view class="yysz-item" @click="telClick">
 					<text>手机号码</text>
-					<text>{{myInfoData.userName}}</text>
+					<text class="item-text">{{myInfoData.userName}}</text>
 				</view>
 			</view>
 			<view class="yysz-row-box">	
-				<view class="yysz-item" @click="aboutClick">
+				<view class="yysz-item border-item" @click="aboutClick">
 					<text>关于我们</text>
 				</view>
-				<view v-if="loginFlag" class="yysz-item" @click="yinsizhengce">
+				<view v-if="loginFlag" class="yysz-item border-item" @click="yinsizhengce">
 					<text>隐私政策</text>
 				</view>
-				<view class="yysz-item" @click="kefudianhua">
+				<view class="yysz-item border-item" @click="kefudianhua">
 					<text>客服与投诉</text>
-					<text>4001750778</text>
+					<text class="item-text">4001750778</text>
 				</view>
-				<view v-if="loginFlag" class="yysz-item" @click="yonghuzhuxiao">
-					<icon class="list-icon zhuxiao-icon"></icon>
+				<view v-if="loginFlag" class="yysz-item border-item" @click="yonghuzhuxiao">
 					<text>用户注销</text>
 				</view>
 				 <view class="yysz-item" @click="exitLogin">
-					<icon class="list-icon login-out-icon"></icon>
 					<text>退出登录</text>
 				</view>
 		</view>
@@ -325,7 +323,7 @@
 	// 关于我们
 	function aboutClick() {
 		uni.redirectTo({
-			url: '/pages/chanpinXuanze/aboutPage'
+			url: '/pages/chanpinMy/aboutPage'
 		});
 	}
 	// 获取用户数据