1.环境
2.1 python
django
drt
2.2 微信
微信公众平台、小程序…
打开微信小程序页面
utils 公共功能
pages 页面
2.从空的微信小程序开始
将自动生成的东西全部删掉
报错信息提示要加app.json
创建app.json
报错信息要加json
加pages
新建文件夹pages，pages/index，新建Page
json 文件中对应内容已经自动生成
html写html页面
<text>相当于<span>
<view>相当于<div>
尝试预览
需要创建app.js
3. 全局配置
pages、window、tabbar
（我偷偷的将json用熟悉的python术语替代了一下）
pages是一个列表，写所有的页面的相对路径。如果创建时创建的是page那么会自动生成
window是一个字典，它指定的是页面上方窗口的内容
tabBar是一个字典，是下边的页面变换，用list指定每一表项对应的页面.list是表项字典的列表
4.flex布局
常用标签
<text>
<view>
<\image>
这些标签可以撑起80%-90%的程序
图片横竖排放，使用flex布局以得到良好的效果
{
display: flex;
flex-direction: row; /*(row/column)*/
justify-content: space-around; /*(flex-start/flex-end/space-around/space-between)*/
align-item: center; /*元素在副轴上的排列方式*/
}
1
2
3
4
5
6
5.小程序中的特殊内容
5.1 像素（rpx）
px/rpx
rpx会根据手机或浏览器的大小自动做出调整
整个页面的宽度为750rpx
推荐使用rpx作为px的替代
————————————————
版权声明：本文为CSDN博主「叶的华尔兹」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_43479599/article/details/110039732
标签：flex,练习,微信,程序开发,json,rpx,pages,页面 From： https://www.cnblogs.com/im18620660608/p/17111192.html