第十三章：Electron-Vue UI框架 ElementUi的使用&& 使用sass

ElementUi的使用

• ElementUi的使用

cnpm i element-ui -S

• 引入以及配置

在main.js中


import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

• 使用

    <el-button type="primary">主要按钮el-button>
    <el-button type="success">成功按钮el-button>
    <el-button type="info">信息按钮el-button>

• 效果

使用sass

• 安装 sass-loader node-sass

cnpm install sass-loader node-sass  --save-dev

结束项目重新运行 npm run dev

• 效果展示

<template>
  <div class="home">
   
    <div class="box">
      <ul>
        <li>我是一个数据li>

        <li>我是一个数据li>
        <li>我是一个数据li>
        <li>我是一个数据li>

        <li>我是一个数据li>
        <li>我是一个数据li>
      ul>
    div>
  div>
template>

• 效果