pages文件夾就像一個大櫥柜，里面放著各種精美的衣裝，你也可以理解為供小程序的頁面。

1、制造衣服

我在pages頁面下新建了3個頁面

• market 廣告市場
• task 任務中心
• my 個人中心

以market為例，寫最簡單的代碼

<template><div class="container" @click="clickHandle('test click', $event)">market</div> </template>

2、注冊頁面
這時你需要關注app.json文件，女友的搭配都是在這里面控制。pages中填寫的頁面，可以被訪問

{"pages": ["pages/index/main","pages/logs/main","pages/counter/main","pages/market/main","pages/task/main","pages/my/main"] }

3、底部tab切換
配置app.json文件。

"tabBar": {"selectedColor": "#145094","list": [{"pagePath": "pages/market/main","text": "廣告市場","iconPath": "static/img/tab/market.png","selectedIconPath": "static/img/tab/market-selected.png"},{"pagePath": "pages/task/main","text": "我的任務","iconPath": "static/img/tab/task.png","selectedIconPath": "static/img/tab/task-selected.png"},{"pagePath": "pages/my/main","text": "個人中心","iconPath": "static/img/tab/my.png","selectedIconPath": "static/img/tab/my-selected.png"}]}

最后顯示效果達成

總結

以上是生活随笔為你收集整理的mpvue 从零开始 女友的衣装 1 pages的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。