地标合影：接入真实数据

src/views/gui/LandmarkEditor.vue

@@ -2,7 +2,7 @@
   <div class="landmark-editor">
     <div class="group-photo-wrapper">
       <img
-        src="@/assets/images/entries/wen-wu-shang-xi.png"
+        :src="require(`@/assets/images/landmarks/${$route.query.landmarkId}-bg.png`)"
         alt=""
         class="bg"
         draggable="false"

src/views/gui/LandmarkList.vue

@@ -53,45 +53,70 @@ export default {
     return {
       landmarkList: [
         {
-          bgImg: require(`@/assets/images/entries/shu-fa.png`),
-          name: '地标名称',
+          bgImg: require(`@/assets/images/landmarks/1-thumbnail.png`),
+          name: '正门左侧',
+          id: 1,
         },
         {
-          bgImg: require(`@/assets/images/entries/shu-fa.png`),
-          name: '地标名称',
+          bgImg: require(`@/assets/images/landmarks/2-thumbnail.png`),
+          name: '正门右侧',
+          id: 2,
         },
+        // {
+        //   bgImg: require(`@/assets/images/landmarks/3-thumbnail.png`),
+        //   name: '地标名称',
+        // id: 3,
+        // },
         {
-          bgImg: require(`@/assets/images/entries/shu-fa.png`),
-          name: '地标名称',
+          bgImg: require(`@/assets/images/landmarks/4-thumbnail.png`),
+          name: '正门（近景）',
+          id: 4,
         },
         {
-          bgImg: require(`@/assets/images/entries/shu-fa.png`),
-          name: '地标名称',
+          bgImg: require(`@/assets/images/landmarks/5-thumbnail.png`),
+          name: '正门（远景）',
+          id: 5,
         },
         {
-          bgImg: require(`@/assets/images/entries/shu-fa.png`),
-          name: '地标名称',
+          bgImg: require(`@/assets/images/landmarks/6-thumbnail.png`),
+          name: '正门高空',
+          id: 6,
         },
+        // {
+        //   bgImg: require(`@/assets/images/landmarks/7-thumbnail.png`),
+        //   name: '地标名称',
+        // id: 7,
+        // },
         {
-          bgImg: require(`@/assets/images/entries/shu-fa.png`),
-          name: '地标名称',
-        },
-        {
-          bgImg: require(`@/assets/images/entries/shu-fa.png`),
-          name: '地标名称',
-        },
-        {
-          bgImg: require(`@/assets/images/entries/shu-fa.png`),
-          name: '地标名称',
-        },
-        {
-          bgImg: require(`@/assets/images/entries/shu-fa.png`),
-          name: '地标名称',
-        },
-        {
-          bgImg: require(`@/assets/images/entries/shu-fa.png`),
-          name: '地标名称',
+          bgImg: require(`@/assets/images/landmarks/8-thumbnail.png`),
+          name: '一楼浮雕',
+          id: 8,
         },
+        // {
+        //   bgImg: require(`@/assets/images/landmarks/9-thumbnail.png`),
+        //   name: '地标名称',
+        //   id: 9,
+        // },
+        // {
+        //   bgImg: require(`@/assets/images/landmarks/10-thumbnail.png`),
+        //   name: '地标名称',
+        //   id: 10,
+        // },
+        // {
+        //   bgImg: require(`@/assets/images/landmarks/11-thumbnail.png`),
+        //   name: '地标名称',
+        //   id: 11,
+        // },
+        // {
+        //   bgImg: require(`@/assets/images/landmarks/12-thumbnail.png`),
+        //   name: '地标名称',
+        //   id: 12,
+        // },
+        // {
+        //   bgImg: require(`@/assets/images/landmarks/13-thumbnail.png`),
+        //   name: '地标名称',
+        //   id: 13,
+        // },
       ],
       selectedIdx: null,
       isLoading: false,
@@ -168,7 +193,8 @@ export default {
         this.$router.push({
           name: 'LandmarkEditor',
           query: {
-            personImgUrl: encodeURI(url)
+            personImgUrl: encodeURI(url),
+            landmarkId: this.landmarkList[this.selectedIdx].id
           }
         })
       }).catch((err) => {