Home Explore Help
Sign In
zpj
/
global-merchant-center
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

no message

SY-202410091840\Administrator 10 months ago
parent
29342a532c
commit
f06982cd21
16 changed files with 1788 additions and 1043 deletions
Unified View Show Diff Stats
  1. 3 3
      public/index.html
  2. 57 4
      src/assets/css/common.css
  3. BIN
      src/assets/img/me/congzhi.png
  4. BIN
      src/assets/img/me/denglu.png
  5. BIN
      src/assets/img/me/money.png
  6. BIN
      src/assets/img/me/tikuan.png
  7. BIN
      src/assets/img/me/tixian.png
  8. BIN
      src/assets/img/me/user.png
  9. 6 2
      src/components/Forestage/Navigation.vue
  10. 73 5
      src/views/Forestage/Me/index.vue
  11. 33 0
      src/views/Forestage/Me/mod/about-us.vue
  12. 251 0
      src/views/Forestage/Me/mod/my-money.vue
  13. 87 0
      src/views/Forestage/Me/mod/my-order.vue
  14. 113 0
      src/views/Forestage/Me/mod/notice.vue
  15. 93 0
      src/views/Forestage/Me/mod/secure.vue
  16. 1072 1029
      yarn.lock

+ 3 - 3
public/index.html
View File 

@@ -14,11 +14,11 @@
 
 
 
 <body>
 
 <body>
 
 <div style="display: none">
 
 <div style="display: none">
 
-    <h1>重庆振合网网络科技有限公司</h1>
 
-    <p>重庆振合网网络科技有限公司,重庆振合网,华际科技振合网,华际科技,振合网</p>
 
+    <h1>GMC</h1>
 
+    <p>GMC</p>
 
 </div>
 
 </div>
 
   <noscript>
 
   <noscript>
 
-    <strong>振合网官方-振合网实体联盟</strong>
 
+    <strong>GMC</strong>
 
   </noscript>
 
   </noscript>
 
   <div id="app"></div>
 
   <div id="app"></div>
 
   <script src="https://map.qq.com/api/gljs?v=1.exp&key=Q24BZ-H6CC5-ALIIY-QRPUR-7RVW2-XSFYC"></script>
 
   <script src="https://map.qq.com/api/gljs?v=1.exp&key=Q24BZ-H6CC5-ALIIY-QRPUR-7RVW2-XSFYC"></script>

+ 57 - 4
src/assets/css/common.css
View File 

@@ -22,7 +22,10 @@
 
 	display: flex;
 
 	display: flex;
 
 	justify-content: center;
 
 	justify-content: center;
 
 }
 
 }
 
-
 
+.justify-right{
 
+	display: flex;
 
+	justify-content: right;
 
+}
 
 .align-items-center{
 
 .align-items-center{
 
 	display: flex;
 
 	display: flex;
 
 	align-items: center;
 
 	align-items: center;
 
@@ -41,7 +44,7 @@
 
 	color: #fff;
 
 	color: #fff;
 
 }
 
 }
 
 .fc-12{
 
 .fc-12{
 
-	color: #121212;
 
+	color: #121212 !important;
 
 }
 
 }
 
 .fc-70{
 
 .fc-70{
 
 	color: #707070;
 
 	color: #707070;
 
@@ -53,9 +56,11 @@
 
 	color: #ED2121FF;
 
 	color: #ED2121FF;
 
 }
 
 }
 
 .fc-c7ab7b{
 
 .fc-c7ab7b{
 
-	color: #C7AB7B;
 
+	color: #C7AB7B !important;
 
+}
 
+.fc-755C82{
 
+	color: #755C82;
 
 }
 
 }
 
