这是我在学习vue过程中做的一个UI框架
-
添加CSS样式 使用本框架前请在CSS中开启border-box
*,*::before,*::after{box-sizing:border-box;}
IE15及以上浏览器都支持此样式。
- 安装Twheels
npm i --save vision-test-1-1
- 引入Twheels
import { Button } from 'vision-test-1-1' import 'vision-test-1-1/dist/index.css' import Vue from 'vue' export default { name: 'app', components: { 'g-button':Button } }
- 引入svg symbols
<script src="vision-test-1-1/src/svg.js"></script>