Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
project_group
/
leshan_museum
2
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu khéo về 0 Wiki
Browse Source

upp

shaogen1995 2 năm trước cách đây
mục cha
54d3321db9
commit
336f8ab510
6 tập tin đã thay đổi với 3664 bổ sung và 894 xóa
View chưa được định nghĩa Hiển thị tình trạng sai khác
  1. BIN
      文物鉴赏子系统/vueapp/favicon.ico
  2. 1 0
      文物鉴赏子系统/vueapp/index.html
  3. 2839 0
      文物鉴赏子系统/vueapp/package-lock.json
  4. 95 81
      文物鉴赏子系统/vueapp/src/views/home.vue
  5. 102 76
      文物鉴赏子系统/vueapp/src/views/home_pc.vue
  6. 627 737
      文物鉴赏子系统/vueapp/yarn.lock

BIN
文物鉴赏子系统/vueapp/favicon.ico
Xem Tập Tin


+ 1 - 0
文物鉴赏子系统/vueapp/index.html
Xem Tập Tin 

@@ -5,6 +5,7 @@
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
 
   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
 
   <title>乐山大佛文物子系统</title>
 
   <title>乐山大佛文物子系统</title>
 
+  <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
   <div id="app"></div>
 
   <div id="app"></div>

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 2839 - 0
文物鉴赏子系统/vueapp/package-lock.json


+ 95 - 81
文物鉴赏子系统/vueapp/src/views/home.vue
Xem Tập Tin 

@@ -3,13 +3,27 @@
 
     <div class="collbody">
 
     <div class="collbody">
 
       <div class="collbody-top">
 
       <div class="collbody-top">
 
         <div class="collbody-search">
 
         <div class="collbody-search">
 
-          <van-search @search="reset" shape="round" v-model="keyword" placeholder="请输入关键词" />
 
-          <van-button @click="reset" round size="small" type="default">搜索</van-button>
 
-          <van-button @click="keyword = ''" round size="small" color="#ffffff" plain>重置</van-button>
 
+          <van-search
 
+            @search="reset"
 
+            shape="round"
 
+            v-model="keyword"
 
+            placeholder="请输入关键词"
 
+          />
 
+          <van-button @click="reset" round size="small" type="default"
 
+            >搜索</van-button
 
+          >
 
+          <van-button
 
+            @click="keyword = ''"
 
+            round
 
+            size="small"
 
+            color="#ffffff"
 
+            plain
 
+            >重置</van-button
 
+          >
 
         </div>
 
         </div>
 
 
 
         <div class="collbody-tabs">
 
         <div class="collbody-tabs">
 
-          <van-dropdown-menu style="width: 100%;">
 
+          <van-dropdown-menu style="width: 100%">
 
             <van-dropdown-item v-model="value1" :options="menu1" />
 
             <van-dropdown-item v-model="value1" :options="menu1" />
 
             <van-dropdown-item v-model="value2" :options="menu2" />
 
             <van-dropdown-item v-model="value2" :options="menu2" />
 
             <van-dropdown-item v-model="value3" :options="menu3" />
 
             <van-dropdown-item v-model="value3" :options="menu3" />
 
@@ -19,23 +33,35 @@
 
 
 
       <div class="list" ref="list$">
 
       <div class="list" ref="list$">
 
         <van-skeleton :loading="isSkeleton" :row="30" />
 
         <van-skeleton :loading="isSkeleton" :row="30" />
 
-        <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="getList">
 
-          <div @click="clickItem(item)" class="vitem" v-for="item in list" :key="item">
 
+        <van-list
 
+          v-model:loading="loading"
 
+          :finished="finished"
 
+          finished-text="没有更多了"
 
+          @load="getList"
 
+        >
 
+          <div
 
+            @click="clickItem(item)"
 
+            class="vitem"
 
+            v-for="item in list"
 
+            :key="item"
 
+          >
 
             <!-- v-lazy="img"  -->
 
             <!-- v-lazy="img"  -->
 
-            <img v-lazy="`${$config.MODELLINKPERFIX}${item.thumb}`" :src="`${$config.MODELLINKPERFIX}${item.thumb}`"
 
-              alt="">
 
+            <img
 
