main.js import Vue from 'vue'; import App from './App.vue'; /*使用vue-resource请求数据的步骤 1、需要安装vue-resource模块, 注意加上 --save npm install vue-resource --save ...
分类:
其他好文 时间:
2020-09-17 15:45:14
阅读次数:
20
今天学习了自定义主题,它的作用是让页面分格多样化。进行自定 义主题一共有三个步骤。第一步,就是获取element-variables.scss, 第二步,将element-variables.scss放入src/styles,最后一步就是在 main.js中引用element-variables.s ...
分类:
其他好文 时间:
2020-09-17 12:37:32
阅读次数:
23
vue.vonfig.js 这个文件引入mian.scss css: { // 是否使用css分离插件 ExtractTextPlugin extract: true, // 开启 CSS source maps? sourceMap: false, // css预设器配置项 loaderOptio ...
分类:
Web程序 时间:
2020-09-12 21:41:04
阅读次数:
55
本记录仅针对于 vue-cli4.x 使用 scss 全局变量设置使用 在网上也找了很多版本的方法,尝试后都不可行。由于我使用的是 vue-cli4.x 脚手架搭建的项目,在网上也找到一个解决方案,特此记录。 确定依赖包 先在 package.json 文件中确定是否集成了 sass 相关的包 no ...
分类:
Web程序 时间:
2020-09-02 16:48:06
阅读次数:
100
如下是dialog做出来的效果: 但我希望头部和底部都有border样式,区分开来,查看源代码之后我在style里面这样写了: <style lang="scss" scoped> .el-dialog__header{ border-bottom: 1px solid #e8eaec; } .el ...
分类:
其他好文 时间:
2020-08-04 18:16:07
阅读次数:
305
随着前端开发的不断发展,CSS也逐渐延伸出了很多新的语言, less和Sass就是其中两种,下面我们就一起来看看它们到底有何区别。 SASS和LESS SASS(英文全称:Syntactically Awesome Stylesheets)Sass 诞生于 2007 年,使用Ruby 编写, 是一种 ...
分类:
Web程序 时间:
2020-08-03 09:39:41
阅读次数:
208
首先放下作者大大的github地址:https://github.com/SJanJan/keep-web 接着我们看下项目 //main.js import Vue from 'vue' import App from './App.vue' import '@/styles/reset.scss ...
分类:
Web程序 时间:
2020-07-30 01:19:24
阅读次数:
97
js中动态添加的css属性,自动添加前缀,适配当前浏览器 let elementStyle = document.createElement('div').style let vendor = (() => { let transformNames = { webkit: 'webkitTransf ...
分类:
Web程序 时间:
2020-07-25 09:18:35
阅读次数:
85
1.安装sass 依赖包 终端输入 npm install sass-loader --save-dev npm install node-sass --sava-dev 2.build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.scss$/, ...
分类:
Web程序 时间:
2020-07-24 16:27:10
阅读次数:
96
1、vscode安装两个插件: 2、写好scss后,点击 3、直接引入转好的css文件就可以了 ...
分类:
Web程序 时间:
2020-07-24 15:46:13
阅读次数:
126