合并

src/icons/svg/book.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1661743832292" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2901" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28"><path d="M954.91469 199.385698c-142.917728-62.20359-302.688252-62.498301-442.90855-1.727338-140.248951-60.770964-300.059384-60.475229-442.948459 1.727338l-17.275421 7.513099v664.698469l40.250646-17.527154c135.543798-59.014974 287.940393-55.87036 418.48535 8.314347l0.533141 1.066282c0.280385-0.168845 0.619099-0.279362 0.955766-0.44923 0.280385 0.169868 0.619099 0.280385 0.955766 0.44923l0.506536-1.066282c130.612496-64.184706 282.967134-67.32932 418.467954-8.314347l40.280321 17.527154V206.898797l-17.30305-7.513099z m-40.223016 586.20183c-122.356478-42.639037-254.093584-41.402886-373.920454 2.698454V353.873926h-57.54244v434.412056c-119.82687-44.101339-251.590582-45.281209-373.918407-2.698454V244.958548c131.147684-51.486525 276.128393-45.966823 401.208906 15.477476l0.533141 1.066282c0.280385-0.153496 0.619099-0.266059 0.955766-0.421601 0.280385 0.154519 0.619099 0.268106 0.955767 0.421601l0.506535-1.066282c125.050837-61.444298 270.019267-66.964 401.223232-15.477476v540.62898z" p-id="2902"></path><path d="M195.597426 526.439845h172.580245V325.09759h-172.580245v201.342255z m57.527089-143.802886h57.52709v86.275796H253.124515v-86.275796zM195.597426 612.727921h172.580245v57.52709h-172.580245zM627.060319 325.09759h230.104265v57.539369H627.060319zM684.587409 468.912755h172.577175v57.52709H684.587409zM627.060319 612.727921h230.104265v57.52709H627.060319z" p-id="2903"></path></svg>
\ No newline at end of file

src/icons/svg/book1.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1661743828956" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2758" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28"><path d="M948.224 221.184l-73.728-12.288v-51.2c0-13.312-7.168-26.624-18.432-33.792-11.264-7.168-25.6-9.216-37.888-4.096l-307.2 122.88-307.2-122.88c-12.288-5.12-26.624-3.072-37.888 4.096s-18.432 20.48-18.432 33.792v51.2l-73.728 12.288c-18.432 4.096-32.768 20.48-32.768 40.96v561.152c0 21.504 16.384 38.912 36.864 40.96l430.08 43.008h8.192l430.08-43.008c20.48-2.048 36.864-19.456 36.864-40.96V262.144c0-20.48-14.336-36.864-34.816-40.96zM552.96 314.368l240.64-96.256v468.992L552.96 801.792V314.368z m-322.56-96.256L471.04 314.368v487.424L230.4 687.104V218.112zM122.88 295.936l25.6-4.096v420.864c0 15.36 9.216 29.696 23.552 36.864l109.568 52.224L122.88 786.432V295.936z m778.24 490.496l-158.72 15.36 109.568-52.224c14.336-7.168 23.552-21.504 23.552-36.864V291.84l25.6 4.096v490.496z" p-id="2759"></path><path d="M713.728 362.496l-114.688 44.032c-21.504 8.192-31.744 31.744-23.552 53.248 6.144 16.384 21.504 26.624 37.888 26.624 5.12 0 10.24-1.024 14.336-3.072l114.688-44.032c21.504-8.192 31.744-31.744 23.552-53.248-7.168-21.504-30.72-31.744-52.224-23.552zM713.728 527.36l-114.688 44.032c-21.504 8.192-31.744 31.744-23.552 53.248 6.144 16.384 21.504 26.624 37.888 26.624 5.12 0 10.24-1.024 14.336-3.072L743.424 604.16c21.504-8.192 31.744-31.744 23.552-53.248-8.192-20.48-31.744-31.744-53.248-23.552zM422.912 405.504l-114.688-44.032c-21.504-8.192-45.056 2.048-53.248 23.552-8.192 21.504 2.048 45.056 23.552 53.248l114.688 44.032c5.12 2.048 10.24 3.072 14.336 3.072 16.384 0 31.744-10.24 37.888-26.624 9.216-21.504-2.048-45.056-22.528-53.248zM422.912 571.392l-114.688-44.032c-21.504-8.192-45.056 2.048-53.248 23.552-8.192 21.504 2.048 45.056 23.552 53.248l114.688 44.032c5.12 2.048 10.24 3.072 14.336 3.072 16.384 0 31.744-10.24 37.888-26.624 9.216-21.504-2.048-45.056-22.528-53.248z" p-id="2760"></path></svg>
\ No newline at end of file

src/views/display/components/ChStyle.vue

@@ -152,11 +152,18 @@
             </div>
 
             <div class="right">
-              <a class="clearfix" @click="unitVisible = true">详情</a>
+              <a class="clearfix" @click="unitVisible = true">
+                <svg-icon icon-class="book"></svg-icon>
+                详情</a
+              >
             </div>
           </div>
 
-          <ChStyleUnit :units="node" v-for="node in displayDetail.exhibitionUnits" :key="node.euId" />
+          <ChStyleUnit
+            :units="node"
+            v-for="node in displayDetail.exhibitionUnits"
+            :key="node.euId"
+          />
         </div>
       </div>
       <div class="content-item lts">
@@ -246,8 +253,8 @@ import Video from "@/components/Video";
 import MenuList from "@/components/MenuList";
 import { previewFile } from "@/utils/index";
 // import ChStyleUnit from "./ChStyleUnit.vue";
-import ChStyleUnit from './ChStyle-unit.vue';
-import DetailDialog from './detail-dialog.vue';
+import ChStyleUnit from "./ChStyle-unit.vue";
+import DetailDialog from "./detail-dialog.vue";
 export default {
   components: {
     AudioPlayer,
@@ -281,7 +288,7 @@ export default {
       moveLeft: true,
       moveRight: true,
       audioPlaying: true,
-      unitVisible: false
+      unitVisible: false,
     };
   },
   async mounted() {
@@ -765,6 +772,9 @@ export default {
   right: 0;
   top: 50%;
   transform: translateY(-50%);
+  a {
+    font-size: 22px;
+  }
   .clearfix {
     clear: both;
   }

src/views/display/components/detail-dialog.vue

@@ -14,12 +14,12 @@
         >
           <div
             class="img"
-            :style="`background-image: url('${node.imagesVo[0]?.url}')`"
+            :style="`background-image: url('${node.imagesVo[0] &&node.imagesVo[0].url}')`"
           ></div>
           <p>
             <span class="title">{{ node.title }}</span>
             <span class="seq">{{ node.unit }}</span>
-          </p>
+          </p> 
         </div>
         <div class="article-big-title" v-else @click="handlePageChange(i, true)">
           <p>
@@ -29,7 +29,6 @@
         </div>
         <div class="book-cover" v-if="i === 0" @click="handlePageChange(i)">
           <div class="img" :style="`background-image: url('${img}')`">
-            <!-- <img :src="img" alt=""> -->
           </div>
           <p>
             <span>{{ title }}</span>
@@ -43,7 +42,7 @@
         <div class="article-content">
           <div class="content-detail">{{ list[list.length - 1].intro }}</div>
         </div>
-      </div>
+      </div> 
     </div>
   </div>
 </template>
@@ -113,8 +112,8 @@ export default {
   > div {
     // position: absolute;
     position: absolute;
-    width: 800px;
-    // width: 100%;
+    // width: 800px;
+    width: 48%;
     height: 600px;
     top: 50%;
     left: 50%;