mark a format for pdfdata as keyword

src/components/section.vue

@@ -129,6 +129,7 @@ export default {
     position: relative;
     height: 1.75rem;
     margin: 0 auto 1.25rem;
+  
     img {
       width: 2.5rem;
       margin-right: 1.25rem;

src/config/pdfdata.js

@@ -1,17 +1,12 @@
-/**
- *  Format:
- *   1. keyword: "keyword1,keyword2" // use comma "," as separate the data,使用逗号,分开。
- */
-
 const data = [
   {
     id: 1,
     name: "川陕苏区税收大事记",
     describe: "描述",
-    content: "内容129192919229",
+    content: "内容",
     type: "类型",
-    link: "1_dashiji",
-    keyword: "keyword1,keyword2",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/1_dashiji.pdf",
+    keyword: "",
     date: "1932年12月-1935年4月",
   },
   {
@@ -20,7 +15,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "2_shiliaoxuanbian",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/2_shiliaoxuanbian",
     date: "1987年6月",
   },
   {
@@ -29,7 +24,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "3_bowuguanjieshao",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/3_bowuguanjieshao",
     date: "时间不详",
   },
   {
@@ -38,7 +33,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "4_gongzuolunshu",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/4_gongzuolunshu",
     date: "2016年3月",
   },
   {
@@ -47,7 +42,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "5_zhengguihuajianshe",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/5_zhengguihuajianshe",
     date: "2014年",
   },
   {
@@ -56,7 +51,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "6_shiliaoxuanbian",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/6_shiliaoxuanbian",
     date: "1987年",
   },
   {
@@ -65,7 +60,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "7_huobishi",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/7_huobishi",
     date: "2003年",
   },
   {
@@ -74,7 +69,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "8_zhengcechutan",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/8_zhengcechutan",
     date: "2016年",
   },
   {
@@ -83,7 +78,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "9_shiyeshentan",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/9_shiyeshentan",
     date: "2012年6月",
   },
   {
@@ -92,7 +87,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "10_wuzhuangdouzheng",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/10_wuzhuangdouzheng",
     date: "2017年",
   },
   {
@@ -101,7 +96,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "11_zhegnquan",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/11_zhegnquan",
     date: "2014年",
   },
   {
@@ -110,7 +105,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "12_gongzuoyanjiu",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/12_gongzuoyanjiu",
     date: "2015年3月",
   },
   {
@@ -119,7 +114,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "13_youpiao",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/13_youpiao",
     date: "2015年2月",
   },
   {
@@ -128,7 +123,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "14_shyikebiaoyu",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/14_shyikebiaoyu",
     date: "时间不详",
   },
   {
@@ -137,7 +132,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "15_shuishou",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/15_shuishou",
     date: "2006年10月",
   },
   {
@@ -146,7 +141,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "16_maoyiyanjiu",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/16_maoyiyanjiu",
     date: "2017年3月17日",
   },
   {
@@ -155,7 +150,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "17_suquqianbi",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/17_suquqianbi",
     date: "1996年",
   },
   {
@@ -164,7 +159,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "18_tedianfenxi",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/18_tedianfenxi",
     date: "2018年7月16日",
   },
   {
@@ -173,7 +168,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "19_gemingshuping",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/19_gemingshuping",
     date: "2014年1月29日",
   },
   {
@@ -182,7 +177,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "20_tongbi",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/20_tongbi",
     date: "时间不详",
   },
   {
@@ -191,7 +186,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "21_yankao",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/21_yankao",
     date: "1994年",
   },
   {
@@ -200,7 +195,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "22_futou",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/22_futou",
     date: "时间不详",
   },
   {
@@ -209,7 +204,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "23_hongseshuishou",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/23_hongseshuishou",
     date: "时间不详",
   },
   {
@@ -218,7 +213,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "24_youshisikao",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/24_youshisikao",
     date: "2019年2月",
   },
   {
@@ -227,7 +222,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "25_genjudichuangjian",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/25_genjudichuangjian",
     date: "2002年",
   },
   {
@@ -236,7 +231,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "26_xuanchuancehlue",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/26_xuanchuancehlue",
     date: "2009年11月",
   },
   {
@@ -245,7 +240,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "27_baodaogongzuo",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/27_baodaogongzuo",
     date: "2017年",
   },
   {
@@ -254,7 +249,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "28_zuchengbufen",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/28_zuchengbufen",
     date: "2017年",
   },
   {
@@ -263,7 +258,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "29_zhengcetezheng",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/29_zhengcetezheng",
     date: "2013年6月13日",
   },
   {
@@ -272,7 +267,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "30_lishiqishi",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/30_lishiqishi",
     date: "2007年2月",
   },
   {
@@ -281,7 +276,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "31_jianshesikao",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/31_jianshesikao",
     date: "2015年",
   },
   {
@@ -290,7 +285,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "32_zhongyaotedian ",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/32_zhongyaotedian ",
     date: "2014年",
   },
   {
@@ -299,7 +294,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "33_jieyanyundong",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/33_jieyanyundong",
     date: "2016年9月25日",
   },
   {
@@ -308,7 +303,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "34_juxianxing",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/34_juxianxing",
     date: "2005年10月10日",
   },
   {
@@ -317,7 +312,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "35_chenlieguan",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/35_chenlieguan",
     date: "2008年",
   },
   {
@@ -326,7 +321,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "36_tedianqishi",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/36_tedianqishi",
     date: "2002年6月5日",
   },
   {
@@ -335,7 +330,7 @@ const data = [
     describe: "描述",
     content: "内容",
     type: "类型",
-    link: "37_tudigeming",
+    link: "https://houseoss.4dkankan.com/chuanshan/pdf/37_tudigeming",
     date: "2012年",
   },
 ];

src/views/layout/header.vue

@@ -172,6 +172,7 @@ export default {
       align-items: center;
       font-weight: bold;
       letter-spacing: 0.08rem;
+      white-space: nowrap;
       > img {
         cursor: pointer;
       }
@@ -205,7 +206,7 @@ export default {
         }
         span {
           display: block;
-          font-size: .875rem;
+          font-size: 0.875rem;
         }
         .child-nav {
           display: none;
@@ -245,6 +246,7 @@ export default {
       min-width: 25rem;
       > li {
         padding: 0 0.42rem;
+        white-space: nowrap;
       }
     }
     .right {

src/views/spirit/index.vue

@@ -1,36 +1,11 @@
 <template>
   <div class="dy-con">
     <div class="dynamic">
-      <div class="aside">
-        <mSidebar
-          :activeId="String(activeId)"
-          :list="list"
-          @handleItem="handleItem"
-          class="m-sidebar"
-        >
-          <div slot="bottom" class="search-cls">
-            <input
-              type="text"
-              placeholder="在此搜索"
-              @keyup.enter="getCollection"
-              v-model="keyword"
-            />
-            <div @click="getCollection" class="search-btn primary">
-              <img :src="require('@/assets/images/search.png')" alt />
-            </div>
-          </div>
-        </mSidebar>
-      </div>
-      <div class="d-body">
-        <Article :title="activeItem.title">
-          <div class="info" :slot="'info'">
-            <span>{{ activeItem.createTime }}</span>
-            <!-- <span>{{activeItem.author}}</span> -->
-            <span>浏览次数：{{ activeItem.viewCount || 1 }}次</span>
-          </div>
-          <div :slot="'content'" v-html="activeItem.content"></div>
-        </Article>
-      </div>
+      <ul class="spirit-list">
+        <li class="item" v-for="(item, i) in list" :key="i">
+          <span class="item-title">{{ item.name }}</span>
+        </li>
+      </ul>
     </div>
   </div>
 </template>
@@ -126,13 +101,6 @@ export default {
   },
   mounted() {
     this.getNews();
-    // jQuery(".pdf_test").media({
-    //   width: "100%",
-    //   height: "800px",
-    //   autoplay: true,
-    //   src:
-    //     "http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf",
-    // });
   },
   watch: {
     activeId(newVal) {
@@ -170,6 +138,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
+@import "../assets/style/globalVars.less";
 .dy-con {
   width: 100%;
   background: #f1f1f1;
@@ -217,4 +186,20 @@ export default {
     }
   }
 }
+.spirit-list {
+  display: block;
+  width: 100%;
+  width: ;
+  li {
+    width: 100%;
+    display: block;
+    text-align: left;
+    font-size: 24px;
+    font-weight: bolder;
+    line-height: 48px;
+    padding: 70px 0;
+    margin: 20px 0;
+    border-bottom: 1px solid #999;
+  }
+}
 </style>