瀏覽代碼

样式修改

tanxue 1 月之前
父節點
當前提交
8dac2f9521
共有 3 個文件被更改,包括 78 次插入2 次删除
  1. 23 0
      common/styles/global/components.scss
  2. 53 1
      common/styles/global/pages.scss
  3. 2 1
      common/styles/index.scss

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

@@ -55,6 +55,25 @@ view{box-sizing: border-box;}
 .lli-tc{text-align: center;}
 .lli-tr{text-align: right;}
 
+/***** view *****/
+view{box-sizing: border-box;}
+
+/***** 超出省略 *****/
+// 文本超出省略号显示 (一行)
+@mixin single-line-ellipsis() {text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;white-space: nowrap;word-break: break-all;}
+// 文本超出省略号显示 (多行)
+@mixin multi-line-ellipsis($rows: 3){-webkit-line-clamp:$rows;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;display: -webkit-box;white-space: normal !important;-webkit-box-orient: vertical;}
+
+/***** 页面背景图 *****/
+//  no-repeat  cover
+@mixin ezy-no-repeat-cover($position: center) {
+  background-position: $position;background-size: cover;background-repeat: no-repeat;
+}
+//  no-repeat  contain
+@mixin ezy-no-repeat-contain($position: center) {
+  background-position: $position;background-size: contain;background-repeat: no-repeat;
+}
+
 /*****音频播放器 author: TX  date:2024-06-24*****/
 .MtaBusAudioPlayerBox{
   position: relative;
@@ -72,6 +91,10 @@ view{box-sizing: border-box;}
   }
 }
 
+/***** 默认头像  *****/
+.phone-default-userImg{
+	width: 120rpx;height: 120rpx;margin: 0 auto;
+	background-image: url("@/static/images/my/user-default-img.png");@include ezy-no-repeat-cover();}
 
 /*****分类组件 author: TX  date:2024-06-24*****/
 .lli-status-box{

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

@@ -1 +1,53 @@
-/***** 这里存放通用页面样式 *****/
+/***** 这里存放通用页面样式 *****/
+.mobile-my-page{
+	width:100%;height: calc(100vh - 180rpx);overflow: auto;background: #F3F5F7;padding-bottom: 60rpx;
+	// 用户信息
+	.user-info-box {
+	  width: 100%;height: 333rpx;background-color: #fff;
+	  background-image: url("@/static/images/my/user-info-bj.png");@include ezy-no-repeat-cover();
+	  display: flex;align-items: center;padding-top: 16px;box-sizing: border-box;
+
+	  // 图片
+	  .user-img-box {
+		  width: 120rpx;height: 120rpx;margin-left: 24rpx;border-radius: 50%;overflow: hidden;
+		img{width: 100%;height: 100%;}
+	  }
+
+	  // 用户信息
+	  .user-content-box {
+	    margin-left: 48rpx;
+	    // 姓名
+	    .user-name {display: block;font-size: 36rpx;color: #fff;margin-bottom: 24rpx;font-weight: 800;}
+	    // 详细信息
+	    .user-info {
+	      display: flex;align-items: center;
+	      >view{font-size: 24rpx;color: #fff}
+	      text{width: 1px;height: 24rpx;display: block;margin: 0 12rpx;background: #fff;}
+	    }
+	  }
+	}
+	
+	.my-list-box{
+		width:100%;margin: 0 auto;background-color: #fff;padding: 0 36rpx;
+		.list-row{border-bottom: 2rpx solid #eee;color: #333;box-sizing: border-box;padding: 24rpx 0;
+		display: flex;align-items: center;position: relative;
+		.row-content{margin-left: auto;margin-right: 32rpx;color: #9c9c9c;font-size: 30rpx;}
+		}
+		.list-row::after{
+			content: '';width: 30rpx;height: 30rpx;@include ezy-no-repeat-cover;
+			background-image: url("@/static/images/common/nav-bar-jt-bottom.svg");
+			position: absolute;right: 0;transform: rotate(270deg);
+		}
+		.list-row:last-child{border: 0;}
+		.list-icon{width: 70rpx;height: 70rpx;@include ezy-no-repeat-cover;margin-right: 12rpx;}
+		.xuefen-icon{background-image: url("@/static/images/my/my-credits-icon-sj.png");}
+		.xiaoxi-icon{background-image: url("@/static/images/my/my-news-icon-sj.png");}
+		.zhengshu-icon{background-image: url("@/static/images/my/my-certificate-icon-sj.png");}
+		.cuoti-icon{background-image: url("@/static/images/my/my-wrong-icon-sj.png");}
+		.baoming-icon{background-image: url("@/static/images/my/my-baoming-icon-sj.png");}
+		.sxtcs-icon{background-image: url("@/static/images/my/my-ceshi-icon-sj.png");}
+		.sxtsm-icon{background-image: url("@/static/images/my/my-explain-icon-sj.png");}
+		.shezhi-icon{background-image: url("@/static/images/my/my-setting-icon-sj.png");}
+	}
+	.my-list-box + .my-list-box{margin-top: 20rpx;}
+}

+ 2 - 1
common/styles/index.scss

@@ -5,4 +5,5 @@
 // @import '/common/styles/theme/green.scss';
 
 // 页面通用scss
-// @import '/common/styles/global/pages.scss';
+@import '/common/styles/global/components.scss';
+@import '/common/styles/global/pages.scss';