+              v-lazy="`${$config.MODELLINKPERFIX}${item.thumb}`"
 
+              :src="`${$config.MODELLINKPERFIX}${item.thumb}`"
 
+              alt=""
 
+            />
 
             <div class="van-ellipsis">{{ item.name }}</div>
 
             <div class="van-ellipsis">{{ item.name }}</div>
 
           </div>
 
           </div>
 
         </van-list>
 
         </van-list>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
-
 
   </div>
 
   </div>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
-import { ref, shallowReactive, watch, onMounted } from 'vue';
 
-import http from '@/api/index.js'
 
+import { ref, shallowReactive, watch, onMounted } from "vue";
 
+import http from "@/api/index.js";
 
 
 
 export default {
 
 export default {
 
   setup() {
 
   setup() {
 
@@ -46,28 +72,19 @@ export default {
 
     const finished = ref(false);
 
     const finished = ref(false);
 
     const active = ref(0);
 
     const active = ref(0);
 
     const list$ = ref(null);
 
     const list$ = ref(null);
 
-    const keyword = ref('');
 
-
 
-
 
-    const pageNum = ref(1)
 
-    const pageSize = ref(14)
 
-
 
+    const keyword = ref("");
 
 
 
-    const value1 = ref('');
 
-    const value2 = ref('');
 
-    const value3 = ref('');
 
+    const pageNum = ref(1);
 
+    const pageSize = ref(14);
 
 
 
+    const value1 = ref("");
 
+    const value2 = ref("");
 
+    const value3 = ref("");
 
 
 
     const menuList = shallowReactive({
 
     const menuList = shallowReactive({
 
-      option1: [
 
-        { text: '文物类别', value: '' },
 
-      ],
 
-      option2: [
 
-        { text: '质地', value: '' },
 
-      ],
 
-      option3: [
 
-        { text: '年代', value: '' },
 
-      ],
 
+      option1: [{ text: "文物类别", value: "" }],
 
+      option2: [{ text: "质地", value: "" }],
 
+      option3: [{ text: "年代", value: "" }],
 
     });
 
     });
 
 
 
     /**
 
     /**
 
@@ -75,42 +92,49 @@ export default {
 
      */
 
      */
 
     (async () => {
 
     (async () => {
 
       let result = (await http.get(`show/dict/getTree`)).data;
 
       let result = (await http.get(`show/dict/getTree`)).data;
 
-      result.data.forEach(item => {
 
+      result.data.forEach((item) => {
 
         for (let i = 1; i <= 3; i++) {
 
         for (let i = 1; i <= 3; i++) {
 
-          if (menuList['option' + i][0].text === item.name) {
 
-            menuList['option' + i] = menuList['option' + i].concat((item.children.map(sub => { return { text: sub.name, value: sub.name } })))
 
+          if (menuList["option" + i][0].text === item.name) {
 
+            menuList["option" + i] = menuList["option" + i].concat(
 
+              item.children.map((sub) => {
 
+                return { text: sub.name, value: sub.name };
 
+              })
 
+            );
 
           }
 
           }
 
         }
 
         }
 
-      })
 
+      });
 
     })();
 
     })();
 
 
 
     const reset = () => {
 
     const reset = () => {
 
-      isSkeleton.value = true
 
+      isSkeleton.value = true;
 
       finished.value = false;
 
       finished.value = false;
 
-      pageNum.value = 1
 
-      list$.value && (list$.value.scrollTop = 0)
 
+      pageNum.value = 1;
 
+      list$.value && (list$.value.scrollTop = 0);
 
       setTimeout(() => {
 
       setTimeout(() => {
 
-        list.value = []
 
-        getList()
 
+        list.value = [];
 
+        getList();
 
       }, 200);
 
       }, 200);
 
-    }
 
+    };
 
 
 
     const getList = async () => {
 
     const getList = async () => {
 
-
 
-      let fixSearchType = [value1.value, value2.value, value3.value].filter(Boolean).join(',')
 
-
 
-      let result = (await http.post(`show/ledger/pageList`, {
 
-        "pageNum": pageNum.value,
 
-        "pageSize": pageSize.value,
 
-        "searchKey": keyword.value,
 
-        "searchType": keyword.value ? 'name' : fixSearchType,
 
-      })).data.data;
 
-
 
-
 
-      list.value = list.value.concat(result.records)
 
+      // let fixSearchType = [value1.value, value2.value, value3.value].filter(Boolean).join(',')
 
+
 
+      let result = (
 
+        await http.post(`show/ledger/pageList`, {
 
+          pageNum: pageNum.value,
 
+          pageSize: pageSize.value,
 
+          searchKey: keyword.value,
 
+          // "searchType": keyword.value ? 'name' : fixSearchType,
 
+          dictGoodsType: value1.value,
 
+          dictTexture: value2.value,
 
+          dictAge: value3.value,
 
+        })
 
+      ).data.data;
 
+
 
+      list.value = list.value.concat(result.records);
 
 
 
       if (isSkeleton.value) {
 
       if (isSkeleton.value) {
 
-        isSkeleton.value = false
 
+        isSkeleton.value = false;
 
       }
 
       }
 
 
 
       // 加载状态结束
 
       // 加载状态结束
 
@@ -118,19 +142,17 @@ export default {
 
 
 
       // 数据全部加载完成
 
       // 数据全部加载完成
 
 
 
-      pageNum.value = result.current + 1
 
-      pageSize.value = result.size
 
+      pageNum.value = result.current + 1;
 
+      pageSize.value = result.size;
 
 
 
       if (list.value.length >= result.total) {
 
       if (list.value.length >= result.total) {
 
         finished.value = true;
 
         finished.value = true;
 
       }
 
       }
 
-
 
-    }
 
-
 
+    };
 
 
 
     watch([value1, value2, value3], () => {
 
     watch([value1, value2, value3], () => {
 
-      console.log('result:watch', value1.value, value2.value, value3.value);
 
-      reset()
 
+      console.log("result:watch", value1.value, value2.value, value3.value);
 
+      reset();
 
     });
 
     });
 
 
 
     return {
 
     return {
 
@@ -147,32 +169,30 @@ export default {
 
       value3,
 
       value3,
 
       menuList,
 
       menuList,
 
       getList,
 
       getList,
 
-      reset
 
+      reset,
 
     };
 
     };
 
   },
 
   },
 
 
 
   computed: {
 
   computed: {
 
     menu1() {
 
     menu1() {
 
-      return this.menuList.option1
 
+      return this.menuList.option1;
 
     },
 
     },
 
     menu2() {
 
     menu2() {
 
-      return this.menuList.option2
 
+      return this.menuList.option2;
 
     },
 
     },
 
     menu3() {
 
     menu3() {
 
-      return this.menuList.option3
 
-    }
 
+      return this.menuList.option3;
 
+    },
 
   },
 
   },
 
 
 
   data() {
 
   data() {
 
-    return {
 
-    };
 
+    return {};
 
   },
 
   },
 
   methods: {
 
   methods: {
 
     clickItem(item) {
 
     clickItem(item) {
 
-      this.$router.push({ name: 'CulturalRelics', params: { id: item.id } })
 
-    }
 
+      this.$router.push({ name: "CulturalRelics", params: { id: item.id } });
 
+    },
 
   },
 
   },
 
-
 
 };
 
 };
 
 </script>
 
 </script>
 
 
 
@@ -219,7 +239,6 @@ export default {
 
         background-color: none;
 
         background-color: none;
 
         width: 100%;
 
         width: 100%;
 
         padding-top: 10px;
 
         padding-top: 10px;
 
-
 
       }
 
       }
 
     }
 
     }
 
 
 
