增加中清画质文物及展览分类

src/assets/styles/variable.scss

 // $themeColor:#223e36;
 // $themeColor: #2069c4;
 $themeColor:#132c33;
+$themeSecondaryColor:#dfab46;
 $puHuiTi: "Alibaba-PuHuiTi";
 $siyuanSongBold: "SourceHanSerifCN-Bold";
 

src/views/culturalRelic/Detail.vue

@@ -17,7 +17,7 @@
           <swiper :options="swiperOption2" ref="crSwiper">
             <swiper-slide v-for="(item, i) in imagesVo" :key="i">
               <div class="img-container" @click="handelPreviewImages(imagesVo)">
-                <img :src="$getFullUrl(item.pressUrl)" alt="" />
+                <img :src="$getFullUrl(item.middleUrl)" alt="" />
               </div>
             </swiper-slide>
             <div class="swiper-pagination" slot="pagination"></div>
@@ -330,6 +330,7 @@ export default {
           {
             pressUrl: this.CRDetail.faceImagePressUrl,
             url: this.CRDetail.faceImageUrl,
+            middleUrl:this.CRDetail.middleUrl
           }
         ]
       }

src/views/culturalRelic/index.vue

@@ -50,7 +50,7 @@
                                 <img :src="
                                     $getFullUrl(item.faceImagePressUrl || item.faceImageUrl)
                                 " width="100%" class="face-image" lazy />
-                                <div class="deco-left-top">
+                                <!-- <div class="deco-left-top">
                                     <img :src="
                                         require(`@/assets/imgs/list/img-deco${item == currentImg ? '' : '-g'
                                             }.png`)
@@ -73,7 +73,7 @@
                                         require(`@/assets/imgs/list/img-deco${item == currentImg ? '' : '-g'
                                             }.png`)
                                     " alt="" />
-                                </div>
+                                </div> -->
                             </div>
                             <div class="showIcon" v-if="item && item.url3d">
                                 <svg-icon icon-class="3d" class="icon"></svg-icon>
@@ -352,15 +352,6 @@ $text-indent: 16px;
         align-items: center;
         flex-direction: column;
         padding: 24px 20%;
-        // background: rgb($themeColor, 1) url("@/assets/imgs/home/panel-bg.png");
-        // background-color: rgba(19, 44, 51,0.7);
-
-        // margin-bottom: 40px;
-        // background-image: url("@/assets/imgs/list/search-bg.png");
-        // background-size: 21%;
-        // background-color: $themeColor;
-        // background-size: 22%;
-        // height: 214px;
         .search-wrapper {
             display: flex;
             width: 100%;
@@ -369,7 +360,7 @@ $text-indent: 16px;
             .search-item {
                 // width: 215px;
                 width: 25%;
-                height: 32px;
+                height: 46px;
                 color: #999;
                 padding: 0 20px;
                 display: flex;
@@ -378,8 +369,7 @@ $text-indent: 16px;
                 justify-content: space-between;
                 border: 1px solid #ccc;
                 background-color: #fff;
-                // background: url("@/assets/imgs/list/search-button-bg.png") transparent;
-                // background-size: 100% 100%;
+
                 margin-right: 20px;
                 cursor: pointer;
 
@@ -394,21 +384,25 @@ $text-indent: 16px;
                 ::-webkit-input-placeholder {
                     /*Webkit browsers*/
                     color: #999;
+                    font-size: 14px;
                 }
 
                 :-moz-placeholder {
                     /*Mozilla Firefox 4 to 8*/
                     color: #999;
+                    font-size: 14px;
                 }
 
                 ::moz-placeholder {
                     /*Mozilla Firefox 19+*/
                     color: #999;
+                    font-size: 14px;
                 }
 
                 :-ms-input-placeholder {
                     /*Internet Explorer 10+*/
                     color: #999;
+                    font-size: 14px;
                 }
             }
         }