您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. 解决vue加scoped后就无法修改vant的UI组件的样式问题

  2. 有时候UI组件提供的默认的样式不能满足项目的需要,就需要我们对它的样式进行修改,但是发现加了scoped后修改的样式不起作用。 解决方法: 使用深度选择器,将scoped样式中的选择器“深入”,即影响子组件 .a >>> .b { /* ... */ } 以上的代码会编译成: .a[data-v-f3f3eg9] .b { /* … */ } 注意:如果你使用了Less或Sass等预处理器,可能无法>>>正确解析。在这些情况下,您可以使用组合/de
  3. 所属分类:其它

    • 发布日期:2020-11-19
    • 文件大小:133120
    • 提供者:weixin_38566180
  1. 解决vue-cli创建项目的loader问题

  2. 在使用vue-cli项目创建项目中,使用sass等预编译css语言时,不需要在config中配置,只需要在项目中安装相应loader即可。 例如: 1、在项目中使用sass $ npm i node-sass -D $ npm i sass-loader -D 2、当使用vuex时,即使安装vux和vux-loader,在项目中使用了vux的组件,项目就无法启动,报错如下: These dependencies were not found: * !!vue-style-loader!cs
  3. 所属分类:其它

    • 发布日期:2020-11-26
    • 文件大小:32768
    • 提供者:weixin_38708841
  1. 在vue项目中使用sass的配置方法

  2. 1、创建一个基于 webpack 模板的新项目 $ vue init webpack myvue 2、在当前目录下,安装依赖 $ cd myvue $ npm install 3、安装sass的依赖包 npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass 4、在build文件夹下的webpack.base.conf.js的rules里面添加配置 { te
  3. 所属分类:其它

    • 发布日期:2020-11-26
    • 文件大小:97280
    • 提供者:weixin_38513794
  1. Vue项目实现换肤功能的一种方案分析

  2. 需求:网站换肤,主题切换。网站的主题色可以在几种常用颜色之间进行切换,还有相关图片、图标也要跟随主题进行切换。 不多说,先看下最终的实现效果:   文章由两部分组成:css切换,图片图标切换 css切换 1.在 static 目录下新建一个 styles 文件夹,在 styles 下新建一个 theme.scss 文件(项目使用了sass,会自动编译成css文件,如果没有使用这些预处理工具可以直接新建 theme.css),将需要替换的 CSS 声明在此文件中。 .theme-test-b
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:70656
    • 提供者:weixin_38689027
  1. 详解Vue 换肤方案验证

  2. 本文的换肤方案灵感来自于 element-ui 需求:网站换肤,主题切换。网站的主题色可以在几种常用颜色之间进行切换,还有相关图片、图标也要跟随主题进行切换。 不多说,先看下最终的实现效果: 文章由两部分组成:css切换,图片图标切换 css切换 1.在 static 目录下新建一个 styles 文件夹,在 styles 下新建一个 theme.scss 文件(项目使用了sass,会自动编译成css文件,如果没有使用这些预处理工具可以直接新建 theme.css),将需要替换的 CSS 声
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:66560
    • 提供者:weixin_38626928
  1. vue安装和使用scss及sass与scss的区别详解

  2. 1. 安装依赖:npm install node-sass sass-loader -D 2. webpack.base.conf.js文件 module: { { //手动添加这一条,相当于是编译识别sass! test: /\.scss$/, loaders: ["style", "css", "sass"]} } 3. 在.vue文件中使用 .box{ width: 100%; :hover{ color: red; } } 下面看下sass与scss的区别 用了很
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:72704
    • 提供者:weixin_38590784
  1. Vue + Webpack + Vue-loader学习教程之相关配置篇

  2. 前言 之前已经介绍过了Vue + Webpack + Vue-loader的相关功能介绍,大家可以点击这篇文章了解详情。下面就来看看相关配置篇,感兴趣的可以参考学习。 使用预处理器 在 Webpack 中,所有的预处理器需要和一个相应的加载器一同使用。vue-loader 允许你用其它的 Webpack 加载器去处理 Vue 组件一部分代码。它会根据 lang 属性自动用适当的加载器去处理。 CSS 例如,我们编译用 SASS 编译 标签: npm install sass-loader
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:70656
    • 提供者:weixin_38655496