电子商务网站建设财务预算,制作网站页面,医院设计网站建设,html5 企业国际网站 多国家 多语言 源代码 cookiesIT廉连看——Uniapp——配置文件pages
[IT廉连看]
本堂课主要为大家介绍pages.json这个配置文件
一、打开官网查看pages.json可以配置哪些属性。 下面边写边讲解
新建一个home页面理解一下这句话。 以下一些页面的通用配置 通用设置里我们可以对导航栏和状态栏进行一些设… IT廉连看——Uniapp——配置文件pages
[IT廉连看]
本堂课主要为大家介绍pages.json这个配置文件
一、打开官网查看pages.json可以配置哪些属性。 下面边写边讲解
新建一个home页面理解一下这句话。 以下一些页面的通用配置 通用设置里我们可以对导航栏和状态栏进行一些设置 接下来我们更改一下导航栏颜色 navigationBarBackgroundColor: #282828, alt鼠标左键可选择颜色
下一步对标题文字进行设置 navigationBarTitleText: IT,
未更改成功这是为什么 接下来更改导航栏文字颜色 导航栏更改颜色如今官方只支持修改两种颜色一种是黑色一种是白色。
二、path和style path页面路由
style其实我们已经使用过了 在这里我们设置的是通用的窗口样式。
如果我们想要每个页面都有不同的样式那么就根据它的优先级把这些代码再写入指定的页面。
三、tabbar
1、打开官网查看tabbar介绍 代码示例
tabBar: {color: #7A7E83,selectedColor: #3cc51f,borderStyle: black,backgroundColor: #ffffff,list: [{pagePath: pages/component/index,iconPath: static/image/icon_component.png,selectedIconPath: static/image/icon_component_HL.png,text: 组件}, {pagePath: pages/API/index,iconPath: static/image/icon_API.png,selectedIconPath: static/image/icon_API_HL.png,text: 接口}]
}
每个配置项代表什么
color: #7A7E83, color颜色selectedColor: #3cc51f, selectedColor选中时的颜色borderStyle: black, borderStyle上边框颜色backgroundColor: #ffffff, backgroundColor背景颜色
当我们把页面设置为tabbar页面我们需要把页面添加近listlist可添加2-5个页面。我们的tabbar需要一些改动。
list: [{pagePath: pages/component/index,iconPath: static/image/icon_component.png, 图片selectedIconPath: static/image/icon_component_HL.png, 选中时的图标text: 组件}, {pagePath: pages/API/index,iconPath: static/image/icon_API.png,selectedIconPath: static/image/icon_API_HL.png,text: 接口}] 我们需要更改页面路径
2、condition
condition: { //模式配置仅开发期间生效current: 0, //当前激活的模式list 的索引项list: [{name: swiper, //模式名称path: pages/component/swiper/swiper, //启动页面必选query: interval4000autoplayfalse //启动参数在页面的onLoad函数里面得到。},{name: test,path: pages/component/switch/switch}]
}
