设置页面开发

api/my.js

@@ -9,4 +9,15 @@ export function getMineInfo(data = {}) {
     data,
     timeout: 20000
   })
+}
+export function getUserInfo(data = {}) {
+  return request({
+    'url': '/app/user/info',
+    headers: {
+      isToken: true
+    },
+    method: 'post',
+    data,
+    timeout: 20000
+  })
 }

common/styles/global/components.scss

@@ -1,6 +1,6 @@
 /******************** 这里存放通用组件样式 ********************/
 
-/********** uni-app基础组件 **********/
+/********** uni-app基础组件 待删除**********/
 /*** lli-button--primary ***/
 // lli-primary
 .lli-btn {
@@ -74,6 +74,53 @@ view{box-sizing: border-box;}
   background-position: $position;background-size: contain;background-repeat: no-repeat;
 }
 
+/***** 富文本处理  *****/
+@mixin ezy-rich-text() {
+	white-space: pre-wrap;text-align: justify;
+	div,p,span{margin: 0;padding: 0;}
+	img{max-width: 100%;}
+	
+	.ql-align-center{text-align: center}
+	.ql-align-right{text-align: right}
+	// 9号字
+	.ql-size-9px{font-size: 18rpx;}
+	// 12号字
+	.ql-size-12px{font-size: 24rpx;}
+	// 14号字
+	.ql-size-14px{font-size: 28rpx;}
+	// 16号字
+	.ql-size-16px{font-size: 32rpx;}
+	// 18号字
+	.ql-size-18px{font-size: 36rpx;}
+	// 24号字
+	.ql-size-24px{font-size: 48rpx;}
+	// 32号字
+	.ql-size-32px{font-size: 64rpx;}
+
+	// 单倍行距
+	.line-height-lineHeight1{line-height: 1;}
+
+	// 1.5倍行距
+	.line-height-lineHeight1-5{line-height: 1.5;}
+
+	// 2倍行距
+	.line-height-lineHeight2{line-height: 2;}
+
+	// 2.5倍行距
+	.line-height-lineHeight2-5{line-height: 2.5;}
+
+	// 3倍行距
+	.line-height-lineHeight3{line-height: 3;}
+}
+
+/***** 按钮  *****/
+// 按钮
+.phone-blue-btn[type='default']{background-color: $uni-primary;color: #fff;}
+.phone-white-btn[type='default']{background-color: #fff;color: $uni-primary;border: 1rpx solid $uni-primary;}
+.phone-white-btn[type='default']:after{display: none;}
+.phone-blue-btn[type='default']:hover{background-color: $lli-btn-hover;color: #fff;}
+
+
 /*****音频播放器 author: TX  date:2024-06-24*****/
 .MtaBusAudioPlayerBox{
   position: relative;

common/styles/global/pages.scss

@@ -1,4 +1,5 @@
 /***** 这里存放通用页面样式 *****/
+// 我的
 .mobile-my-page{
 	width:100%;height: calc(100vh - 180rpx);overflow: auto;background: #F3F5F7;padding-bottom: 60rpx;
 	// 用户信息
@@ -50,4 +51,29 @@
 		.shezhi-icon{background-image: url("@/static/images/my/my-setting-icon-sj.png");}
 	}
 	.my-list-box + .my-list-box{margin-top: 20rpx;}
+}
+
+// 设置
+.mobile-setting-page{
+	.setting-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: 36rpx 0;
+			display: flex;align-items: center;position: relative;
+			.row-content{line-height: 1;margin-left: auto;margin-right: 32rpx;color: #9c9c9c;font-size: 30rpx;}
+		}
+		.setting-default-userImg{margin-right: 0;width: 70rpx;height: 70rpx;}
+		.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);
+		}
+		.no-jt-row::after{display: none;}
+		.img-list-row{padding: 24rpx 0;}
+	}
+	 .exit-login-btn {
+	    width: 400rpx;height: 90rpx;line-height: 90rpx;margin: 60rpx auto;display: block;font-size: 32rpx;
+	    background: linear-gradient(0deg,#436aff 0%, #234ff7 100%);border-radius: 45rpx;
+	    box-shadow: 0px 2rpx 14rpx -4rpx #5772ff;text-align: center;color: #fff;
+	}
 }

components/password-lli/password-lli.vue

@@ -1,58 +0,0 @@
-<template>
-	<view style="visibility: hidden;">
-		<view class="phone-password-lli" :myflag="myflag" :change:myflag="PSLLI.doPasswordlli(password)"></view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: "password-lli",
-		props: {
-			password: {
-				type: [String,Number],
-				default: ''
-			}
-		},
-		data() {
-			return {
-				myflag: 0
-			};
-		},
-		methods: {
-			lliPassword() {
-				this.myflag++
-			},
-			getPassword(data) {
-				this.$emit('lli-password',data);
-			}
-		}
-	}
-</script>
-
-<script module="PSLLI" lang="renderjs">
-	export default {
-		methods: {
-			doPasswordlli(password) {
-				if (window.lli && this.$ownerInstance) {
-					this.$ownerInstance.callMethod('getPassword', window.lli.encode(password))
-				}
-			}
-		},
-		mounted() {
-			if (window.lli && typeof window.lli.encode === 'function') {
-			} else {
-				const script = document.createElement('script')
-				script.src = '/mdist/static/encode.js'
-				// #ifdef H5
-				script.src = '/mdist/static/encode.js'
-				// #endif
-				
-				// #ifdef APP-PLUS
-				script.src = 'static/encode.js'
-				// #endif
-				
-				document.head.appendChild(script)
-			}
-		},
-	}
-</script>