Преглед на файлове

Merge branch 'master' into local-deploy

任一存 преди 3 години
родител
ревизия
7999ad6f53
променени са 82 файла, в които са добавени 75 реда и са изтрити 19 реда
  1. BIN
      public/hand-rotate-frames/f/10.jpg
  2. BIN
      public/hand-rotate-frames/f/11.jpg
  3. BIN
      public/hand-rotate-frames/f/12.jpg
  4. BIN
      public/hand-rotate-frames/f/13.jpg
  5. BIN
      public/hand-rotate-frames/f/14.jpg
  6. BIN
      public/hand-rotate-frames/f/15.jpg
  7. BIN
      public/hand-rotate-frames/f/16.jpg
  8. BIN
      public/hand-rotate-frames/f/17.jpg
  9. BIN
      public/hand-rotate-frames/f/18.jpg
  10. BIN
      public/hand-rotate-frames/f/19.jpg
  11. BIN
      public/hand-rotate-frames/f/2.jpg
  12. BIN
      public/hand-rotate-frames/f/20.jpg
  13. BIN
      public/hand-rotate-frames/f/21.jpg
  14. BIN
      public/hand-rotate-frames/f/22.jpg
  15. BIN
      public/hand-rotate-frames/f/23.jpg
  16. BIN
      public/hand-rotate-frames/f/24.jpg
  17. BIN
      public/hand-rotate-frames/f/25.jpg
  18. BIN
      public/hand-rotate-frames/f/26.jpg
  19. BIN
      public/hand-rotate-frames/f/27.jpg
  20. BIN
      public/hand-rotate-frames/f/28.jpg
  21. BIN
      public/hand-rotate-frames/f/29.jpg
  22. BIN
      public/hand-rotate-frames/f/3.jpg
  23. BIN
      public/hand-rotate-frames/f/30.jpg
  24. BIN
      public/hand-rotate-frames/f/31.jpg
  25. BIN
      public/hand-rotate-frames/f/32.jpg
  26. BIN
      public/hand-rotate-frames/f/33.jpg
  27. BIN
      public/hand-rotate-frames/f/34.jpg
  28. BIN
      public/hand-rotate-frames/f/35.jpg
  29. BIN
      public/hand-rotate-frames/f/36.jpg
  30. BIN
      public/hand-rotate-frames/f/37.jpg
  31. BIN
      public/hand-rotate-frames/f/38.jpg
  32. BIN
      public/hand-rotate-frames/f/39.jpg
  33. BIN
      public/hand-rotate-frames/f/4.jpg
  34. BIN
      public/hand-rotate-frames/f/40.jpg
  35. BIN
      public/hand-rotate-frames/f/41.jpg
  36. BIN
      public/hand-rotate-frames/f/42.jpg
  37. BIN
      public/hand-rotate-frames/f/43.jpg
  38. BIN
      public/hand-rotate-frames/f/44.jpg
  39. BIN
      public/hand-rotate-frames/f/45.jpg
  40. BIN
      public/hand-rotate-frames/f/46.jpg
  41. BIN
      public/hand-rotate-frames/f/47.jpg
  42. BIN
      public/hand-rotate-frames/f/48.jpg
  43. BIN
      public/hand-rotate-frames/f/49.jpg
  44. BIN
      public/hand-rotate-frames/f/5.jpg
  45. BIN
      public/hand-rotate-frames/f/50.jpg
  46. BIN
      public/hand-rotate-frames/f/51.jpg
  47. BIN
      public/hand-rotate-frames/f/52.jpg
  48. BIN
      public/hand-rotate-frames/f/53.jpg
  49. BIN
      public/hand-rotate-frames/f/54.jpg
  50. BIN
      public/hand-rotate-frames/f/55.jpg
  51. BIN
      public/hand-rotate-frames/f/56.jpg
  52. BIN
      public/hand-rotate-frames/f/57.jpg
  53. BIN
      public/hand-rotate-frames/f/58.jpg
  54. BIN
      public/hand-rotate-frames/f/59.jpg
  55. BIN
      public/hand-rotate-frames/f/6.jpg
  56. BIN
      public/hand-rotate-frames/f/60.jpg
  57. BIN
      public/hand-rotate-frames/f/61.jpg
  58. BIN
      public/hand-rotate-frames/f/62.jpg
  59. BIN
      public/hand-rotate-frames/f/63.jpg
  60. BIN
      public/hand-rotate-frames/f/64.jpg
  61. BIN
      public/hand-rotate-frames/f/65.jpg
  62. BIN
      public/hand-rotate-frames/f/66.jpg
  63. BIN
      public/hand-rotate-frames/f/67.jpg
  64. BIN
      public/hand-rotate-frames/f/68.jpg
  65. BIN
      public/hand-rotate-frames/f/69.jpg
  66. BIN
      public/hand-rotate-frames/f/7.jpg
  67. BIN
      public/hand-rotate-frames/f/70.jpg
  68. BIN
      public/hand-rotate-frames/f/71.jpg
  69. BIN
      public/hand-rotate-frames/f/72.jpg
  70. BIN
      public/hand-rotate-frames/f/73.jpg
  71. BIN
      public/hand-rotate-frames/f/74.jpg
  72. BIN
      public/hand-rotate-frames/f/75.jpg
  73. BIN
      public/hand-rotate-frames/f/8.jpg
  74. BIN
      public/hand-rotate-frames/f/9.jpg
  75. BIN
      src/assets/image/home.png
  76. BIN
      src/assets/image/left.png
  77. BIN
      src/assets/image/right.png
  78. 29 0
      src/exhibitionData.js
  79. 8 1
      src/store/index.js
  80. 1 1
      src/views/End.vue
  81. 34 14
      src/views/ExhibitionDetailAnimation.vue
  82. 3 3
      src/views/TreeSelection.vue

