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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/415911.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Oracle RDA(Remote Diagnostic Agent) 工具说明

Oracle RDA(Remote Diagnostic Agent) 工具说明 分类&#xff1a; Oracle 性能调优 Oracle 高级知识 一.RDA 说明 RDA(RemoteDiagnostic Agent)是oracle用来收集、分析数据库的工具&#xff0c;运行该工具不会改变系统的任何参数&#xff0c;RDA收集的相关数据非常全面&…

mpvue 从零开始 女友的发带 2 window中设置

女友头上发带的颜色和文字是可以设置的&#xff0c;通过配置app.json中的window参数。 "window": {"backgroundTextStyle": "light","navigationBarBackgroundColor": "#58A94E","navigationBarTitleText": "…

mysql中独立表空间与共享表空间之前如何切换

环境 mysql版本&#xff1a;5.7.19 官方文档&#xff1a;(https://dev.mysql.com/doc/refman/5.7/en/innodb-multiple-tablespaces.html) 查看目前属于哪种表空间 mysql> show variables like %per_%; 共享表空间会显示为off&#xff1a; 独立表空间会显示为on&#xff1a; …

android 标题栏颜色渐变和阴影,ScrollView上下滑动监听,及判断scrollView是否滚动到底部

1、创建 ScrollListener 接口监听滑动距离 public interface ScrollListener {void onScrollChanged(ScrollListenerView scrollView, int x, int y, int oldX, int oldY); }view阴影属性 android:elevation"4dp"2、重写 ScrollView 自定义 ScrollListenerView …

Linux下MySQL 安装配置

MySQL 是最流行的关系型数据库管理系统&#xff0c;由瑞典MySQL AB公司开发&#xff0c;目前属于Oracle公司。 MySQL所使用的SQL语言是用于访问数据库的最常用标准化语言。 MySQL由于其体积小、速度快、总体拥有成本低&#xff0c;尤其是开放源码这一特点&#xff0c;一般中小型…

android 监听webView滑动距离和标题栏颜色渐变

重写webView之 X5WebView import android.annotation.SuppressLint; import android.content.Context; import android.graphics.drawable.Drawable; import android.util.AttributeSet; import android.util.Log; import android.view.ActionMode; import android.view.Menu; …

mpvue 从零开始 女友拉黑了我 5 不在以下request 合法域名列表中,请参考文档

上一篇&#xff0c;才调通了接口&#xff0c;试了几次&#xff0c;都成功&#xff0c;突然&#xff0c;微信报错了。 VM6239:1 https://www.easy-mock.com 不在以下 request 合法域名列表中&#xff0c;请参考文档&#xff1a;https://mp.weixin.qq.com/debug/wxadoc/dev/api…

Javascript与C#中使用正则表达式

JavaScript RegExp 对象 新建一个RegExp对象 new RegExp(pattern,[attributes]) 注&#xff1a; \d需要使用[0-9]来代替 参数 参数 pattern 是一个字符串&#xff0c;指定了正则表达式的模式或其他正则表达式。 参数 attributes 是一个可选的字符串&#xff0c;包含…

mac安装mongodb

1、去官网进行下载mongodb官网 2、将下载好的压缩包解压&#xff0c;将解压出的文件夹下的内容全部复制到新的路径下。 cp -r mongodb-osx-x86_64-4.0.4 /usr/local/mongodb把 MongoDB 的二进制命令文件目录&#xff08;安装目录/bin&#xff09;添加到 PATH 路径中&#xff…

android 圆形头像,自定义圆形ImageView

<!--头像--><RelativeLayoutandroid:id"id/ll_petInfo"android:layout_width"50dp"android:layout_height"50dp"android:layout_marginBottom"10dp"android:layout_marginTop"1dp"android:gravity"center&quo…

PHP-Windows下搭建PHP-MSF环境【原创】

环境:   Windows7 64位   php-7.0.19   php-swoole-1.9.15   php-yac-2.0.2   php-redis-3.1.2   php-mongodb-1.2.10 遇坑: Cygwin: 不能默认使用 Windows 自带的 mingw git&#xff0c;否则报"fatal: Unable to create temporary file: Result too large&qu…

adb 启动命令,pc启动两个微信,INSTALL_FAILED_CONFLICTING_PROVIDER

adb kill-server 在关闭adb服务后&#xff0c;要使用如下的命令启动adb服务。 adb start-server 电脑启动两个微信 进入安装目录下。cmd The application could not be installed: INSTALL_FAILED_CONFLICTING_PROVIDER 错误 解决方法 1所示就是冲突的authorities.2所示…

微信小程序登录 更新中

小程序登录文档地址 0、下面的时序图必须要掌握。 1、获取code&#xff0c;向开发者服务器发送 2、开发者服务器根据code获取 需要准备appid、appsecret、code 调用接口文档code2Session const result await superagent.get(https://api.weixin.qq.com/sns/jscode2session).…