update0803

web/public/static/css/main.css

@@ -4067,7 +4067,7 @@ a.hasHover:hover, a:active {
     height: 30px;
     line-height: 30px;
     padding: 0 8px;
-    color: #DBA761;
+    color: #fff;
     background-color: rgba(0, 0, 0, .7);
     overflow: hidden;
     white-space: nowrap;
@@ -4126,6 +4126,10 @@ a.hasHover:hover, a:active {
     border: 3px solid #DBA761;
 }
 
+.frame .slidee li.thumbImg.active>.overlay, .frame .slidee li.thumbImg.hasHover.active>.overlay:hover {
+    color: #DBA761;
+}
+
 .scrollbar {
     width: calc(100% - 10px);
     margin: 0 5px;
@@ -6420,7 +6424,8 @@ a.hasHover.tag-link:hover {
     line-height: 19px;
     border-radius: 10px;
     -webkit-transtion: all .4s ease-in-out;
-    transition: all .4s ease-in-out
+    transition: all .4s ease-in-out;
+    background: rgba(0, 0, 0, 0.5);
 }
 
 #meta-info.share-link {

web/src/components/hotspot/image.vue

@@ -1,10 +1,10 @@
 <template>
     <div v-if="!isMobile" class="images" :style="{backgroundImage:`url(${require('@/assets/images/project/hotspot_bg.jpg')})`}">
-      <div class="title">{{hotspot.title}}</div>
+      <div class="title" v-html="hotspot.title"></div>
       <div class="img-con">
-        <span @click="handlePage('prev')" >上一张</span>
+        <span v-if="hotspot.images.length>1" @click="handlePage('prev')" >上一张</span>
         <img v-viewer :src="hotspot.images[active]" alt="">
-        <span @click="handlePage('next')">下一张</span>
+        <span v-if="hotspot.images.length>1" @click="handlePage('next')">下一张</span>
         <ul class="pagna">
           <li v-for="(item,i) in hotspot.images" :class="{active:i==active}" :key="i"></li>
         </ul>
@@ -13,7 +13,7 @@
       </div>
     </div>
     <div v-else class="mbimages" :style="{backgroundImage:`url(${require('@/assets/images/project/mb_hostpot.jpg')})`}">
-      <div class="title">{{hotspot.title}}</div>
+      <div class="title" v-html="hotspot.title"></div>
       <div class="swcon" v-swiper:mySwiper="swiperOption">
         <ul class="swiper-wrapper swiper-wrapper-n">
           <div class="swiper-slide" v-for="(item,index) in hotspot.images" :key="index">
@@ -26,7 +26,6 @@
       </div>
    
       <div v-if="hotspot.content" class="desc">
-        <p>简介：</p>
         <div v-html="hotspot.content"></div>
       </div>
     </div>
@@ -76,7 +75,7 @@ export default {
         autoplay: false,
         centeredSlides: true,
         watchSlidesProgress: true,
-        loop: true,
+        loop: this.hotspot.images.length>1,
         pagination: {
           el: '.swiper-pagination'
         },
@@ -104,13 +103,13 @@ export default {
   text-align: center;
   .title{
     max-width: 94%;
-    padding: 0 60px;
+    padding: 8px 60px;
     display: inline-block;
     color: #DBA761;
     font-weight: bold;
     font-size: 30px;
     min-height: 60px;
-    line-height: 60px;
+    // line-height: 60px;
     background: #BC1515;
     border-radius: 60px;
     margin: 45px auto;
@@ -173,9 +172,10 @@ export default {
     margin: 20px auto 0;
     color: #DBA761;
     text-align: left;
-    line-height: 2;
-    max-height: 200px;
+    line-height: 1.5;
+    max-height: 250px;
     overflow-y: auto;
+    font-size: 18px;
   }
 }
 
@@ -195,7 +195,7 @@ export default {
     font-weight: bold;
     font-size: 18px;
     background: #BC1515;
-    border-radius: 60px;
+    border-radius: 44px;
     margin: 20px auto;
   }
   .swcon{

web/src/views/gui/menu.vue

@@ -78,7 +78,6 @@
                     !isGuide ? '_active' : ''
                   }.png`)
                 "
-                title="navigation icon"
               />
             </div>
 
@@ -90,12 +89,11 @@
               <img
                 class="icon icon-inside"
                 :src="require('@/assets/images/icon/inside.png')"
-                title="navigation icon"
               />
               <img
                 class="icon icon-inside active"
                 :src="require('@/assets/images/icon/inside_active.png')"
-                title="navigation icon"
+                
               />
             </div>
             <div
@@ -106,7 +104,7 @@
               <img
                 class="icon icon-inside"
                 :src="require('@/assets/images/icon/dollhouse.png')"
-                title="navigation icon"
+                
               />
               <img
                 class="icon icon-inside active"
@@ -123,12 +121,12 @@
               <img
                 class="icon icon-inside"
                 :src="require('@/assets/images/icon/floor.png')"
-                title="navigation icon"
+                
               />
               <img
                 class="active icon icon-inside active"
                 :src="require('@/assets/images/icon/floor_active.png')"
-                title="navigation icon"
+                
               />
             </div>
             <div
@@ -141,7 +139,7 @@
               <img
                 class="icon icon-inside"
                 :src="require('@/assets/images/VR.png')"
-                title="navigation icon"
+                
               />
             </div>
             <!-- <div
@@ -154,12 +152,12 @@
               <img
                 class="icon icon-inside"
                 :src="require('@/assets/images/hotlist.png')"
-                title="navigation icon"
+                
               />
               <img
                 class="icon icon-inside active"
                 :src="require('@/assets/images/hotlist.png')"
-                title="navigation icon"
+                
               />
             </div> -->
             <div
@@ -172,7 +170,7 @@
               <img
                 class="icon icon-inside"
                 :src="require('@/assets/images/face.jpg')"
-                title="navigation icon"
+                
               />
             </div>
           </div>