摘要:
说明 这是一个联系人名过滤组件,还提供可选的“大小写是否敏感”选项, 默认大小写不敏感 。 一、HTML 结构 二、组件代码(依赖 jQuery) 三、使用组件 (完) 阅读全文
摘要:
区分 1. :Pixel。像素。 2. :相对长度单位。继承父级元素的 ,值是相对于父级元素 的倍数。 3. :Root em。相对于根元素(即 font size`的倍数。 4. :View Height。视口被均分为 100 单位的 。`80vh` 表示元素占视口高度的 80%。 参考链接 ht 阅读全文
摘要:
{说明} 这一部分的源码内容被我简化了,另外我还额外添加了一个辅助类 。 Bulma 的网格系统一行默认分成 12 列。 包围 进行网格布局。 被设定为,在平板+设备上采用 Flex 布局,在手机上的使用默认的布局。 提供了三个辅助类: 1. :列居中显示。 2. :列可多行显示。 3. :列垂直居 阅读全文
摘要:
Bulma 的 类是这样实现的。 1. 在 桌面 设备中, 的宽度固定为“$desktop 40px”,也就是 ,然后居中显示。 2. 在 宽屏 设备中, 的宽度固定为“$widescreen 40px”,也就是 ,然后居中显示。 3. 在 大屏 设备中, 的宽度固定为“$fullhd 40px”, 阅读全文
摘要:
在 Bulma 中将设备分为 6 类:手机、平板、触屏设备、桌面、宽屏和大屏。提供了四个阈值。 这些设备及对应设备宽度的范围如下: 1. 手机:0px ~ 768px 2. 平板:769px ~ 999px 3. 触屏设备:0px ~ 999px 4. 桌面:1000px ~ 1191px 5. 宽 阅读全文