-
 
 
 
 .bg-c-EEF4FF{
 
 .bg-c-EEF4FF{
 
 	background-color: #EEF4FF;
 
 	background-color: #EEF4FF;
 
@@ -66,6 +71,11 @@
 
 .bg-c-f{
 
 .bg-c-f{
 
 	background-color: #fff !important;
 
 	background-color: #fff !important;
 
 }
 
 }
 
+	
+.bgc-755C82{
 
+	background: #755C82;
 
+}
 
+
 
 
 
 .fw-400{
 
 .fw-400{
 
 	font-weight: 400;
 
 	font-weight: 400;
 
@@ -73,6 +83,9 @@
 
 .fw-500{
 
 .fw-500{
 
 	font-weight: 500;
 
 	font-weight: 500;
 
 }
 
 }
 
+.fw-700{
 
+	font-weight: 700;
 
+}
 
 .fw-b{
 
 .fw-b{
 
 	font-weight: bold;
 
 	font-weight: bold;
 
 }
 
 }
 
@@ -88,6 +101,9 @@
 
 .fs-18{
 
 .fs-18{
 
 	font-size: 18px;
 
 	font-size: 18px;
 
 }
 
 }
 
+.fs-20{
 
+	font-size: 20px;
 
+}
 
 .fs-22{
 
 .fs-22{
 
 	font-size: 22px;
 
 	font-size: 22px;
 
 }
 
 }
 
@@ -138,6 +154,9 @@
 
 .mr-5{
 
 .mr-5{
 
 	margin-right: 5px;
 
 	margin-right: 5px;
 
 }
 
 }
 
+.mr-7{
 
+	margin-right: 7px;
 
+}
 
 .mr-38{
 
 .mr-38{
 
 	margin-right: 38px;
 
 	margin-right: 38px;
 
 }
 
 }
 
@@ -186,6 +205,9 @@
 
 .mt-5{
 
 .mt-5{
 
 	margin-top: 5px;
 
 	margin-top: 5px;
 
 }
 
 }
 
+.mb-7{
 
+	margin-bottom: 7px;
 
+}
 
 .mb-10{
 
 .mb-10{
 
 	margin-bottom: 10px;
 
 	margin-bottom: 10px;
 
 }
 
 }
 
@@ -224,3 +246,34 @@
 
 .w-210{
 
 .w-210{
 
 	width: 210px;
 
 	width: 210px;
 
 }
 
 }
 
+.w150{
 
+	width: 150px !important;
 
+	word-wrap: break-word;
 
+	word-break: normal;
 
+}
 
+.w280{
 
+	width: 280px !important;
 
+	word-wrap: break-word;
 
+	word-break: normal;
 
+}
 
+.w10019{
 
+	width: 19% !important;
 
+	word-wrap: break-word;
 
+	word-break: normal;
 
+}
 
+.w10020{
 
+	width: 20% !important;
 
+	word-wrap: break-word;
 
+	word-break: normal;
 
+}
 
+.w10030{
 
+	width: 30% !important;
 
+	word-wrap: break-word;
 
+	word-break: normal;
 
+}
 
+.w10040{
 
+	width: 40% !important;
 
+	word-wrap: break-word; 
+	word-break: normal;
 
+
 
+}

BIN
src/assets/img/me/congzhi.png
View File


BIN
src/assets/img/me/denglu.png
View File


BIN
src/assets/img/me/money.png
View File


BIN
src/assets/img/me/tikuan.png
View File


BIN
src/assets/img/me/tixian.png
View File


BIN
src/assets/img/me/user.png
View File


+ 6 - 2
src/components/Forestage/Navigation.vue
View File 

@@ -26,7 +26,7 @@
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
 
 
-        <div v-if="userToken" class="out-buttom fs-16 fw-500 hand-cursor">登出</div>
 
+        <div v-if="userToken" class="out-buttom fs-16 fw-500 hand-cursor" @click="outLogin()">登出</div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </transition>
 
   </transition>
 
@@ -121,7 +121,11 @@ export default {
 
       const routePath = this.$route.path
 
       const routePath = this.$route.path
 
       this.$eventBus.$emit('langChange', item.type, routePath)
 
       this.$eventBus.$emit('langChange', item.type, routePath)
 
     },
 
     },
 
-
 
+	outLogin(){
 
+	  this.$router.push("/login");
 
+	  localStorage.clear();
 
+	  
+	},
 
   }
 
   }
 
 }
 
 }
 
 </script>
 
 </script>

+ 73 - 5
src/views/Forestage/Me/index.vue
View File 

@@ -1,16 +1,84 @@
 
 <template>
 
 <template>
 
   <!-- 我的账户 -->
 
   <!-- 我的账户 -->
 
-  <div>
 
-
 
+  <div class="me-index box-sizing-border-box">
 
+	<div class="info-box justify-content-space-between box-sizing-border-box">
 
+		<!-- 左边导航 -->
 
+		<div class="left-box mr-7">
 
+			<div class="box-1 fs-18 fc-f fw-700">我的账户</div>
 
+			<div class="box-2 fs-18 hand-cursor " :class="navType==1?'fc-755C82 bg-c-f fw-700':'fc-f fw-400'" @click="selectType(1)">我的资产</div>
 
