小程序开发-第一天

微信小程序开发

小程序开发


浏览:1135 次

界面介绍

小程序文件结构与传统web的比较

结构|传统网络|微信小程序

-|:-:|-:

结构|HTML|WXML

样式|CSS|WXSS

逻辑|Javascript|Javascript

配置|无| JSON

小程序初始配置文件

app。jsonpages定义小程序页面的配置

添加后,可以在微信小程序开发中查看相应页面

如果要将指定页面添加为初始页面

可以添加到页面数组的开头

添加后的效果如图所示

仅在vscode中添加的界面需要在微信开发者工具中保存两次,否则页面将不会出现(不会上传效果图)

窗口定义小程序页面导航栏的配置

:某些配置仅支持特定颜色,可与错误报告和文档一起查看

BackgroundTextStyle//显示小程序页面以刷新背景色

在观察其效果之前,需要在下端添加

添加后的效果如图所示

选项卡编辑小程序界面的底部组件--单击以跳转到页面

小贴士:标签栏使用的图标可以从阿里巴巴图片库免费下载

https://www.iconfont.cn/search/index?q=img

对于选项卡,除了基本的四个组件属性之外,您还可以查阅官方文档

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