Home Explore Help
Register Sign In
chenzhiguang
/
mao_exhition
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

0709

chenzhiguang 4 years ago
parent
f5ebbc37f4
commit
d6c35b5f2d
3 changed files with 50 additions and 47 deletions
Split View Show Diff Stats
  1. 1 1
      public/index.html
  2. 39 39
      src/data/index.js
  3. 10 7
      src/views/Home.vue

+ 1 - 1
public/index.html
View File 

@@ -5,7 +5,7 @@
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
-    <title>银信乡音</title>
 
+    <title>毛泽东同志遗物专题展</title>
 
   </head>
 
   <body>
 
     <noscript>

+ 39 - 39
src/data/index.js
View File 

@@ -25,7 +25,7 @@ const data = {
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东用过的塑料梳子', //名字
 
-          desc: '1-01_k00010',//文物描述
 
+          desc: '',//文物描述
 
           type:'img',
 
           folder:'1-01_K00007',//文物文件夹
 
           url:['K00007-1.jpg','K00007-2.jpg','K00007-3.jpg','K00007-4.jpg'],  
@@ -33,9 +33,9 @@ const data = {
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东用过的塑料梳子', //名字
 
-          desc: '1-01_k00010',//文物描述
 
+          desc: '',//文物描述
 
           type:'img',
 
-          folder:'',//文物文件夹
 
+          folder:'1-01_k00010',//文物文件夹
 
           url:['k00010-1.jpg','k00010-2.jpg','k00010-3.jpg','k00010-4.jpg'],  
           thumb:'k00010-1.jpg',
 
         }
 
@@ -51,112 +51,112 @@ const data = {
 
           name:'1958-1976年毛泽东用过的牛皮理发箱', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss01&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss01&v=1',  
           thumb:'ss01.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东用过的明星生发油', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss03&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss03&v=1',  
           thumb:'ss03.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东用过的玻璃瓶子', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss04&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss04&v=1',  
           thumb:'ss04.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东用过的装有发乳的玻璃瓶1', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss05&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss05&v=1',  
           thumb:'ss05.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东用过的装有发乳的玻璃瓶2', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss06&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss06&v=1',  
           thumb:'ss06.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东用过的剃须膏', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss08&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss08&v=1',  
           thumb:'ss08.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东用过的竹齿牛骨梳子', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss09&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss09&v=1',  
           thumb:'ss09.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东理发用的金属推剪', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss11_04&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss11_04&v=1',  
           thumb:'ss11_04.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东理发用的金属剪刀1', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss11_02&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss11_02&v=1',  
           thumb:'ss11_02.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东理发用的金属剪刀2', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss11_03&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss11_03&v=1',  
           thumb:'ss11_03.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东理发用过的不锈钢剃须刀', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss11_01&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss11_01&v=1',  
           thumb:'ss11_01.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东用过的美尔面爽身粉', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss07&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss07&v=1',  
           thumb:'ss07.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东理发用过的黑毛刷', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss02_02&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss02_02&v=1',  
           thumb:'ss02_02.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东理发用过的木柄刷', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss10&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss10&v=1',  
           thumb:'ss10.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东用过的木制梳子', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss02_01&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss02_01&v=1',  
           thumb:'ss02_01.jpg',
 
         },
 
         {
 
           name:'20世纪50-70年代毛泽东用过的耳勺', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss02_04&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss02_04&v=1',  
           thumb:'ss02_04.jpg',
 
         },
 
         {
 
@@ -219,21 +219,21 @@ const data = {
 
           name:'1949年毛泽东访问苏联穿过的黑呢中山服（衣）', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss44&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss44&v=1',  
           thumb:'ss44.jpg',
 
         },
 
         {
 
           name:'1949年毛泽东访问苏联穿过的黑呢中山服（帽）', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss45&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss45&v=1',  
           thumb:'ss45.jpg',
 
         },
 
         {
 
           name:'1949年毛泽东访问苏联穿过的黑呢中山服（裤）', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss46&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss46&v=1',  
           thumb:'ss46.jpg',
 
         }
 
       ]
 
@@ -248,21 +248,21 @@ const data = {
 
           name:'1956年毛泽东在纪念孙中山诞辰九十周年纪念大会上穿过的中山服（衣）', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss57&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss57&v=1',  
           thumb:'ss57.jpg',
 
         },
 
         {
 
           name:'1956年毛泽东在纪念孙中山诞辰九十周年纪念大会上穿过的中山服（裤）', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss55&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss55&v=1',  
           thumb:'ss55.jpg',
 
         },
 
         {
 
           name:'1956年毛泽东在纪念孙中山诞辰九十周年纪念大会上穿过的中山服（帽）', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss13&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss13&v=1',  
           thumb:'ss13.jpg',
 
         }
 
       ]
 
@@ -405,7 +405,7 @@ const data = {
 
           name:'20世纪60年代毛泽东穿过的哔叽风衣', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss14&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss14&v=1',  
           thumb:'ss14.jpg',
 
         }
 
       ]
 
