浏览代码

移动端展厅列表样式更新

shaogen1995 3 年之前
父节点
当前提交
ddc4b11e20

二进制
webM/src/assets/img/1185.jpg


二进制
webM/src/assets/img/1185.png


二进制
webM/src/assets/img/1186.jpg


二进制
webM/src/assets/img/1186.png


二进制
webM/src/assets/img/1187.jpg


二进制
webM/src/assets/img/1187.png


二进制
webM/src/assets/img/1188.jpg


二进制
webM/src/assets/img/1188.png


+ 6 - 6
webM/src/views/gui/component/mapNav.vue

@@ -10,7 +10,7 @@
         :key="item.id"
       >
         <div class="rowTxt" v-html="item.name"></div>
-        <img :src="require(`@/assets/img/${item.url}.png`)" alt="" />
+        <img :src="require(`@/assets/img/${item.url}.jpg`)" alt="" />
       </div>
     </div>
     <!-- 关闭按钮 -->
@@ -26,14 +26,14 @@ export default {
     //这里存放数据
     return {
       data: [
-        { name: "前言", url: "1185" },
+        { name: "序厅", url: "1185" },
         {
-          name: "<span>第一单元</span><br/>三大文明的发现地和革命地",
+          name: "<span>吴忠溯源(一)</span><br/>远古印记  魏晋南北朝时期",
           url: "1186",
         },
-        { name: "<span>第二单元</span><br/>战国秦长城西端起首地", url: "1187" },
+        { name: "<span>吴忠溯源(二)</span><br/>隋唐时期  元明清时期", url: "1187" },
         {
-          name: "<span>第三单元</span><br/>丝绸之路南线的枢纽和重镇",
+          name: "<span>红色吴忠展厅</span><br/>革命战争时期",
           url: "1188",
         },
       ],
@@ -101,7 +101,7 @@ export default {
       & > img {
         width: 100%;
         height: 120px;
-        object-fit: cover;
+        object-fit: contain;
       }
     }
     .rowTxt {