css
竹子js
这个作者很懒,什么都没留下…
展开
-
vue-cli3使用scss/less/stylus添加全局变量
1.安装依赖:vue add style-resources-loader2.安装依赖时,选择对应的lcss或者scss3.在vue.config.js中配置const path = require("path");module.exports = { ...//其他配置 pluginOptions: { "style-resources-loader": { preProcessor: "less", patterns: [path.r.原创 2021-06-25 14:50:06 · 176 阅读 · 0 评论 -
css变量设置主题色切换
除了scss和less,css也可以使用变量,但是要新版本浏览器才行,微软edge浏览器也支持;--name 声明变量, var(--name)使用变量声明变量://全局css变量,可以在所有地方使用(权重最小,相当于 *选择器):root{ --main-color:#333; --main-bg:#fff; --mc: #06c; --fc:var(--mc);}//body是标签选择器,会覆盖:root内的变量body{ --mc: #409EFF;..原创 2021-01-12 18:30:57 · 1420 阅读 · 0 评论 -
vue-cli3/4引入less全局变量
1.安装依赖:vue add style-resources-loader2.选择对应的css预处理语言,可选值有scss,sass,stylus,,less,选择less即可3.安装完成之后会提醒你在vue.config.js配置全局变量文件地址:One more step, add patterns for your resources's files in vue.config.js然后在项目中src/assets新建一个common.less文件,并在vue.config.js原创 2021-01-05 20:23:33 · 1024 阅读 · 1 评论 -
vue移动端项目,屏幕适配方法,rem
亲测有效,大家可以试试。使用的是vue-cli搭建的webpack项目,然后按步骤一步一步走下去就成功了1.终端中输入npm i lib-flexible --save2.终端中输入npm i px2rem-loader --save-dev3.在项目入口文件 main.js 里 引入 lib-flexibleimport 'lib-flexible'4.在项...转载 2018-07-31 10:22:30 · 4919 阅读 · 0 评论 -
css文本超出隐藏显示省略号 以及多行文本省略号失效的问题
单行文本:.box{ width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}多行文本:.box{ width: 300px; overflow: hidden; text-overflow: ellipsis; display: -webk...原创 2018-07-27 17:33:24 · 7126 阅读 · 0 评论 -
css background用法详解
语法: background:bg-color bg-image bg-position/bg-size bg-repeat bg-origin bg-clip bg-attachment ; 背景:背景色 背景图 背景图定位/背景图大小 背景图重复 背景图定位位置 绘制区域边缘 是否固定 常用举例(缩写版):background:#fff;backgro...原创 2018-12-24 16:47:37 · 1383 阅读 · 0 评论