optimize: plugins

README.md

@@ -8,10 +8,11 @@
 
 - [x] 添加[`ty-ui`](http://120.55.57.35:4874/#/)。
 - [x] `eslint`调整，并配合`prettier`统一格式化代码。
-- [x] 添加 原子化 [`tailwindcss`](https://www.tailwindcss.cn/)。
-- [x] 剔除若依改造的样式
+- [x] 添加原子化[`tailwindcss`](https://www.tailwindcss.cn/)，为了兼容性，使用`1.x`版本。
+- [x] 剔除若依覆盖`element-ui`的样式
 - [ ] 测试`ty-ui`，并增加页面使用案例
-- [ ] 根据 UI 并调整页面整体样式
+- [ ] 设计师设计并调整页面整体样式
+- [ ] 梳理第三方库并重新选型
 
 ## 启动发布
 

src/assets/styles/element-variables.scss

-/* 重新修改主色 */
+/* 重新修改主色，请参考ty-ui中element-ui和ty-ui的变量 */
 // $s3: #ff6900;
 // $--color-primary: $s3;
 
@@ -7,6 +7,7 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
 $--images-path: '~@taiyuan/ty-ui/packages/theme-chalk/src/images';
 
 @import '~@taiyuan/ty-ui/packages/theme-chalk/src/index.scss';
+@import '~@taiyuan/ty-ui/packages/styles/index.scss';
 
 // the :export directive is the magic sauce for webpack
 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass

src/main.js

@@ -3,8 +3,8 @@ import App from './App';
 import store from './store';
 import router from './router';
 import directive from './directive';
-import './assets/icons'; // icon
-import './permission'; // permission control
+
+import './permission';
 import './plugins';
 
 Vue.use(directive);

src/plugins/assets.js

+import '@/assets/styles/element-variables.scss';
+import '@/assets/styles/index.scss'; // global css

src/plugins/elment-ui.js

-import '@/assets/styles/element-variables.scss';
-import '@/assets/styles/index.scss'; // global css
-
 import Vue from 'vue';
 import Element from 'element-ui';
 import locale from 'element-ui/lib/locale/lang/zh-CN';

src/plugins/index.js

+import './assets'; // 样式等静态资源
+import '@/assets/icons'; // icon
 import './vue-meta';
 import './elment-ui';
 import './ty-ui';

src/plugins/ty-ui.js

 import Vue from 'vue';
-// 引入tui的源码
+
 import TyUI from '@taiyuan/ty-ui/packages/index';
 
 Vue.use(TyUI);