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

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相关推荐

mpvue 从零开始女友的收纳盒 6 mpvue-entry入口管理
给女友买了很多化妆品,琳琅满目,傻傻分不清,需要有一个魔法工具,自动将化妆品分类到收纳盒对应的格子里面,这就是mpvue-entry要做的事情. 1.安装mpvue-entry yarn add mp ...
mpvue 从零开始女友的发带 2 window中设置
女友头上发带的颜色和文字是可以设置的,通过配置app.json中的window参数. "window": {"backgroundTextStyle": &qu ...
mpvue 从零开始女友初成长 0
我的女友叫mpvue,为什么不选择原生的,或者wepy呢,因为我只喜欢mpvue. 0.首先你得保证先安装了vue-cli npm install --g vue-cli 1.脚手架构建项目,我直接在 ...
mpvue 从零开始女友的来电 4 flyio
女友给我打电话,我的号码是fly.js,可以进行数据请求. 1.安装需要的库flyio.qs yarn add flyio qs 2.src目录下新建api/index.js,填写下面代码 impor ...
mpvue 从零开始女友拉黑了我 5 不在以下request 合法域名列表中，请参考文档
上一篇,才调通了接口,试了几次,都成功,突然,微信报错了. VM6239:1 https://www.easy-mock.com 不在以下 request 合法域名列表中,请参考文档:https:// ...
mpvue 从零开始女友使用 3 rpx 适应大小
对于各种机型屏幕尺寸的大小,小程序给出了解决方案,使用rpx. 微信小程序规定屏幕的宽度为750rpx. 无论是在iPhone6上面还是其他机型上面都是750rpx的屏幕宽度,拿iPhone6来讲,屏 ...
使用mpvue和wepy开发小程序
2019独角兽企业重金招聘Python工程师标准>>> 最近在开发小程序,分别使用了mpvue 和 wepy 这两个都是开发微信小程序的框架.都是牛人出品,给个赞! <!-- ...
微信小程序开发之——mpvue开发小程序
一概述 mpvue:Vue.js in mini program,即mini vue.js编程框架 mpvue是把vue.js核心代码经过二次开发的框架,增加了vue.js开发小程序的能力 mpvu ...
从零开始使用GitHub Pages搭建Hexo静态博客
本文主要讲述如何使用GitHub Pages/Coding/Vercel搭建Hexo静态博客,以及如何使用jsDelivr加速静态资源.如何使用LeanCloud国际版搭载博客评论,和如何使用PicG ...

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

mpvue 从零开始女友的衣装 1 pages相关推荐

最新文章

热门文章

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

mpvue 从零开始 女友的衣装 1 pages相关推荐

最新文章

热门文章

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

mpvue 从零开始女友的衣装 1 pages相关推荐