feat:黑名单；app下载

src/pages.json

@@ -261,6 +261,13 @@
             "navigationStyle": "custom"
           }
         },
+        {
+          "path": "black-list",
+          "style": {
+            "navigationBarTitleText": "黑名单",
+            "navigationStyle": "custom"
+          }
+        },
         {
           "path": "set-wechat",
           "style": {

src/pages/profile/black-list.vue

@@ -0,0 +1,69 @@
+<template>
+  <wd-config-provider theme="dark">
+    <wd-navbar title="黑名单" safeAreaInsetTop :bordered="false">
+      <template #left>
+        <navigator open-type="navigateBack" hover-class="navigator-hover">
+          <uni-icons type="back" size="30" color="#D29E52"></uni-icons>
+        </navigator>
+      </template>
+    </wd-navbar>
+
+    <scroll-list
+      style="height: calc(100dvh - 44px - 50px)"
+      :loadMoreStatus="loadMoreStatus"
+      @refresh="refreshList"
+      @loadMore="listLoadMore"
+    >
+      <view
+        v-for="(item, index) in listData"
+        :key="index"
+        class="flex items-center justify-between px-4 py-2"
+      >
+        <view class="flex items-center text-base overflow-hidden">
+          <image
+            :src="item?.member.memberAvatar"
+            class="mr-3 size-120rpx rounded-full bg-#333333"
+            mode="aspectFill"
+          />
+          <view class="flex-1 truncate">
+            <view>{{ item?.member.memberNickname || '' }}</view>
+            <view class="mt-1 text-xs c-gray">
+              {{ getGender(item?.member.memberSex) }}·{{ item?.member.memberAge }}岁
+              <text class="px-1">|</text>
+              {{ item?.member?.memberOcc }}
+            </view>
+          </view>
+        </view>
+        <view
+          class="w-100rpx text-center ml-2 bg-gray px-4 py-1 rounded-full c-black active:bg-#9CAAAA"
+          @click="removeBlack(item.id)"
+        >
+          移除
+        </view>
+      </view>
+    </scroll-list>
+  </wd-config-provider>
+</template>
+
+<script setup lang="ts">
+  import ScrollList from '@/sheep/components/scroll-list/scroll-list.vue';
+  import useScroll from '@/sheep/hooks/use-scroll';
+  import RecentApi from '@/sheep/api/member/recent';
+  import { onMounted } from 'vue';
+  // @ts-ignore
+  import { getGender } from '@/sheep/util/index';
+
+  const { listData, loadMoreStatus, refreshList, listLoadMore } = useScroll(RecentApi.getBlackList);
+
+  onMounted(() => {
+    refreshList();
+  });
+
+  const removeBlack = async (id: string) => {
+    if (!id) return uni.showToast({ title: 'id不存在', icon: 'none' });
+
+    const { code } = await RecentApi.removeBlackList({ id });
+    if (code !== 0) return;
+    refreshList();
+  };
+</script>

src/pages/profile/profile.vue

@@ -36,27 +36,33 @@
       </view>
 
       <!-- 我喜欢和钱包 -->
-      <view class="flex justify-around my-4 text-base">
-        <view class="flex flex-col items-center" @click="goLike(0)">
+      <view class="flex my-4">
+        <view class="flex-1 flex-col-center" @click="goLike(0)">
           <text class="text-color-theme font-600 text-lg">
             {{ recentTotal.userLikeItTotal || 0 }}
           </text>
           <text class="text-color-theme text-sm">我喜欢</text>
         </view>
-        <view class="flex flex-col items-center" @click="goLike(1)">
+        <view class="flex-1 flex-col-center" @click="goLike(1)">
           <text class="text-color-theme font-600 text-lg">
             {{ recentTotal.userLikeMeTotal || 0 }}
           </text>
           <text class="text-color-theme text-sm">喜欢我</text>
         </view>
-        <navigator url="/pages/profile/recharge" open-type="navigate" hover-class="navigator-hover">
-          <view class="flex flex-col items-center">
-            <text class="text-color-theme font-600 text-lg">
-              {{ fen2yuan(userWallet.balance) }}
-            </text>
-            <text class="text-color-theme text-sm">钱包</text>
-          </view>
-        </navigator>
+        <view class="flex-1">
+          <navigator
+            url="/pages/profile/recharge"
+            open-type="navigate"
+            hover-class="navigator-hover"
+          >
+            <view class="flex-col-center">
+              <text class="text-color-theme font-600 text-lg">
+                {{ fen2yuan(userWallet.balance) }}
+              </text>
+              <text class="text-color-theme text-sm">钱包</text>
+            </view>
+          </navigator>
+        </view>
       </view>
 
       <!-- 开通vip -->

src/pages/profile/setting.vue

@@ -11,6 +11,7 @@
     <wd-cell-group>
       <wd-cell title="手机号" :value="mobile" />
       <wd-cell title="设置微信" is-link ellipsis to="/pages/profile/set-wechat" />
+      <wd-cell title="黑名单" is-link ellipsis to="/pages/profile/black-list" />
       <wd-cell title="客服邮箱" value="1@1.com" is-link ellipsis />
       <wd-cell title="消息推送" value="消息推送" ellipsis>
         <wd-switch

src/sheep/api/member/recent.ts

@@ -342,7 +342,31 @@ const RecentApi = {
       },
     });
   },
-  // 更新用户设置
+  // 获取黑名单列表
+  getBlackList: (params: any) => {
+    return request({
+      url: '/member/recent/black/list',
+      method: 'GET',
+      params,
+      custom: {
+        showLoading: true,
+        loadingMsg: '加载中',
+      },
+    });
+  },
+  // 移除黑名单
+  removeBlackList: (params: any) => {
+    return request({
+      url: '/member/recent/black/remove',
+      method: 'DELETE',
+      params,
+      custom: {
+        showLoading: true,
+        loadingMsg: '操作中',
+      },
+    });
+  },
+  // 更新微信信息
   updateWeChatInfo: (data: any) => {
     return request({
       url: '/member/user/update-wechat',