zoukankan      html  css  js  c++  java
  • electron-vue UI框架 ElementUi的使用、 electron-vue 中使用sass

    文档:http://element-cn.eleme.io/#/zh-CN/component/installation
    
    01、electron-vue中使用element-ui:
        1.安装npm i element-ui -S
        2、引入以及配置element-ui   renderer/main.js
            import ElementUI from 'element-ui';
            import 'element-ui/lib/theme-chalk/index.css';
            Vue.use(ElementUI);
        3、看文档使用 
        找到组件
               <el-button type="primary">主要按钮</el-button>
              <el-button type="success">成功按钮</el-button>
              <el-button type="info">信息按钮</el-button>
    02、electron-vue中使用sass
    
        1.安装sass-loader node-sass      npm install --save-dev sass-loader node-sass
        2、在vue文件中修改style
        <style lang="scss">
            body {
                /* SCSS */
              }
        </style>
    03、注意:如果需要在页面中通过import引入scss 如:  import '../assets/style.scss';
    
    需要进行如下操作:
        1、安装 sass-loader node-sass:             cnpm install sass-loader node-sass  --save
        2、找到webpack.renderer.config.js配置
       {
            test: /.scss$/,
            use: [
                "style-loader", // creates style nodes from JS strings
                "css-loader", // translates CSS into CommonJS
                "sass-loader" // compiles Sass to CSS, using Node Sass by default
            ]
        }
        3、结束项目重新运行  npm run dev
        这个时候项目中就可以通过import命令引入scss了       import '../assets/style.scss';
  • 相关阅读:
    csp-s测试41 T2 影子
    模拟测试15 T3:rps (概率期望, 神*DP)
    考试沙币错误
    测试40
    水管局长 Lct
    测试32:chemistry
    测试35:抽卡
    模拟30,树
    考试策略&&模拟30经验总结:
    模拟测试28
  • 原文地址:https://www.cnblogs.com/loaderman/p/12173350.html
Copyright © 2011-2022 走看看