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

作者：2023面试高手 | 2024-02-19 09:15:36

踩

要求：

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

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

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

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

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

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

把js写入wxml

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

采用flex布局

.container1{display: flex;

justify-content: space-between

}

图片的大小可用widthFix调试

完整代码

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

我的订单

全部订单

待付款

待确认

进行中

待评价

我的钱包

我的收藏

地址管理

联系客服

投诉建议

最后页面效果

15d075cda1d3?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/113884