+			<div class="box-2 fs-18 hand-cursor " :class="navType==2?'fc-755C82 bg-c-f fw-700':'fc-f fw-400'" @click="selectType(2)">我的订单</div>
 
+			<div class="box-2 fs-18 hand-cursor " :class="navType==3?'fc-755C82 bg-c-f fw-700':'fc-f fw-400'" @click="selectType(3)">联系我们</div>
 
+			<div class="box-2 fs-18 hand-cursor " :class="navType==4?'fc-755C82 bg-c-f fw-700':'fc-f fw-400'" @click="selectType(4)">安全中心</div>
 
+			<div class="box-2 fs-18 hand-cursor " :class="navType==5?'fc-755C82 bg-c-f fw-700':'fc-f fw-400'" @click="selectType(5)">活动公告</div>
 
+			<div class="box-2 fs-18 hand-cursor " :class="navType==6?'fc-755C82 bg-c-f fw-700':'fc-f fw-400'" @click="selectType(6)">关于我们</div>
 
+		</div>
 
+		<div class="flex-1">
 
+			<MyMoney v-if="navType == 1" ref="myMoney"></MyMoney>
 
+			<MyOrder v-else-if="navType == 2" ref="myOrder"></MyOrder>
 
+			<Secure v-else-if="navType == 4" ref="secure"></Secure>
 
+			<Notice v-else-if="navType == 5" ref="notice"></Notice>
 
+			<AboutUs v-else-if="navType == 6" ref="aboutUs"></AboutUs>
 
+		</div>
 
+	</div>
 
   </div>
 
   </div>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
+  import MyMoney from './mod/my-money.vue';
 
+  import MyOrder from './mod/my-order.vue';
 
+  import Notice from './mod/notice.vue';
 
+  import AboutUs from './mod/about-us.vue';
 
+  import Secure from './mod/secure.vue';
 
+  
+	
   export default {
 
   export default {
 
-
 
+		components:{MyMoney,MyOrder,AboutUs,Notice,Secure,},
 
+		data(){
 
+			return{
 
+				navType:1,
 
+			}
 
+		},
 
+		mounted() {
 
+			
+		},
 
+		methods:{
 
+			selectType(type){
 
+				if(this.navType!= type){
 
+					this.navType = type;
 
+				}
 
+			},
 
+		},
 
   }
 
   }
 
 </script>
 
 </script>
 
 
 
-<style scoped>
 
-
 
+<style scoped lang="scss">
 
+	.me-index{
 
+		width: 100%;
 
+		min-height: calc(100vh - 92px);
 
+		padding-top: 70px;
 
+		background: #C1B5C5;
 
+		
+		.info-box{
 
+			width: 100%;
 
+			min-height: 683px;
 
+			padding: 40px 120px;
 
+			.left-box{
 
+				width: 152px;
 
+				min-height: 683px;
 
+				background: #755C82;
 
+				.box-1{
 
+					width: 100%;
 
+					height: 82px;
 
+					line-height: 82px;
 
+					text-align: center;
 
+				}
 
+				.box-2{
 
+					width: 100%;
 
+					height: 60px;
 
+					line-height: 60px;
 
+					text-align: center;
 
+				}
 
+			}
 
+		}
 
+	}
 
 </style>
 
 </style>

+ 33 - 0
src/views/Forestage/Me/mod/about-us.vue
View File 

@@ -0,0 +1,33 @@
 
+<template>
 
+	<!-- 关于我们 -->
 
+	<div class="about-as bgc-755C82">
 
+		<div class="box-6 align-items-center hand-cursor">
 
+			<div class="fs-16 fw-500">关于我们</div>
 
+		</div>
 
+		<div class="box-about fs-14 box-sizing-border-box">111</div>
 
+	</div>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		name:"about-as",
 
+	}
 
+</script>
 
+
 
+<style scoped lang="scss">
 
+	div{
 
+		color: #fff;
 
+	}
 
+	.about-as{
 
+		width: 100%;
 
+		min-height: 683px;
 
+		.box-6{
 
+			height: 54px;
 
+			padding: 0 43px;
 
+			border-bottom: 1px solid #C1B5C5;
 
+		}
 
+		.box-about{
 
+			padding: 50px;
 
+		}
 
+	}
 
+</style>

+ 251 - 0
src/views/Forestage/Me/mod/my-money.vue
View File 