BIN
public/hand-rotate-frames/f/10.jpg


BIN
public/hand-rotate-frames/f/11.jpg


BIN
public/hand-rotate-frames/f/12.jpg


BIN
public/hand-rotate-frames/f/13.jpg


BIN
public/hand-rotate-frames/f/14.jpg


BIN
public/hand-rotate-frames/f/15.jpg


BIN
public/hand-rotate-frames/f/16.jpg


BIN
public/hand-rotate-frames/f/17.jpg


BIN
public/hand-rotate-frames/f/18.jpg


BIN
public/hand-rotate-frames/f/19.jpg


BIN
public/hand-rotate-frames/f/2.jpg


BIN
public/hand-rotate-frames/f/20.jpg


BIN
public/hand-rotate-frames/f/21.jpg


BIN
public/hand-rotate-frames/f/22.jpg


BIN
public/hand-rotate-frames/f/23.jpg


BIN
public/hand-rotate-frames/f/24.jpg


BIN
public/hand-rotate-frames/f/25.jpg


BIN
public/hand-rotate-frames/f/26.jpg


BIN
public/hand-rotate-frames/f/27.jpg


BIN
public/hand-rotate-frames/f/28.jpg


BIN
public/hand-rotate-frames/f/29.jpg


BIN
public/hand-rotate-frames/f/3.jpg


BIN
public/hand-rotate-frames/f/30.jpg


BIN
public/hand-rotate-frames/f/31.jpg


BIN
public/hand-rotate-frames/f/32.jpg


BIN
public/hand-rotate-frames/f/33.jpg


BIN
public/hand-rotate-frames/f/34.jpg


BIN
public/hand-rotate-frames/f/35.jpg


BIN
public/hand-rotate-frames/f/36.jpg


BIN
public/hand-rotate-frames/f/37.jpg


BIN
public/hand-rotate-frames/f/38.jpg


BIN
public/hand-rotate-frames/f/39.jpg


BIN
public/hand-rotate-frames/f/4.jpg


BIN
public/hand-rotate-frames/f/40.jpg


BIN
public/hand-rotate-frames/f/41.jpg


BIN
public/hand-rotate-frames/f/42.jpg


BIN
public/hand-rotate-frames/f/43.jpg


BIN
public/hand-rotate-frames/f/44.jpg


BIN
public/hand-rotate-frames/f/45.jpg


BIN
public/hand-rotate-frames/f/46.jpg


BIN
public/hand-rotate-frames/f/47.jpg


BIN
public/hand-rotate-frames/f/48.jpg


BIN
public/hand-rotate-frames/f/49.jpg


BIN
public/hand-rotate-frames/f/5.jpg


BIN
public/hand-rotate-frames/f/50.jpg


BIN
public/hand-rotate-frames/f/51.jpg


BIN
public/hand-rotate-frames/f/52.jpg


BIN
public/hand-rotate-frames/f/53.jpg


BIN
public/hand-rotate-frames/f/54.jpg


