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

要求：

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调试

完整代码

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

我的订单

全部订单

待付款

待确认

进行中

待评价

我的钱包

我的收藏

地址管理

联系客服

投诉建议

最后页面效果

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

小福利，用Excel VBA编程制作一个变色小游戏
小福利,用Excel VBA编程制作一个变色小游戏设计思想:在正方形的四条边上都是设置循环函数,不断改变颜色和单元格里面的数值. Option ExplicitSub 按钮1_Click() Dim ...
超市微信小程序怎么做_新手如何制作一个超市小程序？能发挥什么作用？
对于线下超市实体店来说,开发一个自己的社区超市小程序,能获得不少好处: (1)提升线下店铺曝光度微信"附近的小程序"功能,会向用户展示其5公里内的开发了小程序的商家,也就是说,实 ...
不用写一行代码，就能用ivx制作一个“微信小程序“，超牛逼
今天需要为大家介绍一款神器ivx. 它是通用无代码开发平台,是面向新一代全栈开发人员的通过不编写代码的方式实现快速开发的软件开发平台,提供图形化逻辑编排编程语言.抽象组件.集成开发环境等能力,能够支持 ...
微信小程序是什么？如何快速搭建一个微信小程序？
目录一.微信小程序是什么二.安全管理三.微信小程序的功能四.快速开发一个微信小程序APP 1.集成即构实时音视频SDK 2.初始化SDK引擎 3.创建房间与登录房间 4.房主创建房间 5.推流 ...
如何制作一个微信小程序【微信小程序是怎么做的】
为什么现在这么多人使用微信小程序呢?因为微信小程序除了便捷易开发,公司企业可以用来做小程序展示官网,商家也可以做小程序商城,甚至个人也可以拥有自己的小程序.那么如何制作一个微信小程序?微信小程序是怎么 ...
微信小程序｜基于小程序+云开发制作一个租房小程序
经济发展的同时伴随着大批人群的流动,租房需求一直是持久不衰的话题,如何租好房,好租房,跟随此文一起制作一个租房小程序,让租房不再困难. 一.小程序 1. 创建小程序 2. 首页 3. 房源列表页 4. ...
小程序源码：闪照制作生成微信小程序源码下载,自定义闪照时间-多玩法安装简单
这是一款闪照制作的一款微信小程序源码该源码呢也就是让用户在微信也可以实现QQ上面的闪照功能用户可以自主上传照片,可以自定义的选择闪照的时间另外这款小程序还支持流量主模式这种东西目前在微信还是挺 ...
微信小程序｜基于小程序+云开发制作一个菜谱小程序
今天吃什么?这是一个让强迫症左右为难的问题,跟随此文基于小程序+云开发制作一个菜谱小程序,根据现有食材一键生成菜谱,省心又省力. 一.小程序 1. 创建小程序
用MFC制作一个倒计时小程序
用MFC制作一个倒计时小程序 1.思路: 1)初始步骤1:新建一个工程,选择MFC AppWizard(exe),工程名命名为CdTimer,选择基于对话框形式的应用程序,将此主对话框用于显示剩余的时 ...

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

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

最新文章

热门文章