1.目录结构更改:
2.app.config.js更改:
export default defineAppConfig({
pages: [
'pages/index/index',
// 'pages/order/detail',
// 'pages/order/create',
// 'pages/area/index',
// 'pages/my/index',
'pages/position/detail',
'pages/position/index',
// 'pages/order/index',
// 'pages/wallet/add',
// 'pages/wallet/index',
// 'pages/car/index',
// 'pages/car/add',
// 'pages/feedback/index',
// 'pages/feedback/add',
// 'pages/my/my',
// 'pages/my/phone',
// 'pages/share/index'
],
subPackages: [
{
"root": "subpages/area",
"pages": [
"index"
]
}, {
"root": "subpages/car",
"name": "car",
"pages": [
"index",
"add"
]
},
{
"root": "subpages/my",
"name": "my",
"pages": [
"index",
"my",
"phone"
]
},
{
"root": "subpages/feedback",
"name": "feedback",
"pages": [
"index",
"add"
]
},
{
"root": "subpages/order",
"name": "order",
"pages": [
"create",
"detail",
"index"
]
},
{
"root": "subpages/share",
"name": "share",
"pages": [
"index"
]
},
{
"root": "subpages/wallet",
"name": "wallet",
"pages": [
"index",
"add"
]
}
],
window: {
backgroundTextStyle: 'light',
navigationBarBackgroundColor: '#fff',
navigationBarTitleText: 'WeChat',
navigationBarTextStyle: 'black'
}
})
3.然后更改跳转路径:
pages/index/index.vue中
<nut-cell-group class="cell-group">
<nut-cell
v-for="vo in list"
:key="vo.id"
:title="vo.name + ' 可用车位:' + vo.free"
:sub-title="vo.content"
:desc="vo.distance"
is-link
@click="navTo(`/subpages/area/index?id=${vo.id}`)"
/>
items: [
'/pages/index/index',
'/subpages/share/index',
'/subpages/my/index'
],
subpages/share/index.vue中:
items: [
'/pages/index/index',
'/subpages/share/index',
'/subpages/my/index'
],
subpages/my/index.vue中更改:
<nut-cell-group>
<nut-cell title="我的信息" icon="my" is-link @click="navTo('/subpages/my/my')" />
<nut-cell title="我的订单" icon="order" is-link @click="navTo('/subpages/order/index')" />
<nut-cell title="我的车辆" icon="jdl" is-link @click="navTo('/subpages/car/index')" />
<nut-cell title="我的车位" icon="home" is-link @click="navTo('/subpages/position/index')" />
<nut-cell title="我的钱包" icon="comment" is-link @click="navTo('/subpages/wallet/index')" />
<nut-cell title="实名认证" icon="add" is-link @click="navTo('/subpages/my/phone')" />
<nut-cell title="投诉反馈" icon="issue" is-link @click="navTo('/subpages/feedback/index')" />
</nut-cell-group>
items: [
'/pages/index/index',
'/subpages/share/index',
'/subpages/my/index'
],