- 博客(3)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 使用 Sass 开发一个栅格系统
确定样式 一个栅格系统所有的样式分为： 容器类：.container-* 行：.row、.row--flex 列：.col-*、.col-*-* 响应式工具类：.hidden-*、.visible-*-* 定义基本数据 $grid-columns: 12; // 每行的列数 $medias-list: xs, sm, md, lg, xl; // 媒体类型 // 媒体尺寸断点 $screen-breakpoints-list: ( xs: (max: 575px), sm: (mi.
2020-12-24 18:48:16
360
1
原创 Sass 学习笔记
Sass 学习笔记 CSS 功能扩展 嵌套规则 // css内容 #page .content { background: red; } // sass 嵌套的形式 #page { .content { background: red; } } 这样的好处在于，可以将同一个父级标签中的所有内容都放在一个代码块中便于管理。 父选择器 // sass 内容 #main { color: black; &-sildebar { border: 1p
2020-12-24 15:22:16
280
原创 Vue项目添加骨架屏
Vue 骨架屏的使用 为什么使用骨架屏 骨架屏的实现原理 实现一个简单的骨架屏 如何使用骨架屏插件来项目添加骨架屏 什么是骨架屏 由于页面在加载时需要加载许多资源文件和数据，导致页面在显示时有一段时间的白屏或闪烁，所以伪类解决这一问题就出现了骨架屏这一方案。简单来说，骨架屏就是在页面内容未加载完成的时候，先使用一些图形进行占位，待内容加载完成之后再把它替换掉。 骨架屏实现原理 实现一个简单的骨架屏 <!DOCTYPE html> <html lang="en"> <
2020-10-06 21:48:00
342
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人