Parcourir la source

feat(message,point): 消息和积分页面跳转文件的创建

yizhiyang il y a 1 an
Parent
commit
e2f8e93b72

+ 100 - 0
src/pages.json

@@ -134,6 +134,106 @@
           "style": {
             "navigationBarTitleText": "每日签到"
           }
+        },
+        {
+          "path": "detail/index",
+          "style": {
+            "navigationBarTitleText": "积分说明"
+          }
+        },
+        {
+          "path": "instructions/index",
+          "style": {
+            "navigationBarTitleText": "积分明细"
+          }
+        },
+        {
+          "path": "withdraw/index",
+          "style": {
+            "navigationBarTitleText": "积分提现"
+          }
+        },
+        {
+          "path": "activity/index",
+          "style": {
+            "navigationBarTitleText": "积分活动"
+          }
+        }
+      ]
+    },
+    {
+      "root": "pages/message",
+      "pages": [
+        {
+          "path": "evaluate/index",
+          "style": {
+            "navigationBarTitleText": "评价通知"
+          }
+        },
+        {
+          "path": "favorable/index",
+          "style": {
+            "navigationBarTitleText": "优惠福利"
+          }
+        },
+        {
+          "path": "order/index",
+          "style": {
+            "navigationBarTitleText": "订单通知"
+          }
+        },
+        {
+          "path": "payment/index",
+          "style": {
+            "navigationBarTitleText": "付款通知"
+          }
+        },
+        {
+          "path": "upvote/index",
+          "style": {
+            "navigationBarTitleText": "点赞回复"
+          }
+        }
+      ]
+    },
+    {
+      "root": "pages/pointMethod",
+      "pages": [
+        {
+          "path": "foren/index",
+          "style": {
+            "navigationBarTitleText": "发帖"
+          }
+        },
+        {
+          "path": "consume/index",
+          "style": {
+            "navigationBarTitleText": "消费"
+          }
+        },
+        {
+          "path": "comment/index",
+          "style": {
+            "navigationBarTitleText": "点评"
+          }
+        },
+        {
+          "path": "share/index",
+          "style": {
+            "navigationBarTitleText": "分享"
+          }
+        },
+        {
+          "path": "recover/index",
+          "style": {
+            "navigationBarTitleText": "回帖"
+          }
+        },
+        {
+          "path": "advertise/index",
+          "style": {
+            "navigationBarTitleText": "广告"
+          }
         }
       ]
     }

+ 9 - 0
src/pages/message/evaluate/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view>评价通知</view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 9 - 0
src/pages/message/favorable/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view>优惠福利</view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 9 - 0
src/pages/message/order/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view>订单通知</view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 9 - 0
src/pages/message/payment/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view>付款通知</view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 9 - 0
src/pages/message/upvote/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view>点赞回复</view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 9 - 0
src/pages/pointMethod/advertise/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view> 广告</view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 9 - 0
src/pages/pointMethod/comment/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view> 点评</view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 9 - 0
src/pages/pointMethod/consume/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view> 消费</view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 9 - 0
src/pages/pointMethod/foren/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view> 发帖</view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 9 - 0
src/pages/pointMethod/recover/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view> 回帖</view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 9 - 0
src/pages/pointMethod/share/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view> 分享</view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 9 - 0
src/pages/points/activity/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view> 积分活动 </view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 3 - 9
src/pages/points/checkIn/index.vue

@@ -1,15 +1,9 @@
 <template>
-  <div>
-    积分签到
-  </div>
+  <view> 积分签到 </view>
 </template>
 
 <script>
-  export default {
-    
-  }
+export default {};
 </script>
 
-<style lang="sass" scoped>
-
-</style>
+<style lang="scss" scoped></style>

+ 9 - 0
src/pages/points/detail/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view> 积分明细 </view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 9 - 0
src/pages/points/instructions/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view> 积分说明 </view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

+ 81 - 14
src/pages/points/myPoints/index.vue

