@seemusic/sop-element-theme

sop-element-theme

SOP 系统自定义 ElementUI 样式。仅提供 SCSS 文件及相关资源；使用 storybook 做控件样式预览

目前版本依赖：

• ElementUI 2.4.5+
• @storybook/vue 6.4.9

ElementUI 2.15.6 有一些破坏式的 DOM 结构修改，此处直接做了额外的覆写。

其他依赖：

一些组件内置的 icon 使用了公司自己设计的 icon 替换，所以需要引用在线的 webfont。

当前版本为 //at.alicdn.com/t/font_2086495_xn38jpqufm.css

使用方式

参见 在项目中改变 SCSS 变量，引入 element 时引用 scss 入口文件 index.scss 即可。示例：

import Vue from 'vue';
import {
  Button,
  // ...
  // 你需要按需加载的组件
} from 'element-ui';
import '@seemusic/sop-element-theme/src/index.scss';

本地预览

npm run storybook:serve

打包为静态文件

npm run storybook:build

组件列表

• Button
• Cascader
• Checkbox
• CheckboxGroup
• Collapse
• CollapseItem
• DatePicker
• Drawer
• Form
• Input
• Messagebox
• Pager
• Popconfirm
• Popover
• Radio
• RadioButton
• RadioGroup
• Select
• Table
• Tabs
• Tag