Эх сурвалжийг харах

feat: 本地单独开发时样式引入

zhangyuhan 4 жил өмнө
parent
commit
71982e2af7

+ 16 - 0
jydocs-pc/public/index.html

@@ -6,6 +6,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>app1</title>
+      <link href="https://web2-jytest.jianyu360.cn/css/bootstrap.min.css" rel="stylesheet">
+      <link href="https://web2-jytest.jianyu360.cn/css/bootswatch.min.css" rel="stylesheet">
+      <link href="https://web2-jytest.jianyu360.cn/css/font.css?v=6302" rel="stylesheet">
+      <link href="https://web2-jytest.jianyu360.cn/css/jy.css?v=6302" rel="stylesheet">
+      <link href="https://web2-jytest.jianyu360.cn/css/common.css?v=6302" rel="stylesheet">
+      <link href="https://web2-jytest.jianyu360.cn/css/animate.css" rel="stylesheet">
+      <link rel="stylesheet" href="https://web2-jytest.jianyu360.cn/css/unicorn.main.css" />
+      <link rel="stylesheet" href="https://web2-jytest.jianyu360.cn/css/unicorn.grey.css" />
+      <script src="https://web2-jytest.jianyu360.cn/js/jquery-3.2.1.min.js?v=6302"></script>
+      <script src="https://web2-jytest.jianyu360.cn/js/jquery.cookie.js"></script>
+      <script src="https://web2-jytest.jianyu360.cn/js/bootstrap.min.js"></script>
+
+      <link href='https://web2-jytest.jianyu360.cn/css/reset.css?v=6302' rel="stylesheet" type="text/css"/>
+      <link href='https://web2-jytest.jianyu360.cn/pccss/reset_pc.css' rel="stylesheet" type="text/css"/>
+      <link href='https://web2-jytest.jianyu360.cn/css/pc.css?v=6302' rel="stylesheet"/>
+      <link href='https://web2-jytest.jianyu360.cn/pccss/public-nav-1200.css?v=6302' rel="stylesheet" type="text/css"/>
   </head>
   <body>
     <noscript>

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

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

+ 31 - 4
jydocs-pc/src/views/Home.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="home">
-
-      <search-input @submit="goSubmit"></search-input>
+      <div class="top-search-group flex-c-c center">
+        <h5>剑鱼文库,最实用的招投标资料库</h5>
+        <search-input @submit="goSubmit"></search-input>
+      </div>
 
       <h3>最新标讯</h3>
       <div class="new-list-group flex-r-c">
@@ -56,6 +58,12 @@ export default {
       fullscreenLoading: false
     }
   },
+  beforeCreate: function() {
+    $('body').addClass('view_index')
+  },
+  beforeDestroy: function() {
+    $('body').removeClass('view_index')
+  },
   methods: {
     goSubmit (search) {
       this.$router.push({
@@ -77,12 +85,31 @@ export default {
 }
 </script>
 <style lang="scss">
-    .link-item {
-        margin: 0 10px;
+  .page--docs--index.view_index {
+    .page-container {
+      background-image: url("~@/assets/images/wenkuBanner.png");
+      background-repeat: no-repeat;
     }
+  }
 
+</style>
+<style scoped lang="scss">
     @include diy-icon('search', 24);
 
+    .top-search-group {
+      width: 100%;
+      height: 323px;
+      h5 {
+        color: #1D1D1D;
+        font-family: Microsoft YaHei;
+        font-size: 20px;
+        line-height: normal;
+        letter-spacing: 0px;
+        text-align: left;
+        margin-bottom: 40px;
+      }
+    }
+
     .new-list-group {
         .flex-c-c {
             padding: 20px;