@@ -3,7 +3,10 @@
     <!-- 积分和积分签到 -->
     <view class="signIn">
       <view>20000</view>
-      <view class="signIn-item" @tap="$Router.push('/pages/points/checkIn/index')">
+      <view
+        class="signIn-item"
+        @tap="$Router.push('/pages/points/checkIn/index')"
+      >
         <text>签到获取积分</text>
         <u-icon name="arrow-right" color="#fff" size="16"></u-icon>
       </view>
@@ -11,8 +14,12 @@
     <!-- 积分列表 -->
     <view class="integral">
       <u-grid :border="false" col="4">
-        <u-grid-item v-for="(listItem, listIndex) in list1" :key="listIndex" @tap="$Router.push(listItem.url)">
-          <u-icon :name="listItem.name" :size="50" color="#347caf" />
+        <u-grid-item
+          v-for="(listItem, listIndex) in list1"
+          :key="listIndex"
+          @tap="$Router.push(listItem.url)"
+        >
+          <u-icon :name="listItem.name" :size="40" color="#347caf" />
           <text class="integral-text">{{ listItem.title }}</text>
         </u-grid-item>
       </u-grid>
@@ -42,13 +49,15 @@
 
     <!-- 获取积分方式 -->
     <view class="method">
-      <u-cell-group :border="false">
-        <u-cell size="mini" :border="false" icon="red-packet" title="发帖" isLink url="" />
-        <u-cell size="mini" :border="false" icon="red-packet" title="消费" isLink url="" />
-        <u-cell size="mini" :border="false" icon="red-packet" title="点评" isLink url="" />
-        <u-cell size="mini" :border="false" icon="red-packet" title="分享" isLink url="" />
-        <u-cell size="mini" :border="false" icon="red-packet" title="回帖" isLink url="" />
-        <u-cell size="mini" :border="false" icon="red-packet" title="广告" isLink url="" />
+      <u-cell-group :border="false" v-for="(item, index) in list2" :key="index">
+        <u-cell
+          size="mini"
+          :border="false"
+          :icon="item.icon"
+          :title="item.title"
+          isLink
+          :url="item.url"
+        />
       </u-cell-group>
     </view>
   </view>