@@ -0,0 +1,251 @@
 
+<template>
 
+	<!-- 我的资产 -->
 
+	<div class="my-money-box">
 
+		<div class="" v-if="indexType == 0">
 
+			<div class="box-1 bgc-755C82 align-items-center box-sizing-border-box mb-7">
 
+				<img src="@/assets/img/home/2-3.png" alt="" />
 
+				<div class="">
 
+					<div class="fs-20 mb-7 fw-500 ">点防护</div>
 
+					<div class="fs-14 mb-7 fw-400 ">5826396@qq.com</div>
 
+					<div class="fs-14  fw-400 ">ID：123456</div>
 
+				</div>
 
+			</div>
 
+			<div class="box-2 bgc-755C82 box-sizing-border-box fw-500 fs-16">我的资产</div>
 
+			<div class="box-3 bgc-755C82 box-sizing-border-box">
 
+				<div class="fs-16 fw-400 mb-16">我的余额（USDT）</div>
 
+				<div class="fs-20 fw-700">50000.0000</div>
 
+			</div>
 
+			<div class="justify-content-space-between">
 
+				<div class="box-4 justify-content-space-between align-items-center right-border box-sizing-border-box bgc-755C82">
 
+					<div class="align-items-center">
 
+						<img class="img-1" src="@/assets/img/me/money.png" alt="" />
 
+						<div class="fs-16 fw-400">今日订票收益（USDT）</div>
 
+					</div>
 
+					<div class="fs-14 fw-700">200.0000</div>
 
+				</div>
 
+				<div class="box-4 justify-content-space-between align-items-center bgc-755C82 box-sizing-border-box">
 
+					<div class="align-items-center">
 
+						<img class="img-2" src="@/assets/img/me/user.png" alt="" />
 
+						<div class="fs-16 fw-400">今日团队收益（USDT）</div>
 
+					</div>
 
+					<div class="fs-14 fw-700">200.0000</div>
 
+				</div>
 
+			</div>
 
+			<div class="justify-content-space-between">
 
+				<div class="box-4 justify-content-space-between align-items-center right-border box-sizing-border-box bgc-755C82">
 
+					<div class="align-items-center">
 
+						<img class="img-1" src="@/assets/img/me/money.png" alt="" />
 
+						<div class="fs-16 fw-400">订票总收益（USDT）</div>
 
+					</div>
 
+					<div class="fs-14 fw-700">200.0000</div>
 
+				</div>
 
+				<div class="box-4 justify-content-space-between align-items-center bgc-755C82 box-sizing-border-box">
 
+					<div class="align-items-center">
 
+						<img class="img-2" src="@/assets/img/me/user.png" alt="" />
 
+						<div class="fs-16 fw-400">团队总收益（USDT）</div>
 
+					</div>
 
+					<div class="fs-14 fw-700">200.0000</div>
 
+				</div>
 
+			</div>
 
+			<div class="justify-content-space-between">
 
+				<div class="box-5 align-items-center justify-content box-sizing-border-box bgc-755C82 right-border hand-cursor" @click="toIndex(1)">
 
+					<img class="img-3" src="@/assets/img/me/congzhi.png" alt="" />
 
+					<div class="fs-16 fw-500">充值记录</div>
 
+				</div>
 
+				<div class="box-5 align-items-center justify-content box-sizing-border-box bgc-755C82 hand-cursor" @click="toIndex(2)">
 
+					<img class="img-3" src="@/assets/img/me/tixian.png" alt="" />
 
+					<div class="fs-16 fw-500">提现记录</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+		
+		<div v-if="indexType == 1" class="index-card bgc-755C82">
 
+			<div class="box-6 align-items-center hand-cursor" @click="toIndex(0)">
 
+				<img src="@/assets/img/lang-icon.png" alt="" />
 
+				<div class="fs-16 fw-500">充值记录</div>
 
+			</div>
 
+			<div class="box-7 box-sizing-border-box">
 
+				 <div class="justify-content-space-between box-8 align-items-center">
 
+				 	<div class="fs-12 fw-400 w280">地址</div>
 
+					<div class="fs-12 fw-400 w10020 text-align-center">数量</div>
 
+					<div class="fs-12 fw-400 w10040 text-align-right">操作时间</div>
 
+				 </div>
 
+				 <div class="justify-content-space-between box-8 align-items-center" v-for="(item,i) in 10" :key="i">
 
