微信小程序学习笔记-3.1 布局基础整理（陆续补充）

2018/5/30

这个东西一时半会肯定整理不完的，先挂着。

3 开头的笔记打算全部写布局。

1.wxss

-webkit-

Safari ,Webkit内核的浏览器浏览布局必须加上的前缀。这里不需要。

display: none visible hidden

不渲染 和 不显示（占位置）

2.wxml

控件

1) <text>

https://blog.csdn.net/xiabing082/article/details/52658565 这位已经写的很详细了

再加两个。

1.控件自带 display: block

但如果超过了容器的大小，会换行

2.其居中属性 verticle-align:middle 没有效果。建议使用 flex 对齐方式（3.2）

2）<image>

src 可以获取本地或者网络的图片

lazy-load 非常重要的懒加载，节省带宽

建议还是看官方文档

https://developers.weixin.qq.com/miniprogram/dev/component/image.html?t=1476197485892

3）<navigator>

导航 有三个属性

url "跳转链接"

redirect  布尔值 重定向

hover-class 点击的遮盖 class

其他组件也可以用逻辑层实现这个功能

4）<input> <form>

这个就和 html 里面的基本一致了

常用的 Input 的参数有：

type: 类型 有 number text password

placeholder 提示字符串

max_length 最大长度

value input 中的值

5）<icon>

这位老哥已经整理好了！

https://blog.csdn.net/m0_38082783/article/details/78901310

6）<button>

没什么特殊的 下面这位老哥很早就整理好了

https://blog.csdn.net/sinat_36772813/article/details/53377164