@@ -243,31 +262,27 @@ export default {
 
         --rightmargin: 3%;
 
         --rightmargin: 3%;
 
         --divh: 40px;
 
         --divh: 40px;
 
 
 
-        >img {
 
+        > img {
 
           width: 100%;
 
           width: 100%;
 
           height: 140px;
 
           height: 140px;
 
           font-size: 0;
 
           font-size: 0;
 
           object-fit: cover;
 
           object-fit: cover;
 
         }
 
         }
 
 
 
-        >div {
 
+        > div {
 
           font-size: 14px;
 
           font-size: 14px;
 
           padding: 0 4px;
 
           padding: 0 4px;
 
           height: var(--divh);
 
           height: var(--divh);
 
           line-height: var(--divh);
 
           line-height: var(--divh);
 
         }
 
         }
 
 
 
-        &:nth-child(2n+1) {
 
+        &:nth-child(2n + 1) {
 
           margin-right: var(--rightmargin);
 
           margin-right: var(--rightmargin);
 
         }
 
         }
 
-
 
       }
 
       }
 
-
 
     }
 
     }
 
   }
 
   }
 
 
 
-
 
-
 
   &-swipe {
 
   &-swipe {
 
     img {
 
     img {
 
       width: 100%;
 
       width: 100%;
 
@@ -280,7 +295,6 @@ export default {
 
   .van-tab--active {
 
   .van-tab--active {
 
     color: var(--van-primary-color);
 
     color: var(--van-primary-color);
 
   }
 
   }
 
-
 
 }
 
 }
 
 
 
 .van-overlay {
 
 .van-overlay {
 
@@ -294,12 +308,12 @@ export default {
 
   .sticky-tabs {
 
   .sticky-tabs {
 
     position: relative;
 
     position: relative;
 
 
 
-    >ul {
 
+    > ul {
 
       flex-wrap: wrap;
 
       flex-wrap: wrap;
 
       display: flex;
 
       display: flex;
 
       padding: 0 10px 10px;
 
       padding: 0 10px 10px;
 
 
 
-      >li {
 
+      > li {
 
         margin: 10px;
 
         margin: 10px;
 
         color: #333333;
 
         color: #333333;
 
         font-size: 14px;
 
         font-size: 14px;
 
@@ -332,7 +346,7 @@ export default {
 
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
 
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
 
   border-radius: 50%;
 
   border-radius: 50%;
 
 
 
-  >img {
 
+  > img {
 
     width: 100%;
 
     width: 100%;
 
   }
 
   }
 
 }
 
 }

+ 102 - 76
文物鉴赏子系统/vueapp/src/views/home_pc.vue
Xem Tập Tin 

@@ -6,11 +6,42 @@
 
     </div>
 
     </div>
 
     <div class="c-con">
 
     <div class="c-con">
 
       <div class="ccheader">
 
       <div class="ccheader">
 
-        <Dropdown @onSelect="val => { value1 = val }" :options="menu1.slice(1)" :default-option="menu1[0].text" />
 
-        <Dropdown @onSelect="val => { value2 = val }" :options="menu2.slice(1)" :default-option="menu2[0].text" />
 
-        <Dropdown @onSelect="val => { value3 = val }" :options="menu3.slice(1)" :default-option="menu3[0].text" />
 
+        <Dropdown
 
+          @onSelect="
 
+            (val) => {
 
+              value1 = val;
 
+            }
 
+          "
 
+          :options="menu1.slice(1)"
 
+          :default-option="menu1[0].text"
 
+        />
 
+        <Dropdown
 
+          @onSelect="
 
+            (val) => {
 
+              value2 = val;
 
+            }
 
+          "
 
+          :options="menu2.slice(1)"
 
+          :default-option="menu2[0].text"
 
+        />
 
+        <Dropdown
 
+          @onSelect="
 
+            (val) => {
 
+              value3 = val;
 
+            }
 
+          "
 
+          :options="menu3.slice(1)"
 
+          :default-option="menu3[0].text"
 
+        />
 
         <div class="cchr">
 
         <div class="cchr">
 
-          <Search @search="val => { keyword = val; reset() }" />
 
+          <Search
 
+            @search="
 
+              (val) => {
 
+                keyword = val;
 
+                reset();
 
+              }
 
+            "
 
+          />
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
 
 
@@ -22,13 +53,13 @@
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
-import Dropdown from '@/components/Dropdown.vue';
 
-import Search from '@/components/Search.vue';
 
+import Dropdown from "@/components/Dropdown.vue";
 
+import Search from "@/components/Search.vue";
 
 
 
-import CollectionSwiper from '@/components/CollectionSwiper.vue';
 
+import CollectionSwiper from "@/components/CollectionSwiper.vue";
 
 
 
-import { ref, shallowReactive, watch, onMounted } from 'vue';
 
-import http from '@/api/index.js'
 
+import { ref, shallowReactive, watch, onMounted } from "vue";
 
+import http from "@/api/index.js";
 
 
 
 export default {
 
 export default {
 
   setup() {
 
   setup() {
 
@@ -39,28 +70,19 @@ export default {
 
     const finished = ref(false);
 
     const finished = ref(false);
 
     const active = ref(0);
 
     const active = ref(0);
 
     const list$ = ref(null);
 
     const list$ = ref(null);
 
-    const keyword = ref('');
 
+    const keyword = ref("");
 
 
 
+    const pageNum = ref(1);
 
+    const pageSize = ref(14);
 
 
 
-    const pageNum = ref(1)
 
-    const pageSize = ref(14)
 
-
 
-
 
-    const value1 = ref('');
 
-    const value2 = ref('');
 
-    const value3 = ref('');
 
-
 
+    const value1 = ref("");
 
+    const value2 = ref("");
 
+    const value3 = ref("");
 
 
 
     const menuList = shallowReactive({
 
     const menuList = shallowReactive({
 
-      option1: [
 
-        { text: '文物类别', value: '' },
 
-      ],
 
-      option2: [
 
-        { text: '质地', value: '' },
 
-      ],
 
-      option3: [
 
-        { text: '年代', value: '' },
 
-      ],
 
+      option1: [{ text: "文物类别", value: "" }],
 
+      option2: [{ text: "质地", value: "" }],
 
+      option3: [{ text: "年代", value: "" }],
 
     });
 
     });
 
 
 
     /**
 
     /**
 
@@ -68,41 +90,49 @@ export default {
 
      */
 
      */
 
     (async () => {
 
     (async () => {
 
       let result = (await http.get(`show/dict/getTree`)).data;
 
       let result = (await http.get(`show/dict/getTree`)).data;
 
-      result.data.forEach(item => {
 
+      result.data.forEach((item) => {
 
         for (let i = 1; i <= 3; i++) {
 
         for (let i = 1; i <= 3; i++) {
 
-          if (menuList['option' + i][0].text === item.name) {
 
-            menuList['option' + i] = menuList['option' + i].concat((item.children.map(sub => { return { text: sub.name, value: sub.name } })))
 
+          if (menuList["option" + i][0].text === item.name) {
 
+            menuList["option" + i] = menuList["option" + i].concat(
 
+              item.children.map((sub) => {
 
+                return { text: sub.name, value: sub.name };
 
+              })
 
+            );
 
           }
 
           }
 
         }
 
         }
 
-      })
 
+      });
 
     })();
 
     })();
 
 
 
     const reset = () => {
 
     const reset = () => {
 
-      isSkeleton.value = true
 
+      isSkeleton.value = true;
 
       finished.value = false;
 
       finished.value = false;
 
-      pageNum.value = 1
 
-      list$.value && (list$.value.scrollTop = 0)
 
-      list.value = []
 
-      getList()
 
-    }
 
+      pageNum.value = 1;
 
+      list$.value && (list$.value.scrollTop = 0);
 
+      list.value = [];
 
+      getList();
 
+    };
 
 
 
     const getList = async () => {
 
     const getList = async () => {
 
       if (finished.value) return;
 
       if (finished.value) return;
 
 
 
-      let fixSearchType = [value1.value, value2.value, value3.value].filter(Boolean).join(',')
 
-
 
-      let result = (await http.post(`show/ledger/pageList`, {
 
-        "pageNum": pageNum.value,
 
-        "pageSize": pageSize.value,
 
-        "searchKey": keyword.value,
 
-        "searchType": keyword.value ? 'name' : fixSearchType,
 
-      })).data.data;
 
+      // let fixSearchType = [value1.value, value2.value, value3.value].filter(Boolean).join(',')
 
 
 
+      let result = (
 
+        await http.post(`show/ledger/pageList`, {
 
+          pageNum: pageNum.value,
 
+          pageSize: pageSize.value,
 
+          searchKey: keyword.value,
 
+          // "searchType": keyword.value ? 'name' : fixSearchType,
 
+          dictGoodsType: value1.value,
 
+          dictTexture: value2.value,
 
+          dictAge: value3.value,
 
+        })
 
+      ).data.data;
 
 
 
-      list.value = list.value.concat(result.records)
 
+      list.value = list.value.concat(result.records);
 
 
 
       if (isSkeleton.value) {
 
       if (isSkeleton.value) {
 
-        isSkeleton.value = false
 
+        isSkeleton.value = false;
 
       }
 
       }
 
 
 
       // 加载状态结束
 
       // 加载状态结束
 
@@ -110,22 +140,24 @@ export default {
 
 
 
       // 数据全部加载完成
 
       // 数据全部加载完成
 
 
 
-      pageNum.value = result.current + 1
 
-      pageSize.value = result.size
 
+      pageNum.value = result.current + 1;
 
+      pageSize.value = result.size;
 
 
 
       if (list.value.length >= result.total) {
 
       if (list.value.length >= result.total) {
 
         finished.value = true;
 
         finished.value = true;
 
       }
 
       }
 
+    };
 
 
 
-    }
 
-
 
-
 
-    watch([value1, value2, value3], () => {
 
-      console.log('result:watch', value1.value, value2.value, value3.value);
 
-      reset()
 
-    }, {
 
-      immediate: true
 
-    });
 
+    watch(
 
+      [value1, value2, value3],
 
+      () => {
 
+        console.log("result:watch", value1.value, value2.value, value3.value);
 
+        reset();
 
+      },
 
+      {
 
+        immediate: true,
 
+      }
 
+    );
 
 
 
     return {
 
     return {
 
       list,
 
       list,
 
@@ -141,43 +173,37 @@ export default {
 
       value3,
 
       value3,
 
       menuList,
 
       menuList,
 
       getList,
 
       getList,
 
-      reset
 
+      reset,
 
     };
 
     };
 
   },
 
   },
 
 
 
   computed: {
 
   computed: {
 
     menu1() {
 
     menu1() {
 
-      return this.menuList.option1
 
+      return this.menuList.option1;
 
     },
 
     },
 
     menu2() {
 
     menu2() {
 
-      return this.menuList.option2
 
+      return this.menuList.option2;
 
     },
 
     },
 
     menu3() {
 
     menu3() {
 
-      return this.menuList.option3
 
-    }
 
+      return this.menuList.option3;
 
+    },
 
   },
 
   },
 
 
 
   data() {
 
   data() {
 
-    return {
 
-    };
 
+    return {};
 
   },
 
   },
 
   methods: {
 
   methods: {
 
     clickItem(item) {
 
     clickItem(item) {
 
-      this.$router.push({ name: 'CulturalRelics', params: { id: item.id } })
 
+      this.$router.push({ name: "CulturalRelics", params: { id: item.id } });
 
     },
 
     },
 
-    onReachEnd() {
 
-
 
-    }
 
+    onReachEnd() {},
 
   },
 
   },
 
   components: {
 
   components: {
 
     Dropdown,
 
     Dropdown,
 
     Search,
 
     Search,
 
-    CollectionSwiper
 
+    CollectionSwiper,
 
   },
 
   },
 
-
 
 };
 
 };
 
-
 
-
 
 </script>
 
 </script>
 
 
 
 <style lang="less">
 
 <style lang="less">
 
@@ -186,7 +212,7 @@ export default {
 
   height: 100%;
 
   height: 100%;
 
 
 
   .c-header {
 
   .c-header {
 
-    background-image: url('@/assets/images/banner-js.jpg');
 
+    background-image: url("@/assets/images/banner-js.jpg");
 
     background-size: cover;
 
     background-size: cover;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-position: -120px center;
 
     background-position: -120px center;
 
@@ -198,11 +224,11 @@ export default {
 
     width: 100%;
 
     width: 100%;
 
     height: 20%;
 
     height: 20%;
 
 
 
-    >h1 {
 
+    > h1 {
 
       font-size: 36px;
 
       font-size: 36px;
 
     }
 
     }
 
 
 
-    >p {
 
+    > p {
 
       font-size: 20px;
 
       font-size: 20px;
 
       margin-top: 10px;
 
       margin-top: 10px;
 
     }
 
     }

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 627 - 737
文物鉴赏子系统/vueapp/yarn.lock