Restructure components and update page configuration

pages/drawe/components/FeaturedSpecials.vue

@@ -1,49 +0,0 @@
-<template>
-  <div class="box-border w-100% border border-[#EEEEEE] rounded-12px border-solid bg-[#FFFFFF] px-26px py-30px">
-    <div class="flex items-center">
-      <div class="text-28px text-[#333333] font-normal">精选专题</div>
-      <div class="ml-50px text-21px text-[#999999] font-normal">了解最新趋势发展</div>
-    </div>
-    <div class="mt-36px flex justify-between">
-      <div v-for="item in 4" :key="item" class="flex flex-col items-center">
-        <img :src="`https://picsum.photos/320/190?_t${new Date().getTime()}`" alt="" srcset="" class="h-190px w320 rounded-4px" />
-        <div class="mt-10px text-18px text-[#333333] font-normal">机器人</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import type { PropType} from 'vue'
-  import { ref, watch } from 'vue'
-  import { recommendTop } from '~/api/upnew/index'
-  import type { recommendTopRes } from '~/api/upnew/types'
-  const props = defineProps({
-    type: {
-      type: Number as PropType<1 | 2 | 3>,
-      default: 1,
-    },
-  })
-
-  /**
-   * 这个接口调用错了 后续修改
-   */
-  const list = ref<recommendTopRes[]>([])
-  watch(
-    () => props.type,
-    (newVal) => {
-      if (newVal) {
-        recommendTop({
-          type: newVal,
-          projectType: 0,
-          isDomestic: 1,
-        }).then((res) => {
-          list.value = res.data
-        })
-      }
-    },
-    {
-      immediate: true,
-    }
-  )
-</script>

pages/drawe/components/RecommendedColumnsV2.vue

@@ -1,50 +0,0 @@
-<template>
-  <div class="relative mt-[34px] w-[100%]">
-    <KlTabBar v-model="query.source" :data="tabBar" />
-    <div class="absolute right-[0px] top-[10px] text-[16px] text-[#999999] font-normal"
-      >共<span class="color-[#1A65FF]">{{ result?.total }}</span
-      >个筛选结果</div
-    >
-    <div class="content mt-[10px]">
-      <el-row :gutter="20">
-        <el-col v-for="(item, index) in result?.list" :key="index" :span="6">
-          <CardPicture :item-info="item" />
-        </el-col>
-      </el-row>
-      <el-empty v-if="!result?.list.length" :image="emptyImg"></el-empty>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-  import KlTabBar from '~/components/kl-tab-bar/index.vue'
-  import CardPicture from '~/components/kl-card-picture/index.vue'
-  import { ref } from 'vue'
-  import type { pageRes, pageReq } from '~/api/upnew/types'
-  import emptyImg from '~/assets/images/empty.png'
-
-  const query = defineModel<pageReq>('modelValue', {
-    required: true,
-  })
-
-  const result = defineModel<pageRes | null>('result', {
-    required: true,
-  })
-
-  const tabBar = ref([
-    {
-      label: '图纸推荐',
-      value: '',
-    },
-    {
-      label: '原创图纸',
-      value: 1,
-    },
-    {
-      label: '最新上传',
-      value: 2,
-    },
-  ])
-</script>
-
-<style lang="scss" scoped></style>

pages/drawe/index.vue

@@ -25,7 +25,7 @@
 <script setup lang="ts">
   import KlNavTab from '~/components/kl-nav-tab/index.vue'
   import KlWallpaperCategory from '~/components/kl-wallpaper-category/index.vue'
-  import RecommendedColumnsV2 from './components/RecommendedColumnsV2.vue'
+  import RecommendedColumnsV2 from '~/components/drawe-components/RecommendedColumnsV2.vue'
   // import FeaturedSpecials from './components/FeaturedSpecials.vue'
   import { useRoute } from 'vue-router'
   import { reactive, watch, ref } from 'vue'