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的替代

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