+				 	<div class="fs-12 fw-400 w280">NaunqEtsewazD5dSQEacgM7hxxwFoWCy6i</div>
 
+				 	<div class="fs-12 fw-400 w10020 text-align-center">200</div>
 
+				 	<div class="fs-12 fw-400 w10040 text-align-right">2025.01.01 15:02:25</div>
 
+				 </div>
 
+				 <div class="justify-right mt-16">
 
+				 	<div class="box-page fs-12 fw-400 fc-12 hand-cursor" @click="upPage()">上一页</div>
 
+					<div class="box-page fs-12 fw-400 fc-12 hand-cursor" @click="downPage()">下一页</div>
 
+				 </div>
 
+			</div>
 
+		</div>
 
+		
+		<div v-if="indexType == 2" class="index-card bgc-755C82">
 
+			<div class="box-6 align-items-center hand-cursor" @click="toIndex(0)">
 
+				<img src="@/assets/img/lang-icon.png" alt="" />
 
+				<div class="fs-16 fw-500">提现记录</div>
 
+			</div>
 
+			<div class="box-7 box-sizing-border-box">
 
+				 <div class="justify-content-space-between box-8 align-items-center">
 
+				 	<div class="fs-12 fw-400 w280">地址</div>
 
+					<div class="fs-12 fw-400 w10020 text-align-center">数量</div>
 
+					<div class="fs-12 fw-400 w10020 text-align-center">状态</div>
 
+					<div class="fs-12 fw-400 w10030 text-align-right">操作时间</div>
 
+				 </div>
 
+				 <div class="justify-content-space-between box-8 align-items-center" v-for="(item,i) in 20" :key="i">
 
+				 	<div class="fs-12 fw-400 w280">NaunqEtsewazD5dSQEacgNaunqEtsewazD5dSQEacNaunqEtsewazD5dSQEacgNaunqEtsewazD5dSQEacEtsewazD5dSQEacg1231M7Nag1231M7NaunqE13213132123312321tsewazD5dSQEacgM7hxxwFoWCy6ihxxwFoWCy6iM7hxxwFoWCy6iEtsewazD5dSQEacg1231M7Nag1231M7NaunqE13213132123312321tsewazD5dSQEacgM7hxxwFoWCy6ihxxwFoWCy6iM7hxxwFoWCy6i</div>
 
+				 	<div class="fs-12 fw-400 w10020 text-align-center">200</div>
 
+					<div class="fs-12 fw-400 w10020 text-align-center">状态</div>
 
+				 	<div class="fs-12 fw-400 w10030 text-align-right">2025.01.01 15:02:25</div>
 
+				 </div>
 
+				 <div class="justify-right mt-16">
 
+				 	<div class="box-page fs-12 fw-400 fc-12 hand-cursor" @click="upPage()">上一页</div>
 
+					<div class="box-page fs-12 fw-400 fc-12 hand-cursor" @click="downPage()">下一页</div>
 
+				 </div>
 
+			</div>
 
+		</div>
 
+				
+	</div>
 
+</template>
 
+
 
+<script>
 
+	import tools from '@/utils/tools.js';
 
+	export default {
 
+		name:"my-money",
 
+		data(){
 
+			return{
 
+				indexType:0,
 
+				page:1,
 
+				list:[],
 
+				total:0,
 
+			}
 
+		},
 
+		mounted() {
 
+			
+		},
 
+		methods:{
 
+			getInfo(){
 
+				
+			},
 
+			getList(){
 
+				
+			},
 
+			toIndex(type){
 
+				this.indexType = type;
 
+				if(type == 0){
 
+					this.page = 1;
 
+					this.list = [];
 
+					this.total = 0;
 
+				}
 
+			},
 
+			upPage(){
 
+				if(this.page == 1){
 
+					return tools.error('已到第一页')
 
+				}
 
+			},
 
+			downPage(){
 
+				let flag = (this.page*1)*10 < (this.total * 1);
 
+				if(!flag){
 
+					return tools.error('没有更多数据')
 
+				}
 
+			},
 
+		},
 
+	}
 
+</script>
 
+
 
+<style scoped lang="scss">
 
+	div{
 
+		color: #fff;
 
+	}
 
