做微信小程序的总结(页面布局部分)

本文总结了微信小程序的页面布局特点,包括使用.wxml和.wxss替代传统HTML和CSS,强调了flex布局的高效应用,以及微信小程序中的响应式像素单位rpx。此外,还介绍了样式编写的基本规则和app.json的配置,如页面定义、窗口样式及底部导航栏设置。
摘要由CSDN通过智能技术生成
  1. 微信开发者平台会默认提供一套模板来承载项目
文件夹 作用
assets 用来存放一些静态资源(测试图片为主)
pages 存放项目中所有的网页
utils 存放一些工具(格式化日期)

除了上面的文件夹,项目根目录下面还会有app.js(基础js)、app.json、appwxss(公共样式)等文件。
在这里插入图片描述

  1. 微信小程序做网页和PC端网页的区别
    在做PC端网页的时候,常用的标签无非是div、ul、span、img、a等
    再微信小程序中,这些标签都是不能用的,取而代之的是:
标签 类比
view 相当于div
navigator 相当于a
text 相当于span
image 相当于img

页面文件不是.html后缀,是.wxml后缀,样式文件不是.css后缀,是.wxss后缀,但是这都不影响做一个像普通网页的微信小程序

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值