小程序开发-第一天
微信小程序开发
小程序开发
浏览:1135 次

界面介绍
小程序文件结构与传统web的比较
结构|传统网络|微信小程序
-|:-:|-:
结构|HTML|WXML
样式|CSS|WXSS
逻辑|Javascript|Javascript
配置|无| JSON

小程序初始配置文件
app。jsonpages定义小程序页面的配置
添加后,可以在微信小程序开发中查看相应页面
如果要将指定页面添加为初始页面
可以添加到页面数组的开头
添加后的效果如图所示
仅在vscode中添加的界面需要在微信开发者工具中保存两次,否则页面将不会出现(不会上传效果图)
窗口定义小程序页面导航栏的配置

:某些配置仅支持特定颜色,可与错误报告和文档一起查看
BackgroundTextStyle//显示小程序页面以刷新背景色
在观察其效果之前,需要在下端添加
添加后的效果如图所示
选项卡编辑小程序界面的底部组件--单击以跳转到页面
小贴士:标签栏使用的图标可以从阿里巴巴图片库免费下载
https://www.iconfont.cn/search/index?q=img
对于选项卡,除了基本的四个组件属性之外,您还可以查阅官方文档

:添加诸如color和selectedColor等属性时,添加与列表相同的级别,如图所示