BIN
public/hand-rotate-frames/f/55.jpg


BIN
public/hand-rotate-frames/f/56.jpg


BIN
public/hand-rotate-frames/f/57.jpg


BIN
public/hand-rotate-frames/f/58.jpg


BIN
public/hand-rotate-frames/f/59.jpg


BIN
public/hand-rotate-frames/f/6.jpg


BIN
public/hand-rotate-frames/f/60.jpg


BIN
public/hand-rotate-frames/f/61.jpg


BIN
public/hand-rotate-frames/f/62.jpg


BIN
public/hand-rotate-frames/f/63.jpg


BIN
public/hand-rotate-frames/f/64.jpg


BIN
public/hand-rotate-frames/f/65.jpg


BIN
public/hand-rotate-frames/f/66.jpg


BIN
public/hand-rotate-frames/f/67.jpg


BIN
public/hand-rotate-frames/f/68.jpg


BIN
public/hand-rotate-frames/f/69.jpg


BIN
public/hand-rotate-frames/f/7.jpg


BIN
public/hand-rotate-frames/f/70.jpg


BIN
public/hand-rotate-frames/f/71.jpg


BIN
public/hand-rotate-frames/f/72.jpg


BIN
public/hand-rotate-frames/f/73.jpg


BIN
public/hand-rotate-frames/f/74.jpg


BIN
public/hand-rotate-frames/f/75.jpg


BIN
public/hand-rotate-frames/f/8.jpg


BIN
public/hand-rotate-frames/f/9.jpg


BIN
src/assets/image/home.png


BIN
src/assets/image/left.png


BIN
src/assets/image/right.png


+ 29 - 0
src/exhibitionData.js

