界面简介
小程序文件结构和传统web对比
结构 | 传统web | 微信小程序
-|:-:|-:
结构|HTML|WXML
样式|CSS|WXSS
逻辑|Javascript| Javascript
配置| 无 | JSON
小程序初始配置文件
app.json
pages
定义小程序页面的配置
添加之后相应的页面可以在微信小程序开发处查看
如果想要添加指定页面为初始页面
可以添加至pages数组开头
添加之后效果如图
只在vscode中添加的界面需要在微信开发者工具中二次保存,否则将不会出现页面(不上传效果图)
window
定义小程序页面导航栏的配置
:有的配置只支持特定的几种颜色,配合报错和文档进行观看
backgroundTextStyle //显示小程序页面刷新背景颜色
观察其效果之前需要在下端添加
添加后效果如图
tabbar
编辑小程序界面底端组件--点击可跳转页面
tips:用于tabbar的图标可以从阿里图库免费下载
https://www.iconfont.cn/search/index?q=img
对于tabbar除了基本四大组件属性外,可查阅官方文档
:在增加color和selectedColor等属性时要添加与list同等级,如图所示