@@ -59,10 +68,58 @@ export default {
   data() {
     return {
       list1: [
-        { name: 'photo', title: '积分说明' },
-        { name: 'lock', title: '积分明细' },
-        { name: 'star', title: '积分提现' },
-        { name: 'hourglass', title: '积分活动' },
+        {
+          name: 'photo',
+          title: '积分说明',
+          url: '/pages/points/instructions/index',
+        },
+        {
+          name: 'lock',
+          title: '积分明细',
+          url: '/pages/points/detail/index',
+        },
+        {
+          name: 'star',
+          title: '积分提现',
+          url: '/pages/points/withdraw/index',
+        },
+        {
+          name: 'hourglass',
+          title: '积分活动',
+          url: '/pages/points/activity/index',
+        },
+      ],
+      list2: [
+        {
+          icon: 'red-packet',
+          title: '发帖',
+          url: '/pages/pointMethod/foren/index',
+        },
+        {
+          icon: 'red-packet',
+          title: '消费',
+          url: '/pages/pointMethod/consume/index',
+        },
+        {
+          icon: 'red-packet',
+          title: '点评',
+          url: '/pages/pointMethod/comment/index',
+        },
+        {
+          icon: 'red-packet',
+          title: '分享',
+          url: '/pages/pointMethod/share/index',
+        },
+        {
+          icon: 'red-packet',
+          title: '回帖',
+          url: '/pages/pointMethod/recover/index',
+        },
+        {
+          icon: 'red-packet',
+          title: '广告',
+          url: '/pages/pointMethod/advertise/index',
+        },
       ],
     };
   },
@@ -73,6 +130,9 @@ export default {
 .myPoints {
   /* 签到获取积分 */
   height: 100vh;
+  margin-bottom: 50rpx;
+  background-color: #efefef;
+
   .signIn {
     height: 300rpx;
     font-size: 35px;
@@ -104,12 +164,15 @@ export default {
     padding: 10px;
     height: 220rpx;
     background-color: #fff;
+
     .invite-item {
       display: flex;
       justify-content: space-between;
+
       .invite-text {
         display: flex;
       }
+
       .gotoInvite {
         width: 60px;
         height: 30px;
@@ -119,10 +182,12 @@ export default {
         text-align: center;
         background-color: #347caf;
       }
+
       .friends {
         margin-top: 5px;
       }
     }
+
     .inviteFriends {
       width: 500rpx;
       height: 90rpx;
@@ -133,9 +198,11 @@ export default {
       box-sizing: border-box;
       background-color: #e6f5fd;
       justify-content: space-between;
+
       .flex-invite {
         display: flex;
       }
+
       .scan-text {
         margin-top: 2px;
         color: #626c79;

+ 9 - 0
src/pages/points/withdraw/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <view> 积分提现 </view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="sass" scoped></style>

+ 6 - 2
src/pages/tabbar/home/index.vue

@@ -26,7 +26,7 @@
       </view>
       <view
         class="search-item"
-        @click="Router.push('/pages/client/search/index')"
+        @click="$Router.push('/pages/client/search/index')"
       >
         <u-search
           placeholder="请输入搜索内容"
@@ -42,7 +42,11 @@
     <!-- 商品分类 -->
     <view class="home-list">
       <u-grid :border="false" col="5">
-        <u-grid-item v-for="(listItem, listIndex) in list1" :key="listIndex">
+        <u-grid-item
+          v-for="(listItem, listIndex) in list1"
+          :key="listIndex"
+          @tap="$Router.push(listItem.url)"
+        >
           <u-icon
             :customStyle="{ paddingTop: 20 + 'rpx' }"
             :name="listItem.name"

+ 20 - 2
src/pages/tabbar/message/index.vue

@@ -8,7 +8,12 @@
     </u-navbar>
     <view :style="{ marginTop: totalHeight + 'px' }">
       <!-- 系统通知 -->
-      <view class="orderList" v-for="item in orderList" :key="item.id">
+      <view
+        class="orderList"
+        v-for="item in orderList"
+        :key="item.id"
+        @tap="$Router.push(item.url)"
+      >
         <image :src="item.img" style="width: 40px; height: 40px" />
         <view class="orderItem">
           <view class="order1">{{ item.name }}</view>
@@ -39,37 +44,50 @@
 export default {
   data() {
     return {
-      list: [{ name: '系统通知' }, { name: '消息通知' }],
+      list: [
+        { name: '系统通知' },
+        {
+          name: '消息通知',
+          badge: {
+            value: 5,
+          },
+        },
+      ],
       orderList: [
         {
           id: '1',
           img: '/static/images/home-select.png',
           name: '订单通知',
           text: '您的订单成功付款,感谢您的支持。',
+          url: '/pages/message/order/index',
         },
         {
           id: '2',
           img: '/static/images/home-select.png',
           name: '付款通知',
           text: '您的订单成功付款,感谢您的支持。',
+          url: '/pages/message/payment/index',
         },
         {
           id: '3',
           img: '/static/images/home-select.png',
           name: '评价通知',
           text: '您的订单成功付款,感谢您的支持。',
+          url: '/pages/message/evaluate/index',
         },
         {
           id: '4',
           img: '/static/images/home-select.png',
           name: '点赞回复',
           text: '您的订单成功付款,感谢您的支持。',
+          url: '/pages/message/upvote/index',
         },
         {
           id: '5',
           img: '/static/images/home-select.png',
           name: '优惠福利',
           text: '您的订单成功付款,感谢您的支持。',
+          url: '/pages/message/favorable/index',
         },
       ],
       type: 'warning',