@@ -2,6 +2,7 @@ export default {
   theme: {
     g: {
       text: "从毕加索到基弗—路德<br>维希的艺术课",
+      time: '2019年3月10日—6月9日',
       arrowDown: false,
       theme: "blue",
       id: "g",
@@ -21,6 +22,7 @@ export default {
     },
     h: {
       text: "世界巨匠—意大利<br>文艺复兴三杰",
+      time: '2018年11月28日—2019年2月24日',
       arrowDown: false,
       theme: "blue",
       id: "h",
@@ -40,6 +42,7 @@ export default {
     },
     i: {
       text: "万水千山—南京博物院<br>藏历代山水画迎春特展",
+      time: '2022年1月20日—',
       arrowDown: false,
       theme: "blue",
       id: "i",
@@ -53,6 +56,7 @@ export default {
     },
     j: {
       text: "称霸侏罗纪—我是一只<br>威猛的恐龙",
+      time: '2018年7月14日—10月7日',
       arrowDown: false,
       theme: "blue",
       id: "j",
@@ -72,6 +76,7 @@ export default {
     },
     k: {
       text: "金色阿富汗—古代<br>文明的十字路口",
+      time: '2019年7月9日—10月9日',
       arrowDown: false,
       theme: "blue",
       id: "k",
@@ -91,6 +96,7 @@ export default {
     },
     l: {
       text: "暑期动物“缘”",
+      time: '2019年6月28日—8月31日',
       arrowDown: false,
       theme: "blue",
       id: "l",
@@ -110,6 +116,7 @@ export default {
     },
     m: {
       text: "晶华—矿物之至善至美",
+      time: '2020年11月26日—2021年5月5日',
       arrowDown: false,
       theme: "blue",
       id: "m",
@@ -129,6 +136,7 @@ export default {
     },
     n: {
       text: "浮世绘艺术",
+      time: '2021年7月21日—12月19日',
       arrowDown: false,
       theme: "blue",
       id: "n",
@@ -150,6 +158,7 @@ export default {
   wuyiba: {
     aa: {
       text: "家·国—中国传统人<br>伦精神展演",
+      time: '2022年5月18日-',
       arrowDown: false,
       id: "aa",
       imageNumber: 12,
@@ -158,6 +167,7 @@ export default {
     },
     a: {
       text: "在此—中国生活<br>艺术展",
+      time: '2015年5月18日—6月24日',
       arrowDown: false,
       id: "a",
       imageNumber: 0,
@@ -171,6 +181,7 @@ export default {
     },
     b: {
       text: "缀白裘—南京博物院<br>藏品征集十年",
+      time: '2017年5月16日—8月16日',
       arrowDown: false,
       id: "b",
       imageNumber: 0,
@@ -183,6 +194,7 @@ export default {
     },
     c: {
       text: "呼吸—中国传统文化<br>中的当代形塑",
+      time: '2016年5月18日—7月17日',
       arrowDown: false,
       id: "c",
       imageNumber: 5,
@@ -191,6 +203,7 @@ export default {
     },
     d: {
       text: "穆夏—欧洲新艺<br>术运动瑰宝",
+      time: '2018年5月18日—8月28日',
       arrowDown: false,
       id: "d",
       imageNumber: 0,
@@ -209,6 +222,7 @@ export default {
     },
     e: {
       text: "融·合:从春秋到秦汉—中国<br>传统文化中的 多元与包容",
+      time: '2020年5月17日—9月4日',
       arrowDown: false,
       id: "e",
       imageNumber: 0,
@@ -227,6 +241,7 @@ export default {
     },
     f: {
       text: "藏品架起沟通<br>的桥梁",
+      time: '2014年5月18日—10月15日',
       arrowDown: false,
       id: "f",
       imageNumber: 0,
@@ -242,6 +257,7 @@ export default {
   traditionModern: {
     oa: {
       text: "南腔北调—传统<br>戏曲艺术展",
+      time: '2015年10月30日-2016年春节',
       arrowDown: false,
       theme: "green",
       id: "oa",
@@ -252,6 +268,7 @@ export default {
     },
     o: {
       text: "走进养心殿—大清<br>的家国天下",
+      time: '2017年12月22日—2018年3月22日',
       arrowDown: false,
       theme: "green",
       id: "o",
@@ -265,6 +282,7 @@ export default {
     },
     p: {
       text: "温·婉—中国古代<br>女性文物大展",
+      time: '2015年8月11日—10月31日',
       arrowDown: false,
       theme: "green",
       id: "p",
@@ -283,6 +301,7 @@ export default {
     },
     q: {
       text: "宋韵—士大夫的<br>精神世界",
+      time: '2021年12月18日—2022年3月20日',
       arrowDown: false,
       theme: "green",
       id: "q",
@@ -302,6 +321,7 @@ export default {
     },
     r: {
       text: "考古江苏",
+      time: '2021年7月1日—10月8日',
       arrowDown: false,
       theme: "green",
       id: "r",
@@ -321,6 +341,7 @@ export default {
     },
     s: {
       text: "金色中国—中国<br>古代金器大展",
+      time: '2013年11月6日—2014年2月6日',
       arrowDown: false,
       theme: "green",
       id: "s",
@@ -335,6 +356,7 @@ export default {
     },
     t: {
       text: "法老·王—古埃及文明和<br>中国汉代文明的故事",
+      time: '2016年8月10日—2017年1月9日',
       arrowDown: false,
       theme: "green",
       id: "t",
@@ -348,6 +370,7 @@ export default {
     },
     u: {
       text: "和·合—中国传统<br>文化中的和谐之道",
+      time: '2015年12月26日—2016年4月20日',
       arrowDown: false,
       theme: "green",
       id: "u",
@@ -362,6 +385,7 @@ export default {
     },
     v: {
       text: "兄弟王—从满城汉墓<br>到大云山汉墓",
+      time: '2019年12月20日—2020年5月31日',
       arrowDown: false,
       theme: "green",
       id: "v",
@@ -381,6 +405,7 @@ export default {
     },
     w: {
       text: "百花呈瑞—南京博物院<br>藏历代花鸟画迎春特展",
+      time: '2020年12月26日—2021年3月28日',
       arrowDown: false,
       theme: "green",
       id: "w",
@@ -400,6 +425,7 @@ export default {
     },
     x: {
       text: "青藤白阳—徐渭、陈<br>淳书画艺术特展",
+      time: '2017年8月29日—11月28日',
       arrowDown: false,
       theme: "green",
       id: "x",
@@ -413,6 +439,7 @@ export default {
     },
     y: {
       text: "仰之弥高—二十世纪<br>中国画大家展",
+      time: '2019年11月27日—2020年4月20日',
       arrowDown: false,
       theme: "green",
       id: "y",
@@ -432,6 +459,7 @@ export default {
     },
     z: {
       text: "帝国盛世—沙俄与<br>大清的黄金时代",
+      time: '2017年6月10日—9月10日',
       arrowDown: false,
       theme: "green",
       id: "z",
@@ -445,6 +473,7 @@ export default {
     },
     za: {
       text: "回家过年",
+      time: '2018年2月2日—4月10日',
       arrowDown: false,
       theme: "green",
       id: "za",

+ 8 - 1
src/store/index.js

@@ -4,16 +4,23 @@ Vue.use(vuex)
 
 const store = new vuex.Store({
   state: {
-    hasShownTreeSelectionPageTip: false
+    hasShownTreeSelectionPageTip: false,
+    selectedTreeTabIdx: -1,
   },
   getters: {
     needShowTreeSelectionPageTip: state => {
       return !state.hasShownTreeSelectionPageTip
+    },
+    selectedTreeTabIdx: state => {
+      return state.selectedTreeTabIdx
     }
   },
   mutations: {
     recordShownTreeSelectionPageTip (state) {
       state.hasShownTreeSelectionPageTip = true
+    },
+    setSelectedTreeTabIdx(state, v) {
+      state.selectedTreeTabIdx = v
     }
   },
   actions: {

+ 1 - 1
src/views/End.vue

@@ -26,7 +26,7 @@
 export default {
   data() {
     return {
-      videoSrc: `${this.$backEndBaseUrl}publicityVideo/在此展览--中国陈设艺术专业委员会出品.mp4`,
+      videoSrc: `${this.$backEndBaseUrl}publicityVideo/publicity-video.mp4`,
       beganPlay: false,
       showPlayBtn: false,
     }

+ 34 - 14
src/views/ExhibitionDetailAnimation.vue

@@ -1,8 +1,13 @@
 <template>
   <div class="root">
-    <h2 :class="$route.query.exhibitionType">
-      {{ title }}
-    </h2>
+    <div class="top-wrapper">
+      <h2 :class="$route.query.exhibitionType">
+        {{ title }}
+      </h2>
+      <p class="time">
+        展览时间:{{ time }}
+      </p>
+    </div>
     <img
       v-for="index of frameNumber"
       v-show="index - 1 === currentFrameIdx || index - 1 === currentFrameIdx - 1"
@@ -59,6 +64,9 @@ export default {
     title() {
       return this.choosenExhibition.text.split('<br>').join('')
     },
+    time() {
+      return this.choosenExhibition.time
+    },
     frameLoadProgress() {
       return Math.floor(this.loadedNumber / frameNumber * 100) + '%'
     },
@@ -108,23 +116,35 @@ export default {
   width: 100%;
   height: 100%;
   overflow: hidden;
-  > h2 {
+  > .top-wrapper {
     position: absolute;
-    top: 2rem;
+    top: 2.5rem;
     left: 50%;
     transform: translateX(-50%);
     z-index: 1;
-    font-weight: bold;
-    width: 13.8rem;
     line-height: 1.5;
-    &.theme {
-      color: #18489D;
-    }
-    &.wuyiba {
-      color: #F15835;
+    width: 13.66rem;
+    > h2 {
+      font-size: 0.94rem;
+      font-family: Source Han Sans CN;
+      font-weight: 800;
+      line-height: 1.41rem;
+      &.theme {
+        color: #18489D;
+      }
+      &.wuyiba {
+        color: #F15835;
+      }
+      &.traditionModern {
+        color: #2FB779;
+      }
     }
-    &.traditionModern {
-      color: #2FB779;
+    > .time {
+      margin: 0.3rem 0 0;
+      font-size: 0.72rem;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      color: #909090;
     }
   }
   > .frame {

+ 3 - 3
src/views/TreeSelection.vue

@@ -168,7 +168,6 @@ export default {
   components: { TreeFruit },
   data() {
     return {
-      currentTab: -1,
       exhibitionData,
 
       curFrameIdxBlue: 0,
@@ -185,6 +184,7 @@ export default {
   computed: {
     ...mapGetters({
       showTip: 'needShowTreeSelectionPageTip',
+      currentTab: 'selectedTreeTabIdx',
     }),
   },
   mounted() {
@@ -256,7 +256,7 @@ export default {
   },
   methods: {
     onClickExhibTabBtn(idx) {
-      this.currentTab = idx
+      this.$store.commit("setSelectedTreeTabIdx", idx)
     },
     onClickTip() {
       this.$store.commit("recordShownTreeSelectionPageTip")
@@ -297,7 +297,7 @@ export default {
 
 <style lang="less" scoped>
 .tree-selection {
-  position: relative;
+  position: absolute;
   width: 100%;
   height: 100%;
   .popup-mask {