EP7 底部tab切换页面标签

文件路径: 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 ^

你可能感兴趣的:(uniapp壁纸小程序,项目实践,前端知识杂合,前端,uniapp,小程序)