+	.my-money-box{
 
+		width: 100%;
 
+		min-height: 683px;
 
+		.index-card{
 
+			width: 100%;
 
+			min-height: 683px;
 
+		}
 
+		
+		.box-1{
 
+			width: 100%;
 
+			height: 140px;
 
+			padding: 36px 40px;
 
+			img{
 
+				width: 68px;
 
+				height: 68px;
 
+				border-radius: 50%;
 
+				margin-right: 20px;
 
+			}
 
+		}
 
+		.box-2{
 
+			height: 56px;
 
+			line-height: 56px;
 
+			padding: 0 40px;
 
+			border-bottom: 1px solid #C1B5C5;
 
+		}
 
+		.box-3{
 
+			height: 120px;
 
+			padding: 30px 40px;
 
+			border-bottom: 1px solid #C1B5C5;
 
+		}
 
+		.box-4{
 
+			height: 120px;
 
+			width: 50%;
 
+			padding: 37px 40px;
 
+			border-bottom: 1px solid #C1B5C5;
 
+			
+		}
 
+		.right-border{
 
+			border-right: 1px solid #C1B5C5;
 
+		}
 
+		.img-1{
 
+			width: 19px;
 
+			height: 15px;
 
+			margin-right: 20px;
 
+		}
 
+		.img-2{
 
+			width: 12px;
 
+			height: 15px;
 
+			margin-right: 20px;
 
+		}
 
+		.img-3{
 
+			width: 20px;
 
+			height: 20px;
 
+			margin-right: 20px;
 
+		}
 
+		.box-5{
 
+			height: 120px;
 
+			width: 50%;
 
+			padding: 48px 0;
 
+		}
 
+		
+		.box-6{
 
+			height: 54px;
 
+			padding: 0 43px;
 
+			border-bottom: 1px solid #C1B5C5;
 
+			img{
 
+				width: 14px;
 
+				height: 8px;
 
+				transform: rotate(90deg);
 
+				margin-right: 15px;
 
+			}
 
+		}
 
+		.box-7{
 
+			padding: 4px 40px;
 
+		}
 
+		.box-8{
 
+			width: 100%;
 
+			min-height: 42px;
 
+			box-sizing: border-box;
 
+			padding: 12px 0px;
 
+			border-bottom: 1px solid #C1B5C5;
 
+		}
 
+		.box-page{
 
+			padding: 8px 10px;
 
+			background: #C7AB7B;
 
+			margin-left: 10px;
 
+			border-radius: 2px;
 
+		}
 
+	}
 
+</style>

+ 87 - 0
src/views/Forestage/Me/mod/my-order.vue
View File 

@@ -0,0 +1,87 @@
 
+<template>
 
+	<!-- 我的订单 -->
 
+	<div class="list-box bgc-755C82">
 
+		<div class="box-6 align-items-center hand-cursor">
 
+			<div class="fs-16 fw-500">我的订单</div>
 
+		</div>
 
+		<div class="box-7 box-sizing-border-box">
 
+			 <div class="justify-content-space-between box-8 align-items-center">
 
+			 	<div class="fs-12 fw-400 w150">订单名称</div>
 
+				<div class="fs-12 fw-400 w150 ">订单单号</div>
 
+				<div class="fs-12 fw-400 w150 ">订单金额</div>
 
+				<div class="fs-12 fw-400 w150 ">订单收益</div>
 
+				<div class="fs-12 fw-400 w150 text-align-right">创建时间</div>
 
+			 </div>
 
+			 <div class="justify-content-space-between box-8 align-items-center" v-for="(item,i) in 20" :key="i">
 
+			 	<div class="fs-12 fw-400 w150">订单名称订单名称订单名称订单名称订单名称订单名称订单名称订单名称</div>
 
+			 	<div class="fs-12 fw-400 w150 ">202002002002002002002002002002002002002002002002002000</div>
 
+				<div class="fs-12 fw-400 w150 ">202002002002002002002002002002002002002002002002002000</div>
 
+				<div class="fs-12 fw-400 w150 ">202002002002002002002002002002002002002002002002002000</div>
 
+			 	<div class="fs-12 fw-400 w150 text-align-right">2025.01.01 15:02:25</div>
 
+			 </div>
 
+			 <div class="justify-right mt-16">
 
+			 	<div class="box-page fs-12 fw-400 fc-12 hand-cursor" @click="upPage()">上一页</div>
 
+				<div class="box-page fs-12 fw-400 fc-12 hand-cursor" @click="downPage()">下一页</div>
 
+			 </div>
 
+		</div>
 
+	</div>
 
+</template>
 
+
 
+<script>
 
+	import tools from '@/utils/tools.js';
 
