yc-ui2 0.1.1-beta01 → 0.1.1-beta03

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yc-ui2",
-  "version": "0.1.1-beta01",
+  "version": "0.1.1-beta03",
   "private": false,
   "description": "湖南优创UI组件库",
   "main": "dist/yc-ui2.umd.min.js",
@@ -13,7 +13,6 @@
   },
   "dependencies": {
     "core-js": "^3.8.3",
-    "element-ui": "^2.15.14",
     "path": "^0.12.7",
     "vue": "^2.6.14",
     "vue-monoplasty-slide-verify": "^1.3.1"
@@ -24,13 +23,15 @@
     "@vue/cli-plugin-babel": "~5.0.0",
     "@vue/cli-plugin-eslint": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
+    "element-ui": "^2.15.14",
     "eslint": "^7.32.0",
     "eslint-plugin-vue": "^8.0.3",
     "file-loader": "^6.2.0",
     "node-sass": "^9.0.0",
     "sass-loader": "^13.3.2",
     "url-loader": "^4.1.1",
-    "vue-template-compiler": "^2.6.14"
+    "vue-template-compiler": "^2.6.14",
+    "vue-router": "3.4.9"
   },
   "eslintConfig": {
     "root": true,

package/src/App.vue

@@ -2,6 +2,7 @@
   <div id="app">
     <!-- <YcSlideVerify /> -->
     <YcCustomerService />
+    <router-view></router-view>
   </div>
 </template>
 
@@ -16,12 +17,9 @@ export default {
 </script>
 
 <style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
+html,
+body {
+  padding: 0px;
+  margin: 0px;
 }
 </style>

package/src/main.js

@@ -1,15 +1,18 @@
 import Vue from 'vue'
 import App from './App.vue'
+import router from './router/index'
 
 import SlideVerify from "vue-monoplasty-slide-verify"
-import {Dialog} from 'element-ui'
+import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css';
 
-Vue.config.productionTip = false
+// Vue.config.productionTip = false
 
 Vue.use(SlideVerify)
-Vue.use(Dialog)
+Vue.use(ElementUI)
 
 new Vue({
   render: h => h(App),
+  router
 }).$mount('#app')
+

package/src/router/index.js

@@ -0,0 +1,20 @@
+import Vue from "vue"
+import VueRouter from "vue-router"
+
+Vue.use(VueRouter)
+
+const routes = [
+  {
+    path: "/question",
+    component: (resolve) => require(['@/components/YcCustomerService/question'], resolve),
+    hidden: true,
+  },
+]
+
+const router = new VueRouter({
+  routes,
+  mode: "history", // 去掉url中的#
+  scrollBehavior: () => ({ y: 0 })
+})
+
+export default router