笔记1：uni-app简单创建配置路径样式tabbar页面跳转

1，下载安装编辑器：https://www.dcloud.io/

2，打开HBuilder，文件-新建-项目

选择平台uni-app，填写项目名称，保存路径，选择模板，创建

3，选择平台不一样，模板选择也不一样，学习就简单开始，

所以我就选择默认模板，文件少简单多，看起来不会凌乱头都炸了

4，开始，默认有个页面的了，我们新建两个页面

pages/index/index.vue

pages/xingxi/xingxi

pages/my/my

需要切换？但没有导航栏，我想建立导航切换栏目，

先建立个菜单栏tabBar:{ }，点击pages.json，修改参数路径，详细参数官网哈

运行——运行到浏览器——chrome效果，可以运行到其它方式

5，然后再来页面的点击跳转pages:[ ]，也是在pages.json，修改路径样式

6，在创建的3个目录文件下pages/，修改页面，标题样式

转载于:https://www.cnblogs.com/chervehong/p/11134002.html

笔记1：uni-app简单创建配置路径样式tabbar页面跳转相关推荐

request获取各种路径总结、页面跳转总结。
页面跳转总结 JSP中response.sendRedirect()与request.getRequestDispatcher().forward(request,response)这两个对象都可以使 ...
前端开发~uni-app ·[项目-仿糗事百科] 学习笔记 ·004【App.vue引入全局公共样式】
注:前言.目录见 https://god-excious.blog.csdn.net/article/details/105312456 文章目录 [009]引入官方CSS样式库 [010]引入第三方 ...
vue插槽solt ，uni.app
一.什么是插槽? 插槽就是子组件提供给父组件使用的一个占位符,用<slot></solt>表示父组件可以在这个占位符中填充任何模板代码. 二.插槽的用法 1.创建一个子组件,在 ...
Sencha学习笔记4: Creating your First App - 官方创建您的第一个Sencha Touch应用指导
英文原文地址:http://docs.sencha.com/touch/2.3.1/#!/guide/first_app (天地会珠海分舵声明:本翻译文章建议读者参照英文原文进行阅读,因为原文包含了实 ...
HBuilder X ——Uni app 学习笔记（一）
HBuilder X --Uni app 学习笔记(一) 1.pages.json配置 *pages数组中第一项表示应用启动页,数组中其他项为项目中所有页面路径. enablePullDownRefr ...
超简单的配置java环境变量（绝对路径）
超简单的配置java环境变量(绝对路径) 之前一开始学习java的时候糊里糊涂配好了环境变量,也是费了好大的牛劲,配了卸卸了重新配.前几天学妹让我给她看看环境变量,瞬间觉得环境变量真的很好懂,只要你搞 ...
基于HBuilderX创建移动app项目并利用mui实现简单页面跳转
刚开始学,听老师讲了一些介绍,要求我们做一个页面跳转,当时内心真的是万马奔腾,他的是使用什么icon的来实现的,但是我没看不懂怎么实现页面跳转的,就使用了mui来做了.百度了很多内容,杂七杂八的,所以 ...
【笔记-uni app】《uni-app 快速入门从零开始实现新闻资讯类跨端应用》
uni-app 快速入门从零开始实现新闻资讯类跨端应用第12章项目发行与打包 12-03 App端发行打包一.发行,原生app-云打包把包提交给dcloud的服务器,通过dcloud打包完后 ...
RN学习笔记02：利用WebStorm创建RN项目
RN学习笔记02:利用WebStorm创建RN项目在RN学习笔记01里,安装了node.js与react-native-cli,而且配置了环境变量. 在命令行环境,利用react-native in ...

笔记1：uni-app简单创建配置路径样式tabbar页面跳转

笔记1：uni-app简单创建配置路径样式tabbar页面跳转相关推荐

最新文章

热门文章