微信小程序--轮播图,标题,盒子,tab栏的合成例子

微信小程序,是一种不需要下载安装即可使用的应用,用户扫一扫或搜一下即可打开应用,在微信-发现-小程序可打开应用。

一.小程序的样式编写:

微信小程序--轮播图,标题,盒子,tab栏的合成例子

目录结构:

微信小程序--轮播图,标题,盒子,tab栏的合成例子

 app.json

1 { 2 "pages": [ 3 "pages/index/index", 4 "pages/message/message", 5 "pages/userCenter/userCenter", 6 "pages/contact/contact" 7 ], 8 "window": { 9 "navigationBarBackgroundColor": "#13d1be", 10 "navigationBarTextStyle": "black", 11 "navigationBarTitleText":"本地宝", 12 "backgroundColor": "#eeeeee", 13 "backgroundTextStyle": "light", 14 "enablePullDownRefresh": false 15 }, 16 "tabBar": { 17 "selectedColor":"rgb(238, 82, 61)", 18 "list": [{ 19 "pagePath": "pages/index/index", 20 "text": "主页", 21 "iconPath": "tabs/home.png", 22 "selectedIconPath": "tabs/home-active.png" 23 }, 24 { 25 "pagePath": "pages/message/message", 26 "text": "消息", 27 "iconPath": "tabs/message.png", 28 "selectedIconPath": "tabs/message-active.png" 29 }, 30 { 31 "pagePath": "pages/userCenter/userCenter", 32 "text": "我的", 33 "iconPath": "tabs/profile.png", 34 "selectedIconPath": "tabs/profile-active.png" 35 }, 36 { 37 "pagePath": "pages/contact/contact", 38 "text": "联系我们", 39 "iconPath": "tabs/contact.png", 40 "selectedIconPath": "tabs/contact-active.png" 41 } 42 ] 43 } 44 }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwgjfx.html