微信小程序页面静态页是html,制作一个微信小程序中的静态页面

要求：

1. 进入开发者工具并且创建一个测试小程序， 选择建立快速模板

2. 在pages目录底下新建一个first的文件夹，其中包括指定的四个文件，并且设置第一个页面为first页面

3.在first.wxml里制作如图ui界面，采用盒模型以及flex布局

4.用户头像和待付款等四个圆圈统一用黑色的圆圈表示

5.用户id和余额应在first.js文件里面写，然后wxml里面获取js的内容，具体操作培训已讲

6. 采用rpx布局，根据手机大小自适应

把js写入wxml

{{username}}

用户可自定义个性签名(限制字数)

{{money}}

采用flex布局

.container1{display: flex;

justify-content: space-between

}

图片的大小可用widthFix调试

完整代码

{{username}}

用户可自定义个性签名(限制字数)

{{money}}

我的订单

全部订单

待付款

待确认

进行中

待评价

我的钱包

我的收藏

地址管理

联系客服

投诉建议

最后页面效果