zhangyuhan пре 4 година
родитељ
комит
76b6ea3e2b
3 измењених фајлова са 17 додато и 4 уклоњено
  1. 2 1
      jydocs-pc/.eslintrc.js
  2. 3 3
      jydocs-pc/src/assets/style/_mixin.scss
  3. 12 0
      jydocs-pc/src/views/Home.vue

+ 2 - 1
jydocs-pc/.eslintrc.js

@@ -8,7 +8,8 @@ module.exports = {
     '@vue/standard'
   ],
   globals: {
-    loginflag: true
+    loginflag: true,
+    $: true
   },
   parserOptions: {
     parser: 'babel-eslint'

+ 3 - 3
jydocs-pc/src/assets/style/_mixin.scss

@@ -11,12 +11,12 @@
   @return $footerHeight + $a;
 }
 
-@mixin diy-icon ($name, $size: 24) {
+@mixin diy-icon ($name, $width: 24, $height: 24) {
   ::v-deep .el-icon-jy-#{$name} {
     background: url("~@/assets/images/icon/#{$name}.png") no-repeat;
     background-size: cover;
     display: inline-block;
-    width: #{$size}px;
-    height: #{$size}px;
+    width: #{$width}px;
+    height: #{$height}px;
   }
 }

+ 12 - 0
jydocs-pc/src/views/Home.vue

@@ -5,6 +5,17 @@
         <search-input @submit="goSubmit"></search-input>
       </div>
 
+      <div class="flex-r-c">
+        <div class="flex-r-c center left">
+          <h5>最新文档</h5>
+          <i class="el-icon-jy-Frame"></i>
+        </div>
+        <div class="flex-r-c center right">
+          <span>查看更多</span>
+          <i class="el-icon-arrow-right"></i>
+        </div>
+      </div>
+
       <h3>最新标讯</h3>
       <div class="new-list-group flex-r-c">
           <div class="flex-c-c">
@@ -95,6 +106,7 @@ export default {
 </style>
 <style scoped lang="scss">
     @include diy-icon('search', 24);
+    @include diy-icon('Frame', 24);
 
     .top-search-group {
       width: 100%;