自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 问答 (1)
  • 收藏
  • 关注

原创 使用 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 260 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 172

原创 Vue项目添加骨架屏

Vue 骨架屏的使用为什么使用骨架屏骨架屏的实现原理实现一个简单的骨架屏如何使用骨架屏插件来项目添加骨架屏什么是骨架屏由于页面在加载时需要加载许多资源文件和数据,导致页面在显示时有一段时间的白屏或闪烁,所以伪类解决这一问题就出现了骨架屏这一方案。简单来说,骨架屏就是在页面内容未加载完成的时候,先使用一些图形进行占位,待内容加载完成之后再把它替换掉。骨架屏实现原理实现一个简单的骨架屏<!DOCTYPE html><html lang="en"> &lt

2020-10-06 21:48:00 249

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除