09/09 13:45

111

src/components/Breadcrumb/index.vue

@@ -1,9 +1,13 @@
 <template>
-  <el-breadcrumb class="app-breadcrumb" separator="/">
+  <el-breadcrumb class="app-breadcrumb"
+                 separator="/">
     <transition-group name="breadcrumb">
-      <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
-        <span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
-        <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
+      <el-breadcrumb-item v-for="(item,index) in levelList"
+                          :key="item.path">
+        <span v-if="item.redirect==='noRedirect'||index==levelList.length-1"
+              class="no-redirect">{{ item.meta.title }}</span>
+        <a v-else
+           @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
       </el-breadcrumb-item>
     </transition-group>
   </el-breadcrumb>
@@ -13,45 +17,45 @@
 import pathToRegexp from 'path-to-regexp'
 
 export default {
-  data() {
+  data () {
     return {
       levelList: null
     }
   },
   watch: {
-    $route() {
+    $route () {
       this.getBreadcrumb()
     }
   },
-  created() {
+  created () {
     this.getBreadcrumb()
   },
   methods: {
-    getBreadcrumb() {
+    getBreadcrumb () {
       // only show routes with meta.title
       let matched = this.$route.matched.filter(item => item.meta && item.meta.title)
       const first = matched[0]
 
       if (!this.isboard(first)) {
-        matched = [{ path: '/board', meta: { title: 'Dashboard' }}].concat(matched)
+        matched = [{ path: '/board', meta: { title: 'Dashboard' } }].concat(matched)
       }
 
       this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
     },
-    isDashboard(route) {
+    isDashboard (route) {
       const name = route && route.name
       if (!name) {
         return false
       }
       return name.trim().toLocaleLowerCase() === 'Dashboard'.toLocaleLowerCase()
     },
-    pathCompile(path) {
+    pathCompile (path) {
       // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
       const { params } = this.$route
       var toPath = pathToRegexp.compile(path)
       return toPath(params)
     },
-    handleLink(item) {
+    handleLink (item) {
       const { redirect, path } = item
       if (redirect) {
         this.$router.push(redirect)
@@ -59,8 +63,8 @@ export default {
       }
       this.$router.push(this.pathCompile(path))
     },
-    isboard(){
-      
+    isboard () {
+
     }
   }
 }
@@ -69,7 +73,7 @@ export default {
 <style lang="scss" scoped>
 .app-breadcrumb.el-breadcrumb {
   display: inline-block;
-  font-size: 14px;
+  font-size: 16px;
   line-height: 50px;
   margin-left: 8px;
 

src/layout/components/Navbar.vue

@@ -179,7 +179,7 @@ export default {
           position: absolute;
           right: -20px;
           top: 25px;
-          font-size: 12px;
+          font-size: 14px;
         }
       }
     }

src/layout/components/Sidebar/Logo.vue

@@ -65,7 +65,7 @@ export default {
       color: #fff;
       font-weight: 600;
       line-height: 50px;
-      font-size: 14px;
+      font-size: 16px;
       font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
       vertical-align: middle;
     }

src/views/404.vue

@@ -2,19 +2,30 @@
   <div class="wscn-http404-container">
     <div class="wscn-http404">
       <div class="pic-404">
-        <img class="pic-404__parent" src="@/assets/404_images/404.png" alt="404">
-        <img class="pic-404__child left" src="@/assets/404_images/404_cloud.png" alt="404">
-        <img class="pic-404__child mid" src="@/assets/404_images/404_cloud.png" alt="404">
-        <img class="pic-404__child right" src="@/assets/404_images/404_cloud.png" alt="404">
+        <img class="pic-404__parent"
+             src="@/assets/404_images/404.png"
+             alt="404">
+        <img class="pic-404__child left"
+             src="@/assets/404_images/404_cloud.png"
+             alt="404">
+        <img class="pic-404__child mid"
+             src="@/assets/404_images/404_cloud.png"
+             alt="404">
+        <img class="pic-404__child right"
+             src="@/assets/404_images/404_cloud.png"
+             alt="404">
       </div>
       <div class="bullshit">
         <div class="bullshit__oops">OOPS!</div>
         <div class="bullshit__info">All rights reserved
-          <a style="color:#20a0ff" href="https://wallstreetcn.com" target="_blank">wallstreetcn</a>
+          <a style="color:#20a0ff"
+             href="https://wallstreetcn.com"
+             target="_blank">wallstreetcn</a>
         </div>
         <div class="bullshit__headline">{{ message }}</div>
         <div class="bullshit__info">Please check that the URL you entered is correct, or click the button below to return to the homepage.</div>
-        <a href="" class="bullshit__return-home">Back to home</a>
+        <a href=""
+           class="bullshit__return-home">Back to home</a>
       </div>
     </div>
   </div>
@@ -25,7 +36,7 @@
 export default {
   name: 'Page404',
   computed: {
-    message() {
+    message () {
       return 'The webmaster said that you can not enter this page...'
     }
   }
@@ -33,8 +44,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.wscn-http404-container{
-  transform: translate(-50%,-50%);
+.wscn-http404-container {
+  transform: translate(-50%, -50%);
   position: absolute;
   top: 40%;
   left: 50%;
@@ -205,7 +216,7 @@ export default {
       text-align: center;
       color: #ffffff;
       opacity: 0;
-      font-size: 14px;
+      font-size: 16px;
       line-height: 36px;
       cursor: pointer;
       animation-name: slideUp;

src/views/login/index.vue

@@ -1,13 +1,11 @@
 <template>
   <div class="login-container">
-    <el-form
-      ref="loginForm"
-      :model="loginForm"
-      :rules="loginRules"
-      class="login-form"
-      auto-complete="on"
-      label-position="left"
-    >
+    <el-form ref="loginForm"
+             :model="loginForm"
+             :rules="loginRules"
+             class="login-form"
+             auto-complete="on"
+             label-position="left">
       <div class="title-container">
         <h3 class="title">大雅乐盟后台管理系统</h3>
       </div>
@@ -16,43 +14,38 @@
         <span class="svg-container">
           <svg-icon icon-class="user" />
         </span>
-        <el-input
-          ref="username"
-          v-model="loginForm.username"
-          placeholder="Username"
-          name="username"
-          type="text"
-          tabindex="1"
-          auto-complete="on"
-        />
+        <el-input ref="username"
+                  v-model="loginForm.username"
+                  placeholder="Username"
+                  name="username"
+                  type="text"
+                  tabindex="1"
+                  auto-complete="on" />
       </el-form-item>
 
       <el-form-item prop="password">
         <span class="svg-container">
           <svg-icon icon-class="password" />
         </span>
-        <el-input
-          :key="passwordType"
-          ref="password"
-          v-model="loginForm.password"
-          :type="passwordType"
-          placeholder="Password"
-          name="password"
-          tabindex="2"
-          auto-complete="on"
-          @keyup.enter.native="handleLogin"
-        />
-        <span class="show-pwd" @click="showPwd">
+        <el-input :key="passwordType"
+                  ref="password"
+                  v-model="loginForm.password"
+                  :type="passwordType"
+                  placeholder="Password"
+                  name="password"
+                  tabindex="2"
+                  auto-complete="on"
+                  @keyup.enter.native="handleLogin" />
+        <span class="show-pwd"
+              @click="showPwd">
           <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
         </span>
       </el-form-item>
 
-      <el-button
-        :loading="loading"
-        type="primary"
-        style="width:100%;margin-bottom:30px;"
-        @click.native.prevent="handleLogin"
-      >登录</el-button>
+      <el-button :loading="loading"
+                 type="primary"
+                 style="width:100%;margin-bottom:30px;"
+                 @click.native.prevent="handleLogin">登录</el-button>
 
       <div class="tips">
         <span style="margin-right:20px;">username: admin</span>
@@ -67,7 +60,7 @@ import { validUsername } from "@/utils/validate";
 
 export default {
   name: "Login",
-  data() {
+  data () {
     const validateUsername = (rule, value, callback) => {
       if (!validUsername(value)) {
         callback(new Error("Please enter the correct user name"));
@@ -102,14 +95,14 @@ export default {
   },
   watch: {
     $route: {
-      handler: function(route) {
+      handler: function (route) {
         this.redirect = route.query && route.query.redirect;
       },
       immediate: true
     }
   },
   methods: {
-    showPwd() {
+    showPwd () {
       if (this.passwordType === "password") {
         this.passwordType = "";
       } else {
@@ -119,7 +112,7 @@ export default {
         this.$refs.password.focus();
       });
     },
-    handleLogin() {
+    handleLogin () {
       this.$refs.loginForm.validate(valid => {
         if (valid) {
           this.loading = true;
@@ -210,7 +203,7 @@ $light_gray: #eee;
   }
 
   .tips {
-    font-size: 14px;
+    font-size: 16px;
     color: #fff;
     margin-bottom: 10px;
 

src/views/main/index.vue

@@ -239,7 +239,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .select {
-  font-size: 14px;
+  font-size: 16px;
 }
 .m-conainer {
   box-sizing: border-box;
@@ -289,7 +289,7 @@ export default {
       background: rgba(246, 246, 246, 1);
       border-radius: 15px;
       color: #777;
-      font-size: 14px;
+      font-size: 16px;
       .el-icon-close {
         position: absolute;
         right: 5px;

src/views/teamDetail/index.vue

@@ -3,7 +3,7 @@
     <h2>
       武汉小学乐团
       <div class="term">第一学期</div>
-      <div class="term active">第一学期</div>
+      <div class="term active">第二学期</div>
     </h2>
     <div class="td-core">
       <p class='msg'>乐团状态:开团中</p>
@@ -107,7 +107,7 @@ export default {
     width: 100px;
     color: #14928a;
     border: 1px solid rgba(20, 146, 138, 1);
-    font-size: 14px;
+    font-size: 16px;
     text-align: center;
     margin-right: 12px;
     &:nth-child(1) {
@@ -123,12 +123,12 @@ export default {
 <style >
 .el-tabs__item.is-active {
   color: #14928a;
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 600;
 }
 .el-tabs__item:hover {
   color: #14928a;
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 600;
 }
 </style>