sys 2 жил өмнө
parent
commit
1f95d0103b

+ 8 - 0
pages.json

@@ -275,6 +275,14 @@
         "navigationBarTextStyle": "black",
         "enablePullDownRefresh": false
       }
+    },
+    {
+      "path": "pages/my/set/blacklist",
+      "style": {
+        "navigationBarTitleText": "黑名单",
+        "navigationBarTextStyle": "black",
+        "enablePullDownRefresh": false
+      }
     }
   ],
   "globalStyle": {

+ 90 - 0
pages/my/set/blacklist.vue

@@ -0,0 +1,90 @@
+<template>
+  <view class="blacklist-box">
+    <en-nav title="黑名单" :title-color="'#333'"   @navHeight="setNavHeight"></en-nav>
+    <scroll-view  class="blacklist-list" :scroll-y="true" :style="{'height':'calc(100% - '+navHeight+'rpx)'}">
+      <view class="blacklist-item" v-for="i in 10">
+        <view class="blacklist-left">
+          <image class="blacklist-img" src="/static/img/temporary/4.png" mode="aspectFill"></image>
+        </view>
+        <view class="blacklist-right">
+          <view class="blacklist-title">
+            <view class="title-text sys-color-black sys-weight-600 sys-height-44">江小明</view>
+            <view class="title-icon">
+              <text class="iconfont sys-height-44 sys-color-black">&#xe74b;</text>
+            </view>
+          </view>
+          <view class="blacklist-text">
+            <view class="text-item sys-color-gray-9">女/24/天瓶座</view>
+            <view class="text-item sys-color-gray-9">2023/04/24</view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+
+  </view>
+</template>
+
+<script>
+import EnNav from "@/components/en-utils/en-nav/en-nav";
+export default {
+  components: {EnNav},
+  data() {
+    return {
+      navHeight:0,
+    }
+  },
+  methods: {
+    setNavHeight(navHeight){
+      this.navHeight=navHeight
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.blacklist-box{
+  min-height: 100vh;
+  padding: 0 32rpx;
+  .blacklist-item{
+    display: flex;
+    justify-content: space-between;
+
+    .blacklist-left{
+      padding: 32rpx 0;
+      margin-right: 28rpx;
+      .blacklist-img{
+        border-radius: 50%;
+        width: 96rpx;
+        height: 96rpx;
+      }
+    }
+    .blacklist-right{
+      padding: 32rpx 0;
+      width: calc(100% - 124rpx);
+      border-bottom: 1rpx solid #F2F2F2;
+      .blacklist-title{
+        display: flex;
+        justify-content: space-between;
+        height: 44rpx;
+        .title-text{
+          font-size: 32rpx;
+        }
+        .title-icon{
+          .iconfont{
+            font-size:  24rpx;
+          }
+        }
+      }
+      .blacklist-text{
+        display: flex;
+        justify-content: space-between;
+        margin-top: 4rpx;
+        .text-item{
+          font-size: 28rpx;
+        }
+      }
+    }
+  }
+}
+
+</style>

+ 2 - 2
pages/my/set/more-set.vue

@@ -8,7 +8,7 @@
           <text class="iconfont sys-height-44 sys-color-gray-9"> &#xe62b;</text>
         </view>
       </view>
-      <view class="set-item">
+      <view class="set-item"  @click="goToUrl('blacklist')">
         <view class="item-text sys-height-44 sys-color-black">黑名单</view>
         <view class="item-icon">
           <text class="iconfont sys-height-44 sys-color-gray-9"> &#xe62b;</text>
@@ -29,7 +29,7 @@
           <text class="iconfont sys-height-44 sys-color-gray-9"> &#xe62b;</text>
         </view>
       </view>
-      <view class="set-item">
+      <view class="set-item"  @click="goToUrl('push-set')">
         <view class="item-text sys-height-44 sys-color-black">兑换码</view>
         <view class="item-icon">
           <text class="iconfont sys-height-44 sys-color-gray-9"> &#xe62b;</text>

BIN
static/icon/iconfont.ttf