前言 学过css的人都知道,css他不是一个编程语言。虽然你可以用css去写网页样式,但是你却没法使用它进行编程。所以有一句话来描述css我个人觉得再合适不过了,”CSS基本上是设计师的工具,不是程序员的工具。”由于它没…
标签:scss
第十五集: 从零开始实现一套pc端vue的ui组件库( 日历组件 )
第十五集: 从零开始实现一套pc端vue的ui组件库( 日历组件 ) 1. 本集定位 ‘日历组件’在后台管理系统里面是十分常见的, 在pc端的展示方式基本都为一个方方的表格, 别看功能单一, 这个…
第十四集: 从零开始实现一套pc端vue的ui组件库( Popover弹出框 )
第十四集: 从零开始实现一套pc端vue的ui组件库( Popover弹出框 ) 1. 本集定位 Popover组件不同于alert这种霸道总裁, 它更倾向于辅助显示某些未显示完整的内容, toast组件与其相比更偏向&…
第十一集: 从零开始实现一套pc端vue的ui组件库( tab切换组件 )
第十一集: 从零开始实现( tab切换组件 ) 本集定位: 我们先来聊聊 tab 切换的意义, 不管是手机还是pc, 屏幕的大小是有限的, 人眼睛看到的范围也是有限的, 人们看信息的时候并不喜欢’跳转R…
vue-cli生成项目,main.js引入scss时报错
近日,在vue的main.js项目中引入scss文件发现报错 ERROR Failed to compile with 1 errors 17:14:15This relative module was not foun…
全局SASS/SCSS变量在Vue项目中应用解决方案
场景说明 // 这是一个存放变量的scss文件 "@/styles/_variables.scss" // color font ... $cf-light: #B6B6B6; $cf-gray: #8C8C8C; $c…
Vue2学习之旅六:添加对scss的支持
作者:心叶时间:2019-01-01 16:33 本篇最终项目文件Github地址:github.com/paper520/vue.quick/tree/V6 scss支持 为了使用scss,我们需要先安装相关的node…
挑逗Bootstrap4源代码 - Grid篇(下)
本文所引用的版本为Bootstrap 4 Beta版,阅读者请先下载好相关源文件。 时光荏苒,若后续版本代码发生变化,将看心情进行更新补充。如果你觉得本文不错,欢迎评论支持,如需转载请标明作者及出处,谢谢。 在日常使用B…
挑逗Bootstrap4源代码 - Grid篇(上)
本文所引用的版本为Bootstrap 4 Beta版,阅读者请先下载好相关源文件。 时光荏苒,若后续版本代码发生变化,将看心情进行更新补充。如果你觉得本文不错,欢迎评论支持,如需转载请标明作者及出处,谢谢。 在日常使用B…
Vue 集成 SCSS 笔记
本文使用的 Vue 版本为 2.5.2,Vue-Cli 版本为 2.9.1。 1. 安装相关依赖 执行: npm install node-sass sass-loader style-loader --save-dev…
借用repeating-linear-gradient实现一把刻度尺(ruler)📏
像刻度这种东西都是重复性的,说到重复我就想到了repeating-linear-gradient,看名字就能知道是重复线性渐变,它能更方便的实现隔行变色的功能,如果你想画一个背景,它是重复、隔行的,那么用它就没错了; 效…
css掩人耳目式海浪动效🌊,这可能是最简单的实现方式了吧?
花里胡哨的canvas实现太过于繁琐,这就是本文存在的意义. 效果图 拆解 首先画一个简单的盒子:利用::before与::after画两个圆角值(radius)不同的不规则圆形:父元素设置overflow: hidde…