Make code more standardized

让代码更规范化
balzac233 · Jun 4, 2020 · a83c446 · a83c446
1 parent 121c5b5
commit a83c446
Show file tree

Hide file tree

Showing 54 changed files with 5,940 additions and 5,989 deletions.
diff --git a/web_src/.eslintrc.js b/web_src/.eslintrc.js
@@ -20,6 +20,10 @@ module.exports = {
     // allow async-await
     'generator-star-spacing': 'off',
     // allow debugger during development
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'space-before-function-paren': 'off',
+    'no-undef': 'off',
+    'eqeqeq': 'off',
+    'camelcase': 'off',
   }
 }
diff --git a/web_src/src/components/Index.vue b/web_src/src/components/Index.vue
@@ -1,194 +1,211 @@
 <template>
   <div class="hello">
-
     <div class="block">
-      <div class="row header  ">
+      <div class="row header">
         <div class="right pull-right">
           <ul class="inline pull-right">
-          <li ><router-link :to="link">{{link_text}}</router-link> &nbsp;&nbsp;&nbsp;<a target="_blank" v-if="lang =='zh-cn'" href="https://www.showdoc.cc/clients">客户端</a></li>
-                </ul>
-          </div>  
+            <li>
+              <router-link :to="link">{{link_text}}</router-link>&nbsp;&nbsp;&nbsp;
+              <a
+                target="_blank"
+                v-if="lang =='zh-cn'"
+                href="https://www.showdoc.cc/clients"
+              >客户端</a>
+            </li>
+          </ul>
         </div>
+      </div>
 
       <el-carousel :height="height" :autoplay="false" arrow="always">
         <el-carousel-item style="background-color: #1bbc9b;">
-
           <div class="slide">
-              <img src="static/logo/b_64.png" alt="">
-              <h2>{{$t("section_title1")}}</h2>
-              <p><span v-html="$t('section_description1')"></span></p>
-              <p>
-                  <a class="el-button " href="https://www.showdoc.cc/demo" target="_blank">{{$t("demo")}}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                  <a class="el-button" href="https://www.showdoc.cc/help" target="_blank" >{{$t("help")}}&nbsp;</i></a>
-              </p>
+            <img src="static/logo/b_64.png" alt />
+            <h2>{{$t("section_title1")}}</h2>
+            <p>
+              <span v-html="$t('section_description1')"></span>
+            </p>
+            <p>
+              <a class="el-button" href="https://www.showdoc.cc/demo" target="_blank">{{$t("demo")}}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+              <a
+                class="el-button"
+                href="https://www.showdoc.cc/help"
+                target="_blank"
+              >{{$t("help")}}&nbsp;</a>
+            </p>
           </div>
-
         </el-carousel-item>
 
         <el-carousel-item style="background-color: #2C606A;">
           <div class="slide">
-              <h2>{{$t("section_title2")}}</h2>
-              <p><span v-html="$t('section_description2')"></span></p>
+            <h2>{{$t("section_title2")}}</h2>
+            <p>
+              <span v-html="$t('section_description2')"></span>
+            </p>
           </div>
         </el-carousel-item>
 
         <el-carousel-item style="background-color: #f90;">
           <div class="slide">
-              <h2>{{$t("section_title3")}}</h2>
-              <p><span v-html="$t('section_description3')"></span></p>
+            <h2>{{$t("section_title3")}}</h2>
+            <p>
+              <span v-html="$t('section_description3')"></span>
+            </p>
           </div>
         </el-carousel-item>
 
         <el-carousel-item style="background-color: #7CBD9D;">
           <div class="slide">
-              <h2>{{$t("section_title4")}}</h2>
-              <p><span v-html="$t('section_description4')"></span></p>
+            <h2>{{$t("section_title4")}}</h2>
+            <p>
+              <span v-html="$t('section_description4')"></span>
+            </p>
           </div>
         </el-carousel-item>
 
         <el-carousel-item style="background-color: #A77DC2;">
           <div class="slide">
-              <h2>{{$t("section_title5")}}</h2>
-              <p><span v-html="$t('section_description5')"></span></p>
+            <h2>{{$t("section_title5")}}</h2>
+            <p>
+              <span v-html="$t('section_description5')"></span>
+            </p>
           </div>
         </el-carousel-item>
 
         <el-carousel-item style="background-color: #85CE92;">
           <div class="slide">
-              <h2>{{$t("section_title6")}}</h2>
-              <p><span v-html="$t('section_description6')"></span></p>
+            <h2>{{$t("section_title6")}}</h2>
+            <p>
+              <span v-html="$t('section_description6')"></span>
+            </p>
           </div>
         </el-carousel-item>
 
         <el-carousel-item style="background-color: #4BBFC3;">
           <div class="slide">
-              <h2>{{$t("section_title7")}}</h2>
-              <p><span v-html="$t('section_description7')"></span></p>
+            <h2>{{$t("section_title7")}}</h2>
+            <p>
+              <span v-html="$t('section_description7')"></span>
+            </p>
           </div>
         </el-carousel-item>
 
         <el-carousel-item style="background-color: #1bbc9b;">
           <div class="slide">