@@ -436,7 +436,7 @@ const data = {
 
           name:'20世纪50-60年代毛泽东外出视察时用过的望远镜', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss15&v=1 ',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss15&v=1 ',  
           thumb:'ss15.jpg',
 
         }
 
       ]
 
@@ -451,35 +451,35 @@ const data = {
 
           name:'20世纪70年代毛泽东外出视察时使用的牛皮水箱', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss16&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss16&v=1',  
           thumb:'ss16.jpg',
 
         },
 
         {
 
           name:'20世纪70年代毛泽东外出视察时使用的牛皮水箱中的杯子1', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss17_01&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss17_01&v=1',  
           thumb:'ss17_01.jpg',
 
         },
 
         {
 
           name:'20世纪70年代毛泽东外出视察时使用的牛皮水箱中的杯子2', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss17_02&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss17_02&v=1',  
           thumb:'ss17_02.jpg',
 
         },
 
         {
 
           name:'20世纪70年代毛泽东外出视察时使用的牛皮水箱中的水壶1', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss18&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss18&v=1',  
           thumb:'ss18.jpg',
 
         },
 
         {
 
           name:'20世纪70年代毛泽东外出视察时使用的牛皮水箱中的水壶2', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss19&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss19&v=1',  
           thumb:'ss19.jpg',
 
         }
 
       ]
 
@@ -494,7 +494,7 @@ const data = {
 
           name:'20世纪40年代毛泽东用过的塑料盐盒', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss20&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss20&v=1',  
           thumb:'ss20.jpg',
 
         }
 
       ]
 
@@ -525,7 +525,7 @@ const data = {
 
           name:'1954年毛泽东用过的木制药箱', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss39&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss39&v=1',  
           thumb:'ss39.jpg',
 
         }
 
       ]
 
@@ -548,7 +548,7 @@ const data = {
 
           name:'20世纪50年代毛泽东在中南海丰泽园故居东房用过的办公桌', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss40&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss40&v=1',  
           thumb:'ss40.jpg',
 
         }
 
       ]
 
@@ -611,7 +611,7 @@ const data = {
 
           name:'20世纪60年代毛泽东在中南海丰泽园故居卧室用过的电话机', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss42&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss42&v=1',  
           thumb:'ss42.jpg',
 
         }
 
       ]
 
@@ -626,7 +626,7 @@ const data = {
 
           name:'1972年毛泽东在中南海游泳池故居接见尼克松、田中角荣、卡翁达时坐过的沙发', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss52&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss52&v=1',  
           thumb:'ss52.jpg',
 
         }
 
       ]
 
@@ -641,14 +641,14 @@ const data = {
 
           name:'1972年毛泽东保存的美国总统理查德·米尔豪斯·尼克松访华时在宴会上赠送的高脚玻璃酒杯', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss21&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss21&v=1',  
           thumb:'ss21.jpg',
 
         },
 
         {
 
           name:'1972年毛泽东保存的美国总统尼克松的有机玻璃签名名片', //名字
 
           desc: '',//文物描述
 
           type:'model',
 
-          url:'https://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss51&v=1',  
+          url:'http://4dscene.4dage.com/culturalrelics/SSBWG/Model.html?m=ss51&v=1',  
           thumb:'ss51.jpg',
 
         }
 
       ]

+ 10 - 7
src/views/Home.vue
View File 

@@ -18,7 +18,7 @@
 
         <span>{{currentData.title}}</span>
 
       </div>
 
       <div class="desc" v-html="currentData.desc"> </div>
 
-      <div class="con">
 
+      <div class="con" :class="{modelcon:active.type == 'model'}">
 
         <div class="maincon">
 
           <iframe
 
             v-if="active.type == 'model'"
 
@@ -149,11 +149,12 @@ export default {
 
         margin: 0 auto;
 
         display: inline-block;
 
         position: absolute;
 
-        width: 100%;
 
+        width: 80%;
 
         text-align: center;
 
         top: 42%;
 
         letter-spacing: 1px;
 
-        font-size: 24px;
 
+        font-size: 18px;
 
+        font-weight: bold;
 
         left: 50%;
 
         transform: translate(-50%, -50%);
 
       }
 
@@ -170,7 +171,7 @@ export default {
 
       font-size: 0;
 
       margin-top: 3%;
 
       .maincon{
 
-        height: 65%;
 
+        height: 100%;
 
         width: 100%;
 
         overflow: hidden;
 
         position: relative;
 
@@ -191,14 +192,12 @@ export default {
 
               }
 
             }
 
           }
 
-          
         }
 
-        
       }
 
       .name {
 
         background: #edb25b;
 
         font-size: 14px;
 
-        height: 30%;
 
+        max-height: 16vh;
 
         padding: 2% 4%;
 
         color: #b20303;
 
         overflow-x: hidden;
 
@@ -242,6 +241,10 @@ export default {
 
         }
 
       }
 
     }
 
+    .modelcon{
 
+      height: 42%;
 
+      min-height: 42%;
 
+    }
 
   }
 
   .bottom {
 
     height: 5%;