美化content区域

src/assets/style/theme/acrou/index.scss

@@ -37,35 +37,43 @@ body {
 .table {
   width: 100%;
   table-layout: fixed;
+
   th,
   td {
     border: 0 !important;
   }
+
   td {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     vertical-align: middle;
+
     &:hover,
     & .icon {
       cursor: pointer;
     }
   }
+
   td span {
     vertical-align: middle;
   }
+
   td .g2-file-desc {
     font-size: 12px;
   }
 }
 
+.g2-content {
+  margin-top: 1rem;
+}
+
 .footer {
   background-color: transparent;
 }
 
 .no-content {
-  background: url(https://s1.hdslb.com/bfs/static/jinkela/search/asserts/no-data.png)
-    no-repeat 50% 50%;
+  background: url(https://s1.hdslb.com/bfs/static/jinkela/search/asserts/no-data.png) no-repeat 50% 50%;
   height: 240px;
   line-height: 240px;
   text-align: center;
@@ -78,6 +86,7 @@ body {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
+
   iframe {
     position: absolute;
     top: 0;
@@ -88,7 +97,8 @@ body {
 }
 
 // 搜索框
-.search-input,.search-input::-webkit-input-placeholder {
+.search-input,
+.search-input::-webkit-input-placeholder {
   color: whitesmoke;
 }
 
@@ -99,10 +109,12 @@ body {
   .el-loading-mask {
     z-index: initial;
   }
+
   .pageloader:not(.is-bottom-to-top) {
     -webkit-transform: initial;
     transform: initial;
   }
+
   .pageloader {
     position: absolute;
     padding-top: 0;
@@ -114,6 +126,7 @@ body {
       color: hsl(0, 0%, 4%);
     }
   }
+
   .pageloader::after {
     border: 0 solid black;
   }
@@ -135,16 +148,20 @@ body {
   border-bottom-color: #c0c4cc;
   top: 5px;
 }
+
 .sort-caret.descending {
   border-top-color: #c0c4cc;
   bottom: 7px;
 }
+
 .descending .sort-caret.descending {
   border-top-color: #409eff;
 }
+
 .ascending .sort-caret.ascending {
   border-bottom-color: #409eff;
 }
+
 .sort-caret {
   width: 0;
   height: 0;

src/views/common/BreadCrumb.vue

@@ -8,7 +8,7 @@
         <div class="level-item">
           <ul>
             <li>
-              <a @click="go('/'+index+':/')">{{$t('index')}}</a>
+              <a v-show="navs && navs.length>0" @click="go('/'+index+':/')">{{$t('index')}}</a>
             </li>
             <li
               v-for="(item,index) in navs"
@@ -106,18 +106,19 @@ export default {
 <style lang="scss" scoped>
 .g2-breadcrumb {
   border-bottom: 2px solid whitesmoke;
-  height: 100%;
-  padding: 0 0.75em;
+  // height: 100%;
+  padding: 10px 0.75em;
 }
 .level-right {
   .level-item {
     border-radius: 50%;
-    height: 40px;
-    width: 40px;
+    // height: 40px;
+    // width: 40px;
     &:hover {
       border: 1px dotted transparent;
       background: rgba(0, 0, 0, 0.12);
       text-decoration: none;
+      cursor: pointer;
     }
   }
 }

src/views/page/GoImg.vue

@@ -1,6 +1,5 @@
 <template>
-  <div class="content">
-    <hr />
+  <div class="content g2-content">
     <figure class="image">
       <img :src="imgurl" :class="!display?'is-hidden':''" @load="loading" />
       <center :class="display?'is-hidden':''">

src/views/page/GoList.vue

@@ -347,7 +347,7 @@ export default {
               window.open(href);
             } else {
               this.$router.push({
-                path: href,
+                path: checkView(href),
               });
             }
           }

src/views/page/GoPdf.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="content g2-content">
     <object :data="url" type="application/pdf" name="file.pdf">
       <embed :src="url" type="application/pdf" />
     </object>

src/views/page/GoText.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="content">
+  <div class="content g2-content">
     <editor
       ref="myEditor"
       v-model="content"

src/views/page/GoVideo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="content">
+  <div class="content g2-content">
     <div class="video-content">
       <iframe
         width="100%"