热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

mpvue从零开始女友的衣装1pages

pages文件夹就像一个大橱柜,里面放着各种精美的衣装,你也可以理解为供小程序的页面。1、制造衣服我在pages页面下新建了3个页面market广

pages文件夹就像一个大橱柜,里面放着各种精美的衣装,你也可以理解为供小程序的页面。

1、制造衣服

我在pages页面下新建了3个页面


  • market 广告市场
  • task 任务中心
  • my 个人中心

market为例,写最简单的代码

<template><div class&#61;"container" &#64;click&#61;"clickHandle(&#39;test click&#39;, $event)">market</div>
</template>

2、注册页面
这时你需要关注app.json文件&#xff0c;女友的搭配都是在这里面控制。pages中填写的页面&#xff0c;可以被访问

{"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"}]}

最后显示效果达成
在这里插入图片描述


推荐阅读
author-avatar
qiutuiq
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有