自己封装vue组建之Stone-Switch组件

小灰灰 2022-12-11 03:22 230阅读 0赞

Stone-Switch组件

目录

    1. 引入stone-switch.scss
    1. Switch组件示例
    1. 源码

1. 引入stone-switch.scss

在main.js中引入stone-switch.scss

  1. require('@/assets/css/stone-switch.scss')

给el-switch添加stone-switch样式。

2. Switch组件示例

在这里插入图片描述

3. 源码

  1. <el-switch
  2.   v-model="value1"
  3.   active-text="开"
  4.   inactive-text="关"
  5.   class="stone-switch" />
  7. <el-switch
  8.   v-model="value2"
  9.   active-text="开"
  10.   inactive-text="关"
  11.   class="stone-switch"
  12.   disabled />
  14. <el-switch
  15.   v-model="value3"
  16.   active-text="开"
  17.   inactive-text="关"
  18.   class="stone-switch"
  19.   disabled />

发表评论

表情：
评论列表 （有 0 条评论，230人围观）

还没有评论，来说两句吧...

相关阅读