微信小程序开发练习
1.环境2.1 pythondjangodrt2.2 微信微信公众平台、小程序…打开微信小程序页面utils 公共功能pages 页面2.从空的微信小程序开始将自动生成的东西全部删掉报错信息提示要加app.json创建app.json报错信息要加json加pages新建文件夹pages,pages/index,新建Pagejson 文件中对应内容已经自动生成html写html页面<text&
·
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; /*元素在副轴上的排列方式*/
}
5.小程序中的特殊内容
5.1 像素(rpx)
px/rpx
rpx会根据手机或浏览器的大小自动做出调整
整个页面的宽度为750rpx
推荐使用rpx作为px的替代
更多推荐
已为社区贡献3条内容
所有评论(0)