微信小程序学习笔记-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




猜你喜欢

转载自blog.csdn.net/weixin_42271658/article/details/80507368