refactor(app): 优化页面辅助组件和我的主页

packages/app/src/components/page-helper.vue

@@ -1,17 +1,6 @@
 <script setup lang="ts" generic="S extends Object, T extends { list: S[] }">
-import { PropType, UnwrapRef } from 'vue'
 import { NetImages } from '../core/libs/net-images'
 
-// const props = defineProps({
-//   // request: {
-//   //   type: Function as PropType<(query: any) => Promise<IResData<T>>>,
-//   // },
-//   request: (query) => Promise<IResData<T>>,
-//   query: {
-//     type: Object as PropType<any>,
-//     default: () => {},
-//   },
-// })
 const props = defineProps<{
   request: (query: any) => Promise<IResData<T>>
   query: any
@@ -19,10 +8,8 @@ const props = defineProps<{
 }>()
 const slot = defineSlots<{
   default(props: { data: Ref<S>[]; source: T }): any
-  // col(props: { row: T; index: number }): any
 }>()
 const { data, run: setData } = useRequest(() => props.request(props.query), { immediate: false })
-// const data = [{}, {}, {}, {}, {}, {}]
 watch(
   () => props.query,
   async (e) => {
@@ -30,7 +17,6 @@ watch(
     console.log('watch')
     await setData()
   },
-  // { deep: true },
 )
 onMounted(async () => {
   await setData()

packages/app/src/pages/mine/homepage/index.vue

@@ -21,27 +21,12 @@ const userStore = useUserStore()
 const { userInfo } = storeToRefs(userStore)
 const id = ref()
 const tab = ref('2')
-const { data: circleTypes, run: getCircleType } = useRequest(() =>
-  getByDictType('member_circle_type'),
-)
 const circlesData = ref({ list: [] })
-const setCirclesData = async (circleType) => {
-  const { data } = await getCircles({
-    circleType,
-    stylistId: id.value,
-  })
-  circlesData.value = data
-}
 const tabs = ref([
   { label: '案例', value: '2' },
   { label: '动态', value: '1' },
   { label: '视频', value: '0' },
 ])
-const handleTabsChange = async ({ name }: any) => {
-  if (['1', '2'].includes(name)) {
-    await setCirclesData(name)
-  }
-}
 onMounted(async () => {})
 onLoad(async (query: { id: string }) => {
   if (query.id) {
@@ -49,8 +34,6 @@ onLoad(async (query: { id: string }) => {
   } else {
     id.value = userInfo.value.userId
   }
-  await setCirclesData(tab.value)
-  console.log(circleTypes.value)
 })
 onShareAppMessage(() => ({ title: `${userInfo.value.nickname}` }))
 defineExpose({
@@ -96,7 +79,7 @@ defineExpose({
       </div>
     </div>
     <div class="flex-grow flex flex-col bg-white rounded-t-2xl relative bottom-4">
-      <wd-tabs v-model="tab" @change="handleTabsChange">
+      <wd-tabs v-model="tab" @change="handleTabsChange" custom-class="bg-transparent!">
         <template v-for="({ label, value }, index) in tabs" :key="index">
           <wd-tab :title="label" :name="value"></wd-tab>
         </template>