小程序开发全栈1.2/3/4组件、flex布局、样式
2024-09-07 05:10:13
1.2 组件
1.2.1 text组件
编写文本信息,类似于HTTP中的span
1.2.2 view组件
容器,类似于HTTP中的div
1.2.3 image组件
图片显示组件
1.3 页面flex布局
一种非常方便的通用布局方式
1.3.1 flex-direction
规定主轴方向
column:主轴竖直
row:主轴水平
1.3.2 justify-content
规定主轴方向上的排列方式
flex-start/end
center
space-around
space-between
1.3.3 align-items
规定副轴方向排列方式
- flex-start/end
- center
- space-around
- space-between
1.3.4 示例:
display:flex; flex布局
flex-direction:row; 规定主轴方向:row/column
justify-content:space-around; 元素在主轴方向上的排列方式:flex-start/end/space-around/space-between
align-items:center; 元素在副轴方向上的排列方式
1.4 样式
1.4.1 像素
- px:像素点
- rpx:像素,针对不同的设备自动适配,保证小程序前端兼容性
- 规定设备的最大宽度为750rpx;
最新文章
- HSSFWorkBooK用法
- php中session锁--如何防止阻塞请求(译)
- 跨域调用webapi web端跨域调用webapi
- securecrt中文乱码
- ehcache整合spring注解方式
- MyISAM 和InnoDB区别
- Python控制流语句(if,while,for)
- 使用JMeter创建FTP测试计划
- Jordan Lecture Note-3: 梯度投影法
- php date('Y')
- [BZOJ 2165] 大楼 【DP + 倍增 + 二进制】
- Vue 进阶之路(九)
- 用 Mathematica 获取图片的 RGB 三基色
- 手机号流量统计---Mapreduce项目分析
- [福大软工] Z班 团队第一次作业—团队展示成绩公布
- beta阶段测试基本概况对应机型硬件信息
- JavaScript自定义字符串格式化
- 51..分治算法练习: 4378 【Laoguo】循环比赛
- vue.js的安装部署+cnpm install 安装过程卡住不动----亲测可用
- css3 box-shadow属性 鼠标移动添加阴影效果