微信小程序开发练习

 

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