+	export default {
 
+		name:"my-odder",
 
+		data(){
 
+			return{
 
+				page:1,
 
+				list:[],
 
+				total:0,
 
+			}
 
+		},
 
+		methods:{
 
+			upPage(){
 
+				if(this.page == 1){
 
+					return tools.error('已到第一页')
 
+				}
 
+			},
 
+			downPage(){
 
+				let flag = (this.page*1)*10 < (this.total * 1);
 
+				if(!flag){
 
+					return tools.error('没有更多数据')
 
+				}
 
+			},
 
+		},
 
+	}
 
+</script>
 
+
 
+<style scoped lang="scss">
 
+	div{
 
+		color: #fff;
 
+	}
 
+	.list-box{
 
+		width: 100%;
 
+		min-height: 683px;
 
+		.box-6{
 
+			height: 54px;
 
+			padding: 0 43px;
 
+			border-bottom: 1px solid #C1B5C5;
 
+		}
 
+		.box-7{
 
+			padding: 4px 40px;
 
+		}
 
+		.box-8{
 
+			width: 100%;
 
+			min-height: 42px;
 
+			box-sizing: border-box;
 
+			padding: 12px 0px;
 
+			border-bottom: 1px solid #C1B5C5;
 
+		}
 
+		.box-page{
 
+			padding: 8px 10px;
 
+			background: #C7AB7B;
 
+			margin-left: 10px;
 
+			border-radius: 2px;
 
+		}
 
+	}
 
+	
+</style>

+ 113 - 0
src/views/Forestage/Me/mod/notice.vue
View File 

@@ -0,0 +1,113 @@
 
+<template>
 
+	<!-- 活动公告 -->
 
+	<div class="notice bgc-755C82">
 
+		<div v-if="!isflag">
 
+			<div class="box-6 align-items-center hand-cursor">
 
+				<div class="fs-16 fw-500">活动公告</div>
 
+			</div>
 
+			
+			<div class="box-7 box-sizing-border-box">
 
+				 <div class="justify-content-space-between box-8 align-items-center" v-for="(item,i) in 20" :key="i">
 
+				 	<div class="">
 
+				 		<div class="fs-16 fw-400 mb-10">活动名称</div>
 
+						<div class="fs-12 fw-400">31/01/2024 15:02</div>
 
+				 	</div>
 
+					<div class="fs-12 fw-400 fc-c7ab7b hand-cursor" @click="look(item)">查看</div>
 
+				 </div>
 
+				 <div class="justify-right mt-16">
 
+				 	<div class="box-page fs-12 fw-400 fc-12 hand-cursor" @click="upPage()">上一页</div>
 
+					<div class="box-page fs-12 fw-400 fc-12 hand-cursor" @click="downPage()">下一页</div>
 
+				 </div>
 
+			</div>
 
+		</div>
 
+		
+		<div v-else class="">
 
+			<div class="box-6 align-items-center hand-cursor" @click="toIndex()">
 
+				<img src="@/assets/img/lang-icon.png" alt="" />
 
+				<div class="fs-16 fw-500">公告详情</div>
 
+			</div>
 
+			<div class="p-40 box-sizing-border-box">
 
+				111
 
+			</div>
 
+		</div>
 
+		
+		
+	</div>
 
+</template>
 
+
 
+<script>
 
+	import tools from '@/utils/tools.js';
 
+	export default {
 
+		name:'notice',
 
+		data(){
 
+			return{
 
+				isflag:false,
 
+				
+				page:1,
 
+				list:[],
 
+				total:0,
 
+			}
 
+		},
 
+		methods:{
 
+			upPage(){
 
+				if(this.page == 1){
 
+					return tools.error('已到第一页')
 
+				}
 
+			},
 
+			downPage(){
 
+				let flag = (this.page*1)*10 < (this.total * 1);
 
+				if(!flag){
 
+					return tools.error('没有更多数据')
 
+				}
 
+			},
 
+			toIndex(){
 
+				this.isflag = false;
 
+				if(!this.isflag){
 
+					this.page = 1;
 
+					this.list = [];
 
+					this.total = 0;
 
+				}
 
+			},
 
+			look(item){
 
+				this.isflag = true;
 
+			},
 
+		},
 
+	}
 
+</script>
 
+
 
+<style scoped lang="scss">
 
+	div{
 
+		color: #fff;
 
+	}
 
+	.notice{
 
+		width: 100%;
 
+		min-height: 683px;
 
+		.box-6{
 
+			height: 54px;
 
+			padding: 0 43px;
 
+			border-bottom: 1px solid #C1B5C5;
 
+			img{
 
+				width: 14px;
 
+				height: 8px;
 
+				transform: rotate(90deg);
 
+				margin-right: 15px;
 
+			}
 
+		}
 
+		.box-7{
 
+			padding: 4px 40px;
 
+		}
 
+		.box-8{
 
+			width: 100%;
 
+			min-height: 70px;
 
+			box-sizing: border-box;
 
+			padding: 12px 0px;
 
+			border-bottom: 1px solid #C1B5C5;
 
+		}
 
+		.box-page{
 
+			padding: 8px 10px;
 
+			background: #C7AB7B;
 
+			margin-left: 10px;
 
+			border-radius: 2px;
 
+		}
 
+	}
 
+</style>

+ 93 - 0
src/views/Forestage/Me/mod/secure.vue
View File 

@@ -0,0 +1,93 @@
 
+<template>
 
+	<!-- 安全中心 -->
 
+	<div class="secure-box bgc-755C82">
 
+		<div class="" v-if="setType == 0">
 
+			<div class="box-6 align-items-center hand-cursor">
 
+				<div class="fs-16 fw-500">安全中心</div>
 
+			</div>
 
+			<div class="box-7 box-sizing-border-box">
 
+				 <div class="justify-content-space-between box-8 align-items-center">
 
+				 	<div class="align-items-center">
 
+						<img class="img-1" src="@/assets/img/me/denglu.png" alt="" />
 
+				 		<div class="fs-16 fw-400">登录密码</div>
 
+				 	</div>
 
+				 	<div class="fs-12 fw-400 fc-c7ab7b hand-cursor" @click="setPassword(1)">修改密码</div>
 
+				 </div>
 
+				 <div class="justify-content-space-between box-8 align-items-center">
 
+				 	<div class="align-items-center">
 
+						<img class="img-1" src="@/assets/img/me/tikuan.png" alt="" />
 
+				 		<div class="fs-16 fw-400">提款密码</div>
 
+				 	</div>
 
+				 	<div class="fs-12 fw-400 fc-c7ab7b hand-cursor" @click="setPassword(2)">修改密码</div>
 
+				 </div>
 
+			</div>
 
+		</div>
 
+		
+		<div v-if="setType == 1" class="">
 
+			<div class="box-6 align-items-center hand-cursor" @click="setPassword(0)">
 
+				<img src="@/assets/img/lang-icon.png" alt="" />
 
+				<div class="fs-16 fw-500">登录密码</div>
 
+			</div>
 
+		</div>
 
+		
+		<div v-if="setType == 2" class="">
 
+			<div class="box-6 align-items-center hand-cursor" @click="setPassword(0)">
 
+				<img src="@/assets/img/lang-icon.png" alt="" />
 
+				<div class="fs-16 fw-500">提款密码</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</template>
 
+
 
+<script>
 
+	import tools from '@/utils/tools.js';
 
+	export default {
 
+		name:"secure",
 
+		data(){
 
+			return{
 
+				setType:0,
 
+			}
 
+		},
 
+		methods:{
 
+			setPassword(type){
 
+				this.setType = type;
 
+			}
 
+		},
 
+	}
 
+</script>
 
+
 
+<style scoped lang="scss">
 
+	div{
 
+		color: #fff;
 
+	}
 
+	.secure-box{
 
+		width: 100%;
 
+		min-height: 683px;
 
+		.box-6{
 
+			height: 54px;
 
+			padding: 0 43px;
 
+			border-bottom: 1px solid #C1B5C5;
 
+			img{
 
+				width: 14px;
 
+				height: 8px;
 
+				transform: rotate(90deg);
 
+				margin-right: 15px;
 
+			}
 
+		}
 
+		.box-7{
 
+			padding: 4px 40px;
 
+		}
 
+		.box-8{
 
+			width: 100%;
 
+			min-height: 120px;
 
+			box-sizing: border-box;
 
+			padding: 12px 0px;
 
+			border-bottom: 1px solid #C1B5C5;
 
+		}
 
+		.img-1{
 
+			width: 20px;
 
+			height: 20px;
 
+			margin-right: 13px;
 
+		}
 
+	}
 
+</style>

File diff suppressed because it is too large
+ 1072 - 1029
yarn.lock


Some files were not shown because too many files changed in this diff