-              <h2></h2>
-              <p>{{$t("section_description8")}}</p>
+            <h2></h2>
+            <p>{{$t("section_description8")}}</p>
             <p>
-               <el-button><router-link to="/user/login">{{$t("section_title8")}}</router-link></el-button>
+              <el-button>
+                <router-link to="/user/login">{{$t("section_title8")}}</router-link>
+              </el-button>
             </p>
           </div>
         </el-carousel-item>
-
       </el-carousel>
     </div>
-
-
   </div>
 </template>
 
 <script>
 export default {
   name: 'Index',
-  data () {
+  data() {
     return {
       height: '',
-      link:'',
-      link_text:'',
-      lang:""
+      link: '',
+      link_text: '',
+      lang: ''
     }
   },
-  methods:{
-    getHeight(){
-       if (window.innerHeight){
-          var winHeight = window.innerHeight;
-       }   
-       else if ((document.body) && (document.body.clientHeight)){
-          var winHeight = document.body.clientHeight;
-       }
-        this.height = winHeight+'px' ;
-      },
-    homePageSetting(){
-      var url = DocConfig.server+'/api/common/homePageSetting';
-      this.axios.post(url, this.form)
-        .then( (response) =>{
-          if (response.data.error_code === 0 ) {
-            if (response.data.data.home_page == 2) {
-              //跳转到登录页面
-              this.$router.replace({
-                path: "/user/login"
-              });
-            };
-            if (response.data.data.home_page == 3 && response.data.data.home_item ) {
-              //跳转到指定项目
-              this.$router.replace({
-                path: "/"+response.data.data.home_item 
-              });
-            };
-
-          }
-          
-        });
+  methods: {
+    getHeight() {
+      var winHeight
+      if (window.innerHeight) {
+        winHeight = window.innerHeight
+      } else if (document.body && document.body.clientHeight) {
+        winHeight = document.body.clientHeight
+      }
+      this.height = winHeight + 'px'
     },
-
+    homePageSetting() {
+      var url = DocConfig.server + '/api/common/homePageSetting'
+      this.axios.post(url, this.form).then(response => {
+        if (response.data.error_code === 0) {
+          if (response.data.data.home_page == 2) {
+            // 跳转到登录页面
+            this.$router.replace({
+              path: '/user/login'
+            })
+          }
+          if (
+            response.data.data.home_page == 3 &&
+            response.data.data.home_item
+          ) {
+            // 跳转到指定项目
+            this.$router.replace({
+              path: '/' + response.data.data.home_item
+            })
+          }
+        }
+      })
+    }
   },
-  mounted () {
-    var that = this ;
-    this.lang = DocConfig.lang ;
-    this.getHeight();
-    this.homePageSetting();
-    that.link = '/user/login';
-    that.link_text = that.$t("index_login_or_register");
-    this.get_user_info(function(response){
-      if (response.data.error_code === 0 ) {
-        that.link = '/item/index';
-        that.link_text = that.$t("my_item");
+  mounted() {
+    var that = this
+    this.lang = DocConfig.lang
+    this.getHeight()
+    this.homePageSetting()
+    that.link = '/user/login'
+    that.link_text = that.$t('index_login_or_register')
+    this.get_user_info(function(response) {
+      if (response.data.error_code === 0) {
+        that.link = '/item/index'
+        that.link_text = that.$t('my_item')
       }
-    });
+    })
   }
 }
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
+.el-carousel__item {
+  text-align: center;
+  font: 25px 'Microsoft Yahei';
+  color: #fff;
+}
 
+.header {
+  padding-right: 50px;
+  padding-top: 30px;
+  font-size: 18px;
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+  margin-bottom: 0;
+}
+.header a {
+  color: white;
+  font-size: 12px;
+  font-weight: bold;
+}
+.slide {
+  width: 100%;
+  max-width: 700px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  padding-top: 0px;
+  padding-left: 15px;
+  padding-right: 15px;
+  padding-bottom: 0px;
+  box-sizing: border-box;
+}
 
-  .el-carousel__item { 
-    text-align: center; 
-    font: 25px "Microsoft Yahei"; 
-    color: #fff;
-  }
-
-  .header{
-   padding-right: 50px;
-   padding-top: 30px;
-   font-size: 18px; 
-   position: fixed;
-      right: 0;
-      left: 0;
-      z-index: 1030;
-      margin-bottom: 0;
-  }
-  .header a {
-      color: white;
-      font-size: 12px;
-      font-weight: bold;
-  }
-  .slide{
-    width:100%;
-    max-width: 700px;
-    position  : absolute;
-    top       : 50%;
-    left      : 50%;
-    transform : translate(-50%,-50%);
-    padding-top: 0px;
-    padding-left: 15px;
-    padding-right: 15px;
-    padding-bottom: 0px;
-    box-sizing: border-box;
-  }
-
-  @media only screen and (max-width: 800px) {
-    .slide p {
-      font-size: 14px;
-    }
+@media only screen and (max-width: 800px) {
+  .slide p {
+    font-size: 14px;
   }
-
+}
 </style>