小程序开发（二）-页面样式

项目迟晌根目录下创建 app.wxss 文件，文件定义的样式规则适用于所有页面。采用css定义样式。

小程序官方推荐使用flex布局。pages/home目录下新建home.wxss文件，文件的样式只适用于当前页面。

rpx是小程序为适应不同宽度的手机而发明的长度单位，所有手机宽度都为750rpx。

weui是腾讯官方维护的UI框架，我们可以直接拿来用。

将weui库中dist目录下的app.wxss拷贝到我们项目中的 app.wxss 中，在wxml文件中直接使用定义好的伏旦规则, 如 weui-btn 。

图片使用 image 标签。默认宽度为屏幕宽码厅锋度。

图片轮播使用 swiper 标签。

本文主要围大早绕微信小程序自定义登录页面布局及常规校验，完成带或登录 *** 作。

1.常规登录页面布局

2.表单验证 登录号码 密码非空校验提示，长度控滚行雀制等常规 *** 作

3.表单提交

4.轮播图

5.本地缓存功能

小族咐程序的页面不支持html标签和css样式。根据查询相关资料信息显示，微信小程序棚粗相比WebAPP也有不兆和纯足，不支持HTML标签和DOM *** 作，对CSS的支持也有限，前端库和框架也无法使用。

---