Refactor API requests and update component imports
This commit is contained in:
@ -37,7 +37,7 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue'
|
||||
import { Search } from '@element-plus/icons-vue'
|
||||
import useUserStore from '@/store/user'
|
||||
import useUserStore from '~/store/user'
|
||||
const userStore = useUserStore()
|
||||
|
||||
const emits = defineEmits(['search'])
|
||||
@ -48,7 +48,7 @@
|
||||
// 是否登录
|
||||
if (!userStore.token) return ElMessage.error('请先登录')
|
||||
// 新开窗口 用router跳转 新窗口打开
|
||||
window.open('/toolbox-publish', '_blank')
|
||||
navigateTo('/toolbox-publish')
|
||||
}
|
||||
|
||||
const search = () => {
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<KlSearch @search="search"></KlSearch>
|
||||
<div v-loading="loading" class="ml-auto mr-auto mt-20px w1440 flex justify-center gap-60px">
|
||||
<div class="left w-821px">
|
||||
<img src="@/assets/images/banner2.png" alt="" srcset="" class="h-284px w-100%" />
|
||||
<img src="~/assets/images/banner2.png" alt="" srcset="" class="h-284px w-100%" />
|
||||
<div
|
||||
class="box-border border border-t-0px border-t-0px border-[#EEEEEE] rounded-12px border-solid border-t-none bg-[#FFFFFF] px-28px py-17px"
|
||||
style="border-top-left-radius: 0px; border-top-right-radius: 0px"
|
||||
@ -19,10 +19,10 @@
|
||||
<div class="mt-10px flex items-center justify-between">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center text-14px text-[#666666] font-normal">
|
||||
<img src="@/assets/images/look.png" alt="" srcset="" class="mr-4px h-17px w-23px" />{{ item.previewPoint }}
|
||||
<img src="~/assets/images/look.png" alt="" srcset="" class="mr-4px h-17px w-23px" />{{ item.previewPoint }}
|
||||
</div>
|
||||
<div class="ml-26px flex items-center text-14px text-[#666666] font-normal">
|
||||
<img src="@/assets/images/chat.png" alt="" srcset="" class="mr-4px h-17px w-19px" /> {{ item.commentsPoint }}
|
||||
<img src="~/assets/images/chat.png" alt="" srcset="" class="mr-4px h-17px w-19px" /> {{ item.commentsPoint }}
|
||||
</div>
|
||||
<div class="ml-20px">
|
||||
<div v-for="(v, index) in item.labels" :key="index" class="mr-10px inline-block text-14px text-[#1A65FF] font-normal">#{{ v }}</div>
|
||||
@ -85,7 +85,7 @@
|
||||
:key="item"
|
||||
class="mt-16px flex items-center border-b-1px border-b-[#eee] border-b-solid pb-16px text-16px text-[#333333] font-normal"
|
||||
>
|
||||
<img src="@/assets/images/aucad.png" alt="" srcset="" class="h-68px w-110px" />
|
||||
<img src="~/assets/images/aucad.png" alt="" srcset="" class="h-68px w-110px" />
|
||||
<div class="ml-20px text-16px text-[#333333] font-normal">Stable Diffusion 商业变现与 绘画大模型多场景实战</div>
|
||||
</div>
|
||||
</div> -->
|
||||
@ -94,14 +94,14 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import KlNavTab from '@/components/kl-nav-tab/index.vue'
|
||||
import { page } from '@/api/toolbox/index.js'
|
||||
import { TpageReq, TpageRes } from '@/api/toolbox/types'
|
||||
import KlNavTab from '~/components/kl-nav-tab/index.vue'
|
||||
import { page } from '~/api/toolbox/index.js'
|
||||
import type { TpageReq, TpageRes } from '~/api/toolbox/types'
|
||||
import { reactive, ref } from 'vue'
|
||||
import KlSearch from '@/pages/toolbox/components/search.vue'
|
||||
import { getRelationRecommend } from '@/api/drawe-detail/index'
|
||||
import { ProjectDrawPageRespVO } from '@/api/drawe-detail/types'
|
||||
import emptyImg from '@/assets/images/empty.png'
|
||||
import KlSearch from '~/pages/toolbox/components/search.vue'
|
||||
import { getRelationRecommend } from '~/api/drawe-detail/index'
|
||||
import type { ProjectDrawPageRespVO } from '~/api/drawe-detail/types'
|
||||
import emptyImg from '~/assets/images/empty.png'
|
||||
import dayjs from 'dayjs'
|
||||
|
||||
const pageReq = reactive<TpageReq>({
|
||||
|
||||
Reference in New Issue
Block a user