EP25 调试接口渲染分类页面
文件路径: E:/homework/uniappv3tswallpaper/pages/classlist/classlist.vue
<template><view class="classlist"><custom-nav-bar></custom-nav-bar><view class="content"><navigator url="/pages/preview/preview" class="item" v-for="item in classList" :key="item._id"><image :src="item.smallPicurl" mode="aspectFill"></image></navigator></view></view>
</template><script setup>import {ref} from 'vue'import {apiGetCLassList} from '@/api/apis.js'const classList = ref([])const getClassList = async () => {let res = await apiGetCLassList({classid: "6524a48f6523417a8a8b825d"})console.log(res)classList.value = res.data}getClassList()
</script><style lang="scss">.classlist {.content {display: grid;grid-template-columns: repeat(3, 1fr);gap: 5px;padding: 5rpx;.item {height: 440rpx;width: 100%;image {height: 100%;width: 100%;display: block;}}}}
</style>
文件路径: E:/homework/uniappv3tswallpaper/api/apis.js
import {request
} from "@/utils/requset.js"export function apiGetBanner() {return request({url: "/homeBanner"})
}
export function apiGetDayRandom() {return request({url: "/randomWall"})
}export function apiGetRequest(data = {}) {return request({url: '/wallNewsList',data})
}export function apiGetClassify(data = {}) {return request({url: '/classify',data})
}export function apiGetCLassList(data = {}) {return request({url: '/wallList',data})
}