s

pages.json

@@ -14,6 +14,20 @@
         "enablePullDownRefresh": false
       }
     },
+    {
+      "path": "pages/my/view-venues",
+      "style": {
+        "navigationBarTitleText": "",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/my/set-up",
+      "style": {
+        "navigationBarTitleText": "",
+        "enablePullDownRefresh": false
+      }
+    },
     {
       "path": "pages/ticket/index",
       "style": {

pages/my/my.vue

@@ -4,7 +4,7 @@
     <my-tabbar :currentPage="'pages/my/my'"></my-tabbar>
     <div class="content2">
       <div class="wrap1">
-        <div class="wrap1_1">
+        <div class="wrap1_1" >
           <image src="../../static/06@3x (1).png"></image>
         </div>
         <div class="wrap1_2">
@@ -19,7 +19,7 @@
         <div class="wrap2_1">
           <image src="../../static/zu609@3x.png"></image>
         </div>
-        <div class="wrap2_2">设置</div>
+        <div class="wrap2_2" @click="goRouter">设置</div>
       </div>
     </div>
     <div class="content1">
@@ -37,8 +37,7 @@
       </div>
     </div>
     <div class="content3">
-      <image style="height: 3rpx"
-             src="../../static/zx303@3x.png"></image>
+
     </div>
     <div class="content4">
       <div class="wrap1">·我未使用的门票</div>
@@ -50,20 +49,46 @@
             预约日期:2023.12.30
             预约类型:单人票
           </div>
-          <div class="wrap2_1_3">
+          <div class="wrap2_1_3"  @click="goRouter1">
             <image src="../../static/zu762@3x.png"></image>
           </div>
           <image src="../../static/zu1036@3x.png"></image>
         </div>
         <div class="wrap2_2"></div>
       </div>
+      <div class="wrap2">
+        <div class="wrap2_1">
+          <div class="wrap2_1_1">苏州博物馆元旦门票</div>
+          <div class="wrap2_1_2">
+            预约场馆:首都博物馆
+            预约日期:2023.12.30
+            预约类型:单人票
+          </div>
+          <div class="wrap2_1_3" @click="goRouter1">
+            <image src="../../static/zu762@3x.png"></image>
+          </div>
+          <image src="../../static/zu1035@3x.png"></image>
+        </div>
+        <div class="wrap2_2"></div>
+      </div>
     </div>
   </div>
-
 </template>
 <script>
 export default {
-  name: "my"
+  name: "my",
+  methods:{
+    goRouter1(){
+      uni.navigateTo({
+        url:'/pages/my/view-venues'
+      })
+    },
+    goRouter(){
+      uni.navigateTo({
+        url:'/pages/my/set-up'
+      })
+    }
+  }
 }
 </script>
 
@@ -150,6 +175,7 @@ export default {
   .content4 {
     margin-top: 22rpx;
     .wrap1 {
+      margin-bottom: 6rpx;
       color: #8cc4b2;
       font-size: 28rpx;
     }
@@ -199,8 +225,10 @@ export default {
     }
   }
   .content3 {
+    height: 3rpx;
+    background-size: 100%;
     display: flex;
-    justify-content: center;
+   background-image: url("../../static/zx303@3x.png");
     align-items: center;
     margin-top: 38rpx;
   }

pages/my/set-up.vue

@@ -0,0 +1,132 @@
+<template>
+<div class="com-root">
+<div class="content1">
+  <div class="wrap1">
+    <image src="../../static/06@3x (2).png"></image>
+  </div>
+  <div class="wrap2">
+    <div class="wrap2_1">恢复默认头像</div>
+    <div class="wrap2_2">更换头像</div>
+  </div>
+</div>
+  <div class="content2">
+    <div class="wrap1">
+      <div class="wrap1_1">
+        <div class="wrap1_1_1">姓名</div>
+        <div class="wrap1_1_2">已实名</div>
+        <div class="wrap1_1_3">XXX</div>
+      </div>
+      <div class="wrap1_1">
+        <div class="wrap1_1_1">身份证号</div>
+        <div class="wrap1_1_3">292199922283726657</div>
+      </div>
+      <div class="wrap1_1">
+        <div class="wrap1_1_1">手机号</div>
+        <div class="wrap1_1_3">12318881999</div>
+      </div>
+    </div>
+    <div class="wrap1" style="margin-top: 30rpx">
+      <div class="wrap1_1">
+        <div class="wrap1_1_1">微信号</div>
+        <div class="wrap1_1_3">12318881999/may1299</div>
+      </div>
+    </div>
+  </div>
+</div>
+</template>
+<script>
+export default {
+  name: "set-up"
+}
+</script>
+<style lang="scss">
+.com-root{
+  padding-left: 32rpx;
+  padding-right: 32rpx;
+  padding-top: 44rpx;
+  .content2{
+
+
+    .wrap2{
+      padding: 26rpx 32rpx 22rpx 18rpx;
+    }
+    .wrap1{
+      border-radius: 20rpx;
+background-color: #FFFFFF;
+      padding: 0rpx 32rpx 0rpx 18rpx;
+      .wrap1_1{
+        padding-left: 14rpx;
+        display: flex;
+        align-items: center;
+        padding-bottom: 22rpx;
+        padding-top: 26rpx;
+        border-bottom: 1px solid #DBE4ED;
+        &:last-child{
+          border-bottom: none;
+        }
+        .wrap1_1_1{
+          margin-right: 28rpx;
+        color: #626262;
+        font-size: 24rpx;
+        }
+        .wrap1_1_3{
+          box-sizing: border-box;
+          padding-left: 36rpx;
+          font-size: 24rpx;
+          margin-left: auto;
+          width: 444rpx;
+          color:#939393 ;
+          border-left: 1px solid #E4EAF1;
+        }
+        .wrap1_1_2{
+          border-radius: 24rpx;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          color: #fff;
+          font-size: 16rpx;
+          width: 80rpx;
+          height: 28rpx;
+          background-color: #40BE94;
+        }
+      }
+    }
+  }
+.content1{
+  display: flex;
+  padding-left: 76rpx;
+  padding-right: 66rpx;
+  margin-bottom: 38rpx;
+  .wrap2{
+    .wrap2_2{
+      border-radius: 40rpx;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 348rpx;
+      height: 56rpx;
+      background-color: #40BE94;
+      color: #fff;
+    }
+    .wrap2_1{
+      margin-bottom: 20rpx;
+      border-radius: 40rpx;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 348rpx;
+      height: 56rpx;
+      background-color: #000;
+      color: #fff;
+    }
+  }
+  .wrap1{
+    margin-right:42rpx;
+    image{
+      width: 154rpx;
+      height: 154rpx;
+    }
+  }
+}
+}
+</style>

pages/my/view-venues.vue

@@ -0,0 +1,22 @@
+<template>
+<div class="com-root">
+
+</div>
+</template>
+<script>
+export default {
+  name: "view-venues"
+}
+</script>
+
+
+
+<style scoped lang="scss">
+.com-root{
+  width: 100vw;
+  height: 100vh;
+  background-image: url("../../static/gdz49@3x.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+</style>