文件路径: E:/homework/uniappv3tswallpaper/pages/classify/classify.vue
<template>
<view class="classLayout">
<view class="classify">
<theme-item v-for="item in 15">theme-item>
view>
view>
template>
<script setup>
script>
<style lang="scss" scoped>
.classify {
padding: 30rpx;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15rpx;
}
style>
文件路径: E:/homework/uniappv3tswallpaper/pages/user/user.vue
<template>
<view class="">
我的
view>
template>
<script setup>
script>
<style lang="scss" scoped>
style>
文件路径: E:/homework/uniappv3tswallpaper/pages.json
{
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app"
}
},
{
"path": "pages/classify/classify",
"style": {
"navigationBarTitleText": "classify"
}
},
{
"path": "pages/user/user",
"style": {
"navigationBarTitleText": "user"
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "壁纸",
"navigationBarBackgroundColor": "#fff",
"backgroundColor": "#F8F8F8"
},
"tabBar": {
"color": "#9799a5",
"selectedColor": "#28B389",
"list": [{
"text": "分类",
"pagePath": "pages/classify/classify",
"iconPath": "static/images/tabBar/classify.png",
"selectedIconPath": "static/images/tabBar/classify-h.png"
}, {
"text": "推荐",
"pagePath": "pages/index/index",
"iconPath": "static/images/tabBar/home.png",
"selectedIconPath": "static/images/tabBar/home-h.png"
}, {
"text": "我的",
"pagePath": "pages/user/user",
"iconPath": "static/images/tabBar/user.png",
"selectedIconPath": "static/images/tabBar/user-h.png"}]
},
"uniIdRouter": {}
}
注意:
没什么可注意的 ^ v ^