安装使用 element 1.安装 2.使用 (1)在 main.js 中引入 element main.js 为修改 (2)简单应用 修改 src/components/HelloWorld.vue 重新启动,预览 http://localhost:8080,变为 (3)修改路由 将src下的co ...
分类:
Web程序 时间:
2019-11-14 15:19:51
阅读次数:
182
最近朋友问如何在vue项目中使用scss样式,想起之前项目是直接在main.js直接import css文件的,然而main.js不可以直接import scss文件。 src/assets/scss.scss 第一步:安装依赖 第二步:配置build/utils.js 发现项目报错:Module ...
分类:
Web程序 时间:
2019-11-12 12:38:31
阅读次数:
282
vue引用了第三方组件, 需要在组件中局部修改第三方组件的样式, 而又不想去除scoped属性造成组件之间的样式污染。 此时只能通过>>>,穿透scoped。 但是,在sass中存在无法解析>>>符号,所以可以用/deep/操作符(>>>别名) 1 <style lang='scss' scoped ...
分类:
其他好文 时间:
2019-11-11 18:11:35
阅读次数:
72
前言 大家好,这里是@IT·平头哥联盟,我是首席甩锅官——老金,今天给大家分享的,一些日常中神秘而又简单的vue的实用小技巧,以及我在我司项目中实用vue的总结和坑,跟大家一起分享,希望能给其他攻城狮带来些许便利,如有理解错误,请纠正。 技巧/坑点 1.setTimeout/ setInterval ...
分类:
其他好文 时间:
2019-11-09 23:43:04
阅读次数:
111
ionic4的主题样式提供了一些主题样式,也可以自定义,比如可以修改主题样式的颜色,官方文档(https://ionicframework.com/docs/theming/colors)里说了怎么写CSS,但是没说写在哪个文件,我测了一下,应该是写在src/theme/variables.scss ...
分类:
其他好文 时间:
2019-11-04 15:57:10
阅读次数:
293
焦点元素,添加半透明遮罩 效果图 html ? 备注: 图片不能设置伪元素,所以需要外面套一层壳子,在壳子上获取焦点,添加样式 scss ? 备注: 1. 可以用border,不设置outline; 2. 获取焦点前就让元素自身就有border,border color设置为transparent; ...
分类:
其他好文 时间:
2019-11-01 14:44:42
阅读次数:
116
1.安装依赖 2.创建index.html 3.新建index.scss 4.在main.js文件中引用scss 5.在webpack.config.js中配置处理scss ...
分类:
Web程序 时间:
2019-10-29 00:47:24
阅读次数:
94
Sass是成熟、稳定、强大的CSS预处理器,而SCSS是Sass3版本当中引入的新语法特性,完全兼容CSS3的同时继承了Sass强大的动态功能。 特性概览 CSS书写代码规模较大的Web应用时,容易造成选择器、层叠的复杂度过高,因此推荐通过SASS预处理器进行CSS的开发,SASS提供的变量、嵌套、 ...
分类:
Web程序 时间:
2019-10-24 23:13:46
阅读次数:
119
```scss // 对的写法 overflow:(hidden !important); text-overflow:(ellipsis !important); white-space:(nowrap !important) ; // 错误写法 多一个空格都不行 overflow: (hidde... ...
分类:
Web程序 时间:
2019-10-23 19:56:36
阅读次数:
166
今天是犯傻的一天,第一回用sass遇到了bug: 结果就是:<style lang = 'scss'>、写成了<style lang = 'sass'> (脑子要清醒一点、太笨了) ...