Showing
4 changed files
with
668 additions
and
426 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2023-07-27 11:04:04 | 2 | * @Date: 2023-07-27 11:04:04 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2023-07-31 18:23:08 | 4 | + * @LastEditTime: 2023-08-02 07:17:28 |
| 5 | * @FilePath: /map-demo/src/components/Floor/index.vue | 5 | * @FilePath: /map-demo/src/components/Floor/index.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -12,23 +12,27 @@ | ... | @@ -12,23 +12,27 @@ |
| 12 | <header class="codrops-header"> | 12 | <header class="codrops-header"> |
| 13 | <h1>3D导航地图</h1> | 13 | <h1>3D导航地图</h1> |
| 14 | </header> | 14 | </header> |
| 15 | - <div style="position: relative;"> | 15 | + <div class="tool-bar"> |
| 16 | - <div @click="onClose" style="position: absolute; z-index: 100; top: 1rem; right: 1rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; text-align: center;"> | 16 | + <div @click="onClose" class="close icon"> |
| 17 | <van-icon name="cross" size="1.25rem" /> | 17 | <van-icon name="cross" size="1.25rem" /> |
| 18 | </div> | 18 | </div> |
| 19 | - <div @click="onSearch" style="position: absolute; z-index: 100; top: 2.75rem; right: 1rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; text-align: center;"> | 19 | + <div @click="onSearch" class="search-icon icon"> |
| 20 | <van-icon name="search" size="1.25rem" /> | 20 | <van-icon name="search" size="1.25rem" /> |
| 21 | </div> | 21 | </div> |
| 22 | - <div v-if="level_show" style="position: absolute; z-index: 100; top: 4.5rem; right: 1rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; text-align: center;"> | 22 | + <div v-if="level_show" class="switch-left icon"> |
| 23 | - <span v-if="level_show < 4" @click="switchFloor('left')"><van-icon name="arrow-up" size="1.25rem" /></span> | 23 | + <span v-if="level_show < 4" @click="switchFloor('left')"> |
| 24 | + <van-icon name="arrow-up" size="1.25rem" /> | ||
| 25 | + </span> | ||
| 24 | </div> | 26 | </div> |
| 25 | - <div v-if="level_show" @click.native="onCloseLevel" style="position: absolute; z-index: 100; top: 6rem; right: 1rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; text-align: center;"> | 27 | + <div v-if="level_show" class="close-level icon" @click.native="onCloseLevel"> |
| 26 | <span> | 28 | <span> |
| 27 | <van-icon name="points" size="1.25rem" /> | 29 | <van-icon name="points" size="1.25rem" /> |
| 28 | </span> | 30 | </span> |
| 29 | </div> | 31 | </div> |
| 30 | - <div v-if="level_show" style="position: absolute; z-index: 100; top: 8rem; right: 1rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; text-align: center;"> | 32 | + <div v-if="level_show" class="switch-right icon"> |
| 31 | - <span v-if="level_show > 1" @click="switchFloor('right')"><van-icon name="arrow-down" size="1.25rem" /></span> | 33 | + <span v-if="level_show > 1" @click="switchFloor('right')"> |
| 34 | + <van-icon name="arrow-down" size="1.25rem" /> | ||
| 35 | + </span> | ||
| 32 | </div> | 36 | </div> |
| 33 | </div> | 37 | </div> |
| 34 | <div class="mall"> | 38 | <div class="mall"> |
| ... | @@ -36,395 +40,32 @@ | ... | @@ -36,395 +40,32 @@ |
| 36 | <img class="surroundings__map" src="./surroundings.svg" alt="Surroundings" /> | 40 | <img class="surroundings__map" src="./surroundings.svg" alt="Surroundings" /> |
| 37 | </div> --> | 41 | </div> --> |
| 38 | <div class="levels"> | 42 | <div class="levels"> |
| 39 | - <div @click="onFloorClick(1)" class="level level--1" aria-label="Level 1"> | 43 | + <div v-for="(level, index) in level_list" :key="index" @click="onFloorClick(index + 1)" |
| 40 | - <svg class="map map--1" viewBox="0 0 1200 800" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"> | 44 | + :class="['level', 'level--' + (index + 1)]"> |
| 41 | - <title>Map Level 1</title> | 45 | + <div v-html="level.svg"></div> |
| 42 | - <polygon | ||
| 43 | - points="1035.94 787.41 1035.94 423.16 855.37 423.16 855.37 350.52 1187.28 350.52 1187.28 12.59 548.09 12.59 548.09 68.87 437.36 68.87 437.36 12.59 49.37 12.59 49.37 366.5 12.72 366.5 12.72 787.41 356.2 787.41 414.93 584.41 554.4 584.41 627.81 787.41 1035.94 787.41" | ||
| 44 | - class="map__ground" /> | ||
| 45 | - <path | ||
| 46 | - d="M1187.28,12.59V350.52H855.37v72.64h180.58V787.41H627.81l-73.41-203H414.93l-58.73,203H12.72V366.5H49.37V12.59h388V68.87H548.08V12.59h639.19M1200,0H535.36V56.28H450.09V0H36.65V353.91H0V800H365.8l2.64-9.13L424.52,597H545.44l70.39,194.65,3,8.35h429.82V410.57H868.09V363.11H1200V0h0Z" | ||
| 47 | - class="map__outline" /> | ||
| 48 | - <path | ||
| 49 | - d="M425.68,198.63c-6.85-14.83-46.38-30.35-58-11.24-41.24,67.9-83.63,118.16-65.12,124.22,7.55,2.48,56.77.11,94.11-54.39,21.35-31.13,31.71-52.74,29-58.59h0Z" | ||
| 50 | - class="map__lake" /> | ||
| 51 | - <ellipse cx="389.64" cy="214.94" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 52 | - <ellipse cx="369.54" cy="191.71" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 53 | - <ellipse cx="354.59" cy="220.27" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 54 | - <path | ||
| 55 | - d="M724.87,696.45c14.61,7.58,42.34-6.42,52.85-26.15,24.57-46.13-43.25-126.94-61.66-120.57-7.5,2.6-6.47,29.34-4.4,82.81C713.74,686.25,719.12,693.46,724.87,696.45Z" | ||
| 56 | - class="map__lake" /> | ||
| 57 | - <ellipse cx="738.82" cy="595.48" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 58 | - <ellipse cx="768.46" cy="605.4" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 59 | - <ellipse cx="744.64" cy="624.92" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 60 | - <polygon data-space="1.04" points="874.9,554.3 874.9,422.9 1036.1,422.9 1036.1,576.6 965.2,576.6 965.2,555" | ||
| 61 | - class="map__space" /> | ||
| 62 | - <rect x="854.08" y="639.79" width="88.09" height="147.62" class="map__space" /> | ||
| 63 | - <rect x="947.85" y="639.79" width="88.09" height="147.62" class="map__space" /> | ||
| 64 | - <polygon | ||
| 65 | - points="768.46 722.99 789.65 735.1 789.65 759.31 768.46 771.42 747.27 759.31 747.27 735.1 768.46 722.99" | ||
| 66 | - class="map__space" /> | ||
| 67 | - <rect x="666.88" y="565.62" width="26.26" height="25.99" class="map__space" /> | ||
| 68 | - <rect data-space="1.07" x="716.66" y="354.39" width="110.72" height="136.73" class="map__space" /> | ||
| 69 | - <rect x="602.1" y="354.39" width="110.72" height="136.73" class="map__space" /> | ||
| 70 | - <path data-space="1.05" | ||
| 71 | - d="M454.76,266.19h63a24.34,24.34,0,0,1,24.47,24.21h0V489.82A24.34,24.34,0,0,1,517.74,514h-63a24.34,24.34,0,0,1-24.47-24.21h0V290.4a24.34,24.34,0,0,1,24.47-24.21h0Z" | ||
| 72 | - class="map__space" /> | ||
| 73 | - <path d="M492.72,123.19c30.57,0,55.36-24.53,55.36-54.78H437.36C437.36,98.67,462.15,123.19,492.72,123.19Z" | ||
| 74 | - class="map__space" /> | ||
| 75 | - <rect data-space="1.09" x="600" y="12.59" width="93.14" height="168.14" class="map__space" /> | ||
| 76 | - <rect data-space="1.08" x="698.07" y="12" width="93.14" height="168.14" class="map__space" /> | ||
| 77 | - <rect x="796.13" y="12" width="93.14" height="107.12" class="map__space" /> | ||
| 78 | - <rect x="894.18" y="12" width="93.14" height="107.12" class="map__space" /> | ||
| 79 | - <rect data-space="1.03" x="991.9" y="12" width="195.4" height="339.1" class="map__space" /> | ||
| 80 | - <rect x="602" y="278.06" width="385.71" height="72.46" class="map__space" /> | ||
| 81 | - <rect x="48.89" y="209.37" width="169.92" height="94.85" class="map__space" /> | ||
| 82 | - <rect data-space="1.02" x="49.12" y="110.57" width="254.49" height="94.85" class="map__space" /> | ||
| 83 | - <rect data-space="1.06" x="49.09" y="12.16" width="334.73" height="94.85" class="map__space" /> | ||
| 84 | - <polygon | ||
| 85 | - points="898.12 182.42 919.31 194.53 919.31 218.74 898.12 230.85 876.93 218.74 876.93 194.53 898.12 182.42" | ||
| 86 | - class="map__space" /> | ||
| 87 | - <polygon | ||
| 88 | - points="49.18 309.14 218.94 309.14 218.94 358.1 277.46 358.1 277.46 474.63 11.72 474.63 11.72 365.63 49.18 365.63 49.18 309.14" | ||
| 89 | - class="map__space" /> | ||
| 90 | - <polygon data-space="1.01" | ||
| 91 | - points="12.72 685.56 153.78 685.56 153.78 747.64 215.44 747.64 215.44 712.85 263.89 712.85 263.89 787.41 12.72 787.41 12.72 685.56" | ||
| 92 | - class="map__space" /> | ||
| 93 | - <rect x="48.08" y="501.73" width="35.61" height="35.23" class="map__space" /> | ||
| 94 | - <rect x="94.01" y="501.73" width="35.61" height="35.23" class="map__space" /> | ||
| 95 | - <rect x="139.5" y="501.73" width="35.61" height="35.23" class="map__space" /> | ||
| 96 | - <rect x="48.3" y="547.25" width="35.61" height="35.23" class="map__space" /> | ||
| 97 | - <rect x="94.24" y="547.25" width="35.61" height="35.23" class="map__space" /> | ||
| 98 | - <rect x="139.72" y="547.25" width="35.61" height="35.23" class="map__space" /> | ||
| 99 | - <rect x="282.3" y="478.13" width="26.26" height="25.99" class="map__space" /> | ||
| 100 | - <polygon | ||
| 101 | - points="218.01 585.07 239.2 597.17 239.2 621.38 218.01 633.49 196.82 621.38 196.82 597.17 218.01 585.07" | ||
| 102 | - class="map__space" /> | ||
| 103 | - <polygon points="410.01 601.42 358.8 778.44 320.06 767.07 372.92 591.6 410.01 601.42" class="map__space" /> | ||
| 104 | - <polygon points="561.3,603.9 624,777 661.9,763.2 597.7,591.5" class="map__space" /> | ||
| 105 | - </svg> | ||
| 106 | <div class="level__pins"> | 46 | <div class="level__pins"> |
| 107 | - <a class="pin pin--1-1" data-category="1" data-space="1.01" aria-label="Pin for Apple Heart"> | 47 | + <a v-for="(item, index) in level.pin" :key="index" class="pin" :style="item.style" |
| 108 | - <span class="pin__icon"> | 48 | + :data-category="item.category" :data-space="item.space"> |
| 109 | - <svg class="icon icon--pin"> | ||
| 110 | - <use xlink:href="#icon-pin"></use> | ||
| 111 | - </svg> | ||
| 112 | - <svg class="icon icon--logo icon--appleheart"> | ||
| 113 | - <use xlink:href="#icon-appleheart"></use> | ||
| 114 | - </svg> | ||
| 115 | - </span> | ||
| 116 | - </a> | ||
| 117 | - <a class="pin pin--1-2" data-category="1" data-space="1.02" aria-label="Pin for Crazy Banana"> | ||
| 118 | - <span class="pin__icon"> | ||
| 119 | - <svg class="icon icon--pin"> | ||
| 120 | - <use xlink:href="#icon-pin"></use> | ||
| 121 | - </svg> | ||
| 122 | - <svg class="icon icon--logo icon--bananas"> | ||
| 123 | - <use xlink:href="#icon-bananas"></use> | ||
| 124 | - </svg> | ||
| 125 | - </span> | ||
| 126 | - </a> | ||
| 127 | - <a class="pin pin--1-3" data-category="2" data-space="1.03" aria-label="Pin for Folding Life"> | ||
| 128 | - <span class="pin__icon"> | ||
| 129 | - <svg class="icon icon--pin"> | ||
| 130 | - <use xlink:href="#icon-pin"></use> | ||
| 131 | - </svg> | ||
| 132 | - <svg class="icon icon--logo icon--origami"> | ||
| 133 | - <use xlink:href="#icon-origami"></use> | ||
| 134 | - </svg> | ||
| 135 | - </span> | ||
| 136 | - </a> | ||
| 137 | - <a class="pin pin--1-4" data-category="3" data-space="1.04" aria-label="Pin for Dress me not"> | ||
| 138 | - <span class="pin__icon"> | ||
| 139 | - <svg class="icon icon--pin"> | ||
| 140 | - <use xlink:href="#icon-pin"></use> | ||
| 141 | - </svg> | ||
| 142 | - <svg class="icon icon--logo icon--dress"> | ||
| 143 | - <use xlink:href="#icon-dress"></use> | ||
| 144 | - </svg> | ||
| 145 | - </span> | ||
| 146 | - </a> | ||
| 147 | - <a class="pin pin--1-5" data-category="4" data-space="1.05" aria-label="Pin for Meditation Garden"> | ||
| 148 | - <span class="pin__icon"> | ||
| 149 | - <svg class="icon icon--pin"> | ||
| 150 | - <use xlink:href="#icon-pin"></use> | ||
| 151 | - </svg> | ||
| 152 | - <svg class="icon icon--logo icon--tree2"> | ||
| 153 | - <use xlink:href="#icon-tree2"></use> | ||
| 154 | - </svg> | ||
| 155 | - </span> | ||
| 156 | - </a> | ||
| 157 | - <a class="pin pin--1-6" data-category="1" data-space="1.06" aria-label="Pin for Seed of Life"> | ||
| 158 | - <span class="pin__icon"> | ||
| 159 | - <svg class="icon icon--pin"> | ||
| 160 | - <use xlink:href="#icon-pin"></use> | ||
| 161 | - </svg> | ||
| 162 | - <svg class="icon icon--logo icon--avocado"> | ||
| 163 | - <use xlink:href="#icon-avocado"></use> | ||
| 164 | - </svg> | ||
| 165 | - </span> | ||
| 166 | - </a> | ||
| 167 | - <a class="pin pin--1-7" data-category="1" data-space="1.07" aria-label="Pin for Raw Delight"> | ||
| 168 | <span class="pin__icon"> | 49 | <span class="pin__icon"> |
| 169 | <svg class="icon icon--pin"> | 50 | <svg class="icon icon--pin"> |
| 170 | <use xlink:href="#icon-pin"></use> | 51 | <use xlink:href="#icon-pin"></use> |
| 171 | </svg> | 52 | </svg> |
| 172 | - <svg class="icon icon--logo icon--cake"> | 53 | + <svg :class="['icon', 'icon--logo', `icon--${item.icon}`]"> |
| 173 | - <use xlink:href="#icon-cake"></use> | 54 | + <use :xlink:href='"#icon-" + item.icon'></use> |
| 174 | - </svg> | ||
| 175 | - </span> | ||
| 176 | - </a> | ||
| 177 | - <a class="pin pin--1-8" data-category="1" data-space="1.08" aria-label="Pin for The Wizard"> | ||
| 178 | - <span class="pin__icon"> | ||
| 179 | - <svg class="icon icon--pin"> | ||
| 180 | - <use xlink:href="#icon-pin"></use> | ||
| 181 | - </svg> | ||
| 182 | - <svg class="icon icon--logo icon--mushroom"> | ||
| 183 | - <use xlink:href="#icon-mushroom"></use> | ||
| 184 | - </svg> | ||
| 185 | - </span> | ||
| 186 | - </a> | ||
| 187 | - <a class="pin pin--1-9" data-category="1" data-space="1.09" | ||
| 188 | - aria-label="Pin for Smoothies & Soul"> | ||
| 189 | - <span class="pin__icon"> | ||
| 190 | - <svg class="icon icon--pin"> | ||
| 191 | - <use xlink:href="#icon-pin"></use> | ||
| 192 | - </svg> | ||
| 193 | - <svg class="icon icon--logo icon--pear"> | ||
| 194 | - <use xlink:href="#icon-pear"></use> | ||
| 195 | </svg> | 55 | </svg> |
| 196 | </span> | 56 | </span> |
| 197 | </a> | 57 | </a> |
| 198 | </div> | 58 | </div> |
| 199 | - <div class="level_after">L1</div> | 59 | + <div class="level_after">L{{ index + 1 }}</div> |
| 200 | - <!-- /level__pins --> | ||
| 201 | - </div> | ||
| 202 | - <div @click="onFloorClick(2)" class="level level--2" aria-label="Level 2"> | ||
| 203 | - <svg class="map map--2" viewBox="0 0 1200 800" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"> | ||
| 204 | - <title>Map Level 2</title> | ||
| 205 | - <polygon points="1035.94 787.41 1035.94 423.16 855.37 423.16 855.37 350.52 1187.28 350.52 1187.28 12.59 548.09 12.59 548.09 68.87 437.36 68.87 437.36 12.59 49.37 12.59 49.37 366.5 12.72 366.5 12.72 787.41 356.2 787.41 414.93 584.41 554.4 584.41 627.81 787.41 1035.94 787.41" class="map__ground" /> | ||
| 206 | - <path d="M1187.28,12.59V350.52H855.37v72.64h180.58V787.41H627.81l-73.41-203H414.93l-58.73,203H12.72V366.5H49.37V12.59h388V68.87H548.08V12.59h639.19M1200,0H535.36V56.28H450.09V0H36.65V353.91H0V800H365.8l2.64-9.13L424.52,597H545.44l70.39,194.65,3,8.35h429.82V410.57H868.09V363.11H1200V0h0Z" class="map__outline" /> | ||
| 207 | - <polygon points="768.46 722.99 789.65 735.1 789.65 759.31 768.46 771.42 747.27 759.31 747.27 735.1 768.46 722.99" class="map__space" /> | ||
| 208 | - <rect x="666.88" y="565.62" width="26.26" height="25.99" class="map__space" /> | ||
| 209 | - <path data-space="2.07" d="M454.76,266.19h63a24.34,24.34,0,0,1,24.47,24.21h0V489.82A24.34,24.34,0,0,1,517.74,514h-63a24.34,24.34,0,0,1-24.47-24.21h0V290.4a24.34,24.34,0,0,1,24.47-24.21h0Z" class="map__space" /> | ||
| 210 | - <path d="M492.72,123.19c30.57,0,55.36-24.53,55.36-54.78H437.36C437.36,98.67,462.15,123.19,492.72,123.19Z" class="map__space" /> | ||
| 211 | - <polygon points="898.12 182.42 919.31 194.53 919.31 218.74 898.12 230.85 876.93 218.74 876.93 194.53 898.12 182.42" class="map__space" /> | ||
| 212 | - <rect x="282.3" y="478.13" width="26.26" height="25.99" class="map__space" /> | ||
| 213 | - <polygon data-space="2.06" points="395.25 652.42 12.72 652.42 12.72 787.41 356.2 787.41 395.25 652.42" class="map__space" /> | ||
| 214 | - <rect data-space="2.02" x="12.72" y="366.5" width="157.39" height="212.11" class="map__space" /> | ||
| 215 | - <rect x="49.37" y="12.59" width="120.74" height="120.74" class="map__space" /> | ||
| 216 | - <rect data-space="2.01" x="177.56" y="12" width="240.03" height="121.33" class="map__space" /> | ||
| 217 | - <rect x="49.37" y="170.48" width="60.37" height="60.37" class="map__space" /> | ||
| 218 | - <rect x="49.37" y="238.6" width="278.23" height="111.92" class="map__space" /> | ||
| 219 | - <rect data-space="2.05" x="600" y="12" width="93.14" height="249.1" class="map__space" /> | ||
| 220 | - <rect x="702.59" y="12.59" width="484.68" height="98.51" class="map__space" /> | ||
| 221 | - <rect data-space="2.03" x="968.07" y="120.1" width="219.21" height="230.42" class="map__space" /> | ||
| 222 | - <rect x="855.37" y="277.6" width="103.7" height="72.92" class="map__space" /> | ||
| 223 | - <circle data-space="2.04" cx="680.68" cy="466.59" r="66.59" class="map__space" /> | ||
| 224 | - <rect data-space="2.08" x="855.37" y="423.16" width="180.58" height="364.25" class="map__space" /> | ||
| 225 | - <polygon points="627.81 787.41 716.09 787.41 716.09 646.58 576.88 646.58 627.81 787.41" class="map__space" /> | ||
| 226 | - </svg> | ||
| 227 | - <div class="level__pins"> | ||
| 228 | - <a class="pin pin--2-1" data-category="1" data-space="2.01" aria-label="Pin for Grilled Chipotle"> | ||
| 229 | - <span class="pin__icon"> | ||
| 230 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 231 | - <svg class="icon icon--logo icon--pepper"><use xlink:href="#icon-pepper"></use></svg> | ||
| 232 | - </span> | ||
| 233 | - </a> | ||
| 234 | - <a class="pin pin--2-2" data-category="2" data-space="2.02" aria-label="Pin for Rocketship Tech"> | ||
| 235 | - <span class="pin__icon"> | ||
| 236 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 237 | - <svg class="icon icon--logo icon--rocket"><use xlink:href="#icon-rocket"></use></svg> | ||
| 238 | - </span> | ||
| 239 | - </a> | ||
| 240 | - <a class="pin pin--2-3" data-category="2" data-space="2.03" aria-label="Pin for Which Bug?"> | ||
| 241 | - <span class="pin__icon"> | ||
| 242 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 243 | - <svg class="icon icon--logo icon--bug"><use xlink:href="#icon-bug"></use></svg> | ||
| 244 | - </span> | ||
| 245 | - </a> | ||
| 246 | - <a class="pin pin--2-4" data-category="3" data-space="2.04" aria-label="Pin for Cognitio"> | ||
| 247 | - <span class="pin__icon"> | ||
| 248 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 249 | - <svg class="icon icon--logo icon--books"><use xlink:href="#icon-books"></use></svg> | ||
| 250 | - </span> | ||
| 251 | - </a> | ||
| 252 | - <a class="pin pin--2-5" data-category="1" data-space="2.05" aria-label="Pin for The Eggplanthead"> | ||
| 253 | - <span class="pin__icon"> | ||
| 254 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 255 | - <svg class="icon icon--logo icon--eggplant"><use xlink:href="#icon-eggplant"></use></svg> | ||
| 256 | - </span> | ||
| 257 | - </a> | ||
| 258 | - <a class="pin pin--2-6" data-category="1" data-space="2.06" aria-label="Pin for Superfood"> | ||
| 259 | - <span class="pin__icon"> | ||
| 260 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 261 | - <svg class="icon icon--logo icon--strawberry"><use xlink:href="#icon-strawberry"></use></svg> | ||
| 262 | - </span> | ||
| 263 | - </a> | ||
| 264 | - <a class="pin pin--2-7" data-category="3" data-space="2.07" aria-label="Pin for No Princess"> | ||
| 265 | - <span class="pin__icon"> | ||
| 266 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 267 | - <svg class="icon icon--logo icon--heart"><use xlink:href="#icon-heart"></use></svg> | ||
| 268 | - </span> | ||
| 269 | - </a> | ||
| 270 | - <a class="pin pin--2-8" data-category="3" data-space="2.08" aria-label="Pin for Tool Exchange"> | ||
| 271 | - <span class="pin__icon"> | ||
| 272 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 273 | - <svg class="icon icon--logo icon--wrench"><use xlink:href="#icon-wrench"></use></svg> | ||
| 274 | - </span> | ||
| 275 | - </a> | ||
| 276 | - </div> | ||
| 277 | - <div class="level_after">L2</div> | ||
| 278 | - </div> | ||
| 279 | - <div @click="onFloorClick(3)" class="level level--3" aria-label="Level 3"> | ||
| 280 | - <svg class="map map--3" viewBox="0 0 1200 800" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"> | ||
| 281 | - <title>Map Level 3</title> | ||
| 282 | - <polygon points="1035.94 787.41 1035.94 423.16 855.37 423.16 855.37 350.52 1187.28 350.52 1187.28 12.59 548.09 12.59 548.09 68.87 437.36 68.87 437.36 12.59 49.37 12.59 49.37 366.5 12.72 366.5 12.72 787.41 356.2 787.41 414.93 584.41 554.4 584.41 627.81 787.41 1035.94 787.41" class="map__ground" /> | ||
| 283 | - <path d="M1187.28,12.59V350.52H855.37v72.64h180.58V787.41H627.81l-73.41-203H414.93l-58.73,203H12.72V366.5H49.37V12.59h388V68.87H548.08V12.59h639.19M1200,0H535.36V56.28H450.09V0H36.65V353.91H0V800H365.8l2.64-9.13L424.52,597H545.44l70.39,194.65,3,8.35h429.82V410.57H868.09V363.11H1200V0h0Z" class="map__outline" /> | ||
| 284 | - <rect x="666.9" y="565.6" width="26.3" height="26" class="map__space" /> | ||
| 285 | - <path data-space="3.07" d="M454.8,266.2h63c13.4-0.1,24.4,10.8,24.5,24.2c0,0,0,0,0,0l0,0v199.4c-0.1,13.4-11.1,24.3-24.5,24.2h-63c-13.4,0.1-24.4-10.8-24.5-24.2c0,0,0,0,0,0l0,0V290.4C430.3,277,441.3,266.1,454.8,266.2C454.7,266.2,454.7,266.2,454.8,266.2L454.8,266.2L454.8,266.2z" class="map__space" /> | ||
| 286 | - <polygon points="898.1,182.4 919.3,194.5 919.3,218.7 898.1,230.9 876.9,218.7 876.9,194.5 " class="map__space" /> | ||
| 287 | - <rect x="282.3" y="478.1" width="26.3" height="26" class="map__space" /> | ||
| 288 | - <rect x="381.5" y="12.6" width="55.8" height="55.8" class="map__space" /> | ||
| 289 | - <rect x="566" y="12.6" width="110.6" height="110.6" class="map__space" /> | ||
| 290 | - <rect x="566" y="157.4" width="110.6" height="73.5" class="map__space" /> | ||
| 291 | - <rect x="742" y="12.6" width="445.3" height="110.6" class="map__space" /> | ||
| 292 | - <rect data-space="3.03" x="972.8" y="128.5" width="214.5" height="222" class="map__space" /> | ||
| 293 | - <rect x="756" y="423.2" width="279.9" height="161.2" class="map__space" /> | ||
| 294 | - <rect x="876.9" y="591.6" width="159" height="195.8" class="map__space" /> | ||
| 295 | - <polygon data-space="3.04" points="871.6,680 589.4,680 627.8,787.4 871.6,787.4 " class="map__space" /> | ||
| 296 | - <circle data-space="3.06" cx="735.7" cy="343.8" r="55.7" class="map__space" /> | ||
| 297 | - <rect x="12.7" y="696" width="91.4" height="91.4" class="map__space" /> | ||
| 298 | - <rect x="12.7" y="591.6" width="146.9" height="97.9" class="map__space" /> | ||
| 299 | - <rect data-space="3.02" x="12.7" y="366.5" width="146.9" height="217.9" class="map__space" /> | ||
| 300 | - <polygon data-space="3.05" points="356.2,787.4 414.9,584.4 275.1,584.4 275.1,787.4 " class="map__space" /> | ||
| 301 | - <rect data-space="3.01" x="49.4" y="12.6" width="312.7" height="343" class="map__space" /> | ||
| 302 | - </svg> | ||
| 303 | - <div class="level__pins"> | ||
| 304 | - <a class="pin pin--3-1" data-category="1" data-space="3.01" aria-label="Pin for Oolong House"> | ||
| 305 | - <span class="pin__icon"> | ||
| 306 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 307 | - <svg class="icon icon--logo icon--tea"><use xlink:href="#icon-tea"></use></svg> | ||
| 308 | - </span> | ||
| 309 | - </a> | ||
| 310 | - <a class="pin pin--3-2" data-category="2" data-space="3.02" aria-label="Pin for Enlightend Path"> | ||
| 311 | - <span class="pin__icon"> | ||
| 312 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 313 | - <svg class="icon icon--logo icon--pyramid"><use xlink:href="#icon-pyramid"></use></svg> | ||
| 314 | - </span> | ||
| 315 | - </a> | ||
| 316 | - <a class="pin pin--3-3" data-category="3" data-space="3.03" aria-label="Pin for What makes us walk"> | ||
| 317 | - <span class="pin__icon"> | ||
| 318 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 319 | - <svg class="icon icon--logo icon--shoe"><use xlink:href="#icon-shoe"></use></svg> | ||
| 320 | - </span> | ||
| 321 | - </a> | ||
| 322 | - <a class="pin pin--3-4" data-category="3" data-space="3.04" aria-label="Pin for Your Last Shirt"> | ||
| 323 | - <span class="pin__icon"> | ||
| 324 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 325 | - <svg class="icon icon--logo icon--shirt"><use xlink:href="#icon-shirt"></use></svg> | ||
| 326 | - </span> | ||
| 327 | - </a> | ||
| 328 | - <a class="pin pin--3-5" data-category="4" data-space="3.05" aria-label="Pin for Breathe"> | ||
| 329 | - <span class="pin__icon"> | ||
| 330 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 331 | - <svg class="icon icon--logo icon--tree"><use xlink:href="#icon-tree"></use></svg> | ||
| 332 | - </span> | ||
| 333 | - </a> | ||
| 334 | - <a class="pin pin--3-6" data-category="4" data-space="3.06" aria-label="Pin for Feel the Grass"> | ||
| 335 | - <span class="pin__icon"> | ||
| 336 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 337 | - <svg class="icon icon--logo icon--grass"><use xlink:href="#icon-grass"></use></svg> | ||
| 338 | - </span> | ||
| 339 | - </a> | ||
| 340 | - <a class="pin pin--3-7" data-category="4" data-space="3.07" aria-label="Pin for Star Gazer"> | ||
| 341 | - <span class="pin__icon"> | ||
| 342 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 343 | - <svg class="icon icon--logo icon--star"><use xlink:href="#icon-star"></use></svg> | ||
| 344 | - </span> | ||
| 345 | - </a> | ||
| 346 | - </div> | ||
| 347 | - <div class="level_after">L3</div> | ||
| 348 | - </div> | ||
| 349 | - <div @click="onFloorClick(4)" class="level level--4" aria-label="Level 4"> | ||
| 350 | - <svg class="map map--4" viewBox="0 0 1200 800" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"> | ||
| 351 | - <title>Map Level 2</title> | ||
| 352 | - <polygon points="1035.94 787.41 1035.94 423.16 855.37 423.16 855.37 350.52 1187.28 350.52 1187.28 12.59 548.09 12.59 548.09 68.87 437.36 68.87 437.36 12.59 49.37 12.59 49.37 366.5 12.72 366.5 12.72 787.41 356.2 787.41 414.93 584.41 554.4 584.41 627.81 787.41 1035.94 787.41" class="map__ground" /> | ||
| 353 | - <path d="M1187.28,12.59V350.52H855.37v72.64h180.58V787.41H627.81l-73.41-203H414.93l-58.73,203H12.72V366.5H49.37V12.59h388V68.87H548.08V12.59h639.19M1200,0H535.36V56.28H450.09V0H36.65V353.91H0V800H365.8l2.64-9.13L424.52,597H545.44l70.39,194.65,3,8.35h429.82V410.57H868.09V363.11H1200V0h0Z" class="map__outline" /> | ||
| 354 | - <path d="M674.5,647c2,16.3,29.2,31.3,51.4,28.9c51.9-5.8,80.3-107.4,64.7-119c-6.4-4.7-27.9,11.2-70.8,43.1C676.6,632,673.7,640.5,674.5,647z" class="map__lake" /> | ||
| 355 | - <ellipse cx="738.82" cy="595.48" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 356 | - <ellipse cx="768.46" cy="605.4" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 357 | - <ellipse cx="744.64" cy="624.92" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 358 | - <rect x="666.9" y="565.6" width="26.3" height="26" class="map__space" /> | ||
| 359 | - <path data-space="4.05" d="M454.8,266.2h63c13.4-0.1,24.4,10.8,24.5,24.2c0,0,0,0,0,0l0,0v199.4c-0.1,13.4-11.1,24.3-24.5,24.2h-63c-13.4,0.1-24.4-10.8-24.5-24.2c0,0,0,0,0,0l0,0V290.4C430.3,277,441.3,266.1,454.8,266.2C454.7,266.2,454.7,266.2,454.8,266.2L454.8,266.2L454.8,266.2z" class="map__space" /> | ||
| 360 | - <rect x="282.3" y="478.1" width="26.3" height="26" class="map__space" /> | ||
| 361 | - <rect x="12.7" y="366.5" width="202.4" height="175.1" class="map__space" /> | ||
| 362 | - <rect x="12.7" y="550.6" width="50.9" height="236.8" class="map__space" /> | ||
| 363 | - <circle data-space="4.07" cx="143.1" cy="708.1" r="49.5" class="map__space" /> | ||
| 364 | - <circle data-space="4.01" cx="288.6" cy="658.6" r="66" class="map__space" /> | ||
| 365 | - <polygon data-space="4.02" points="49.4,354.1 362.1,354.1 362.1,230.9 600,230.9 600,297.1 855.4,297.1 855.4,12.6 548.1,12.6 548.1,68.9 437.4,68.9 437.4,12.6 49.4,12.6 " class="map__space" /> | ||
| 366 | - <rect x="1065.6" y="12.6" width="121.7" height="110.5" class="map__space" /> | ||
| 367 | - <rect data-space="4.03" x="1065.6" y="132.1" width="121.7" height="218.4" class="map__space" /> | ||
| 368 | - <polygon points="901.3,92.6 886.9,67.8 901.3,43 929.9,43 944.2,67.8 929.9,92.6 " class="map__space" /> | ||
| 369 | - <polygon points="953.3,129.1 938.6,103.6 953.3,78.1 982.8,78.1 997.5,103.6 982.8,129.1 " class="map__space" /> | ||
| 370 | - <rect x="951.6" y="213.1" width="73.5" height="73.5" class="map__space" /> | ||
| 371 | - <rect data-space="4.06" x="639.6" y="399.5" width="151.5" height="121.1" class="map__space" /> | ||
| 372 | - <rect data-space="4.04" x="855.4" y="423.2" width="180.6" height="364.2" class="map__space" /> | ||
| 373 | - <polygon points="613.2,747 846.6,658.6 846.6,787.4 627.8,787.4" class="map__space" /> | ||
| 374 | - </svg> | ||
| 375 | - <div class="level__pins"> | ||
| 376 | - <a class="pin pin--4-1" data-category="1" data-space="4.01" aria-label="Pin for Cold Soup Kitchen"> | ||
| 377 | - <span class="pin__icon"> | ||
| 378 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 379 | - <svg class="icon icon--logo icon--tomato"><use xlink:href="#icon-tomato"></use></svg> | ||
| 380 | - </span> | ||
| 381 | - </a> | ||
| 382 | - <a class="pin pin--4-2" data-category="2" data-space="4.02" aria-label="Pin for Docu Dome"> | ||
| 383 | - <span class="pin__icon"> | ||
| 384 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 385 | - <svg class="icon icon--logo icon--cinema"><use xlink:href="#icon-cinema"></use></svg> | ||
| 386 | - </span> | ||
| 387 | - </a> | ||
| 388 | - <a class="pin pin--4-3" data-category="3" data-space="4.03" aria-label="Pin for Little Artist"> | ||
| 389 | - <span class="pin__icon"> | ||
| 390 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 391 | - <svg class="icon icon--logo icon--paint-brush"><use xlink:href="#icon-paint-brush"></use></svg> | ||
| 392 | - </span> | ||
| 393 | - </a> | ||
| 394 | - <a class="pin pin--4-4" data-category="4" data-space="4.04" aria-label="Pin for Sacred Symmetry"> | ||
| 395 | - <span class="pin__icon"> | ||
| 396 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 397 | - <svg class="icon icon--logo icon--modx"><use xlink:href="#icon-modx"></use></svg> | ||
| 398 | - </span> | ||
| 399 | - </a> | ||
| 400 | - <a class="pin pin--4-5" data-category="4" data-space="4.05" aria-label="Pin for Hot Tub Festival"> | ||
| 401 | - <span class="pin__icon"> | ||
| 402 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 403 | - <svg class="icon icon--logo icon--droplet"><use xlink:href="#icon-droplet"></use></svg> | ||
| 404 | - </span> | ||
| 405 | - </a> | ||
| 406 | - <a class="pin pin--4-6" data-category="2" data-space="4.06" aria-label="Pin for Love 2 Cook"> | ||
| 407 | - <span class="pin__icon"> | ||
| 408 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 409 | - <svg class="icon icon--logo icon--cupcake"><use xlink:href="#icon-cupcake"></use></svg> | ||
| 410 | - </span> | ||
| 411 | - </a> | ||
| 412 | - <a class="pin pin--4-7" data-category="2" data-space="4.07" aria-label="Pin for Permaculture Hub"> | ||
| 413 | - <span class="pin__icon"> | ||
| 414 | - <svg class="icon icon--pin"><use xlink:href="#icon-pin"></use></svg> | ||
| 415 | - <svg class="icon icon--logo icon--leafcircle"><use xlink:href="#icon-leafcircle"></use></svg> | ||
| 416 | - </span> | ||
| 417 | - </a> | ||
| 418 | - </div> | ||
| 419 | - <div class="level_after">L4</div> | ||
| 420 | </div> | 60 | </div> |
| 421 | </div> | 61 | </div> |
| 422 | </div> | 62 | </div> |
| 423 | </div> | 63 | </div> |
| 424 | </div> | 64 | </div> |
| 425 | 65 | ||
| 426 | - <van-popup v-model:show="show_popup" position="bottom" :overlay="false" :style="{ height: '50%', background: '#FFF' }"> | 66 | + <van-popup v-model:show="show_popup" position="bottom" :overlay="false" |
| 427 | - <div @click="show_popup=false" style="text-align: right; padding: 1rem;"> | 67 | + :style="{ height: '50%', background: '#FFF' }"> |
| 68 | + <div @click="onClosePopup" style="text-align: right; padding: 1rem;"> | ||
| 428 | <van-icon name="cross" size="1.5rem" /> | 69 | <van-icon name="cross" size="1.5rem" /> |
| 429 | </div> | 70 | </div> |
| 430 | <div style="margin: 0 1rem"> | 71 | <div style="margin: 0 1rem"> |
| ... | @@ -437,35 +78,18 @@ | ... | @@ -437,35 +78,18 @@ |
| 437 | 78 | ||
| 438 | <svg-icon></svg-icon> | 79 | <svg-icon></svg-icon> |
| 439 | 80 | ||
| 440 | - <van-popup v-model:show="show_search_popup" position="right" :overlay="true" :style="{ height: '100%', width: '80%', background: '#FFF' }"> | 81 | + <van-popup v-model:show="show_search_popup" position="right" :overlay="true" |
| 82 | + :style="{ height: '100%', width: '80%', background: '#FFF' }"> | ||
| 441 | <div style="background-color: #F7f8fa; padding: 1rem;"> | 83 | <div style="background-color: #F7f8fa; padding: 1rem;"> |
| 442 | <van-field v-model="search_value" placeholder="请输入搜索关键词" style="border-radius: 5px; padding: 0.5rem 1rem;" /> | 84 | <van-field v-model="search_value" placeholder="请输入搜索关键词" style="border-radius: 5px; padding: 0.5rem 1rem;" /> |
| 443 | </div> | 85 | </div> |
| 444 | - <div class="search_box"> | 86 | + <div v-for="(item, index) in search_list" :key="index" class="search_box"> |
| 445 | - <div class="search_box_title">4-客房</div> | 87 | + <div class="search_box_title">{{ item.title }}</div> |
| 446 | - <div> | 88 | + <van-row v-for="(x, idx) in item.list" :key="idx" @click="onSearchRow(x.space)" |
| 447 | - <van-row @click="onSearchRow(4.01)" style="color: #aaa; margin-bottom: 0.5rem;"> | 89 | + style="color: #aaa; margin-bottom: 0.5rem;"> |
| 448 | - <van-col span="20">401~410室</van-col> | 90 | + <van-col span="20">{{ x.text }}</van-col> |
| 449 | - <van-col span="4" style="text-align: right;">L1</van-col> | 91 | + <van-col span="4" style="text-align: right;">{{ x.floor }}</van-col> |
| 450 | </van-row> | 92 | </van-row> |
| 451 | - <van-row @click="onSearchRow(4.02)" style="color: #aaa; margin-bottom: 0.5rem;"> | ||
| 452 | - <van-col span="20">411~419室</van-col> | ||
| 453 | - <van-col span="4" style="text-align: right;">L1</van-col> | ||
| 454 | - </van-row> | ||
| 455 | - </div> | ||
| 456 | - </div> | ||
| 457 | - <div style="padding: 1rem;"> | ||
| 458 | - <div style="color: #000; margin-bottom: 1rem; font-size: 1.15rem;">3-客房</div> | ||
| 459 | - <div> | ||
| 460 | - <van-row @click="onSearchRow(3.01)" style="color: #aaa; margin-bottom: 0.5rem;"> | ||
| 461 | - <van-col span="20">301~310室</van-col> | ||
| 462 | - <van-col span="4" style="text-align: right;">L1</van-col> | ||
| 463 | - </van-row> | ||
| 464 | - <van-row @click="onSearchRow(3.02)" style="color: #aaa; margin-bottom: 0.5rem;"> | ||
| 465 | - <van-col span="20">311~319室</van-col> | ||
| 466 | - <van-col span="4" style="text-align: right;">L1</van-col> | ||
| 467 | - </van-row> | ||
| 468 | - </div> | ||
| 469 | </div> | 93 | </div> |
| 470 | </van-popup> | 94 | </van-popup> |
| 471 | </div> | 95 | </div> |
| ... | @@ -475,6 +99,7 @@ | ... | @@ -475,6 +99,7 @@ |
| 475 | import './floor.css'; | 99 | import './floor.css'; |
| 476 | import $ from 'jquery'; | 100 | import $ from 'jquery'; |
| 477 | import SvgIcon from './svgIcon.vue' | 101 | import SvgIcon from './svgIcon.vue' |
| 102 | +import Data from './pin' | ||
| 478 | 103 | ||
| 479 | export default { | 104 | export default { |
| 480 | data() { | 105 | data() { |
| ... | @@ -483,6 +108,39 @@ export default { | ... | @@ -483,6 +108,39 @@ export default { |
| 483 | search_value: '', | 108 | search_value: '', |
| 484 | show_popup: false, | 109 | show_popup: false, |
| 485 | show_search_popup: false, | 110 | show_search_popup: false, |
| 111 | + level_list: Data, | ||
| 112 | + search_list: [ | ||
| 113 | + { | ||
| 114 | + title: '1-客房', | ||
| 115 | + list: [ | ||
| 116 | + { | ||
| 117 | + space: 1.01, | ||
| 118 | + text: '101~110室', | ||
| 119 | + floor: 'L1' | ||
| 120 | + }, | ||
| 121 | + { | ||
| 122 | + space: 1.02, | ||
| 123 | + text: '111~119室', | ||
| 124 | + floor: 'L1' | ||
| 125 | + }, | ||
| 126 | + ], | ||
| 127 | + }, | ||
| 128 | + { | ||
| 129 | + title: '2-客房', | ||
| 130 | + list: [ | ||
| 131 | + { | ||
| 132 | + space: 2.01, | ||
| 133 | + text: '201~210室', | ||
| 134 | + floor: 'L2' | ||
| 135 | + }, | ||
| 136 | + { | ||
| 137 | + space: 2.02, | ||
| 138 | + text: '211~219室', | ||
| 139 | + floor: 'L2' | ||
| 140 | + }, | ||
| 141 | + ], | ||
| 142 | + }, | ||
| 143 | + ] | ||
| 486 | } | 144 | } |
| 487 | }, | 145 | }, |
| 488 | async mounted() { | 146 | async mounted() { |
| ... | @@ -494,7 +152,7 @@ export default { | ... | @@ -494,7 +152,7 @@ export default { |
| 494 | }); | 152 | }); |
| 495 | }, | 153 | }, |
| 496 | methods: { | 154 | methods: { |
| 497 | - clearPinShow () { | 155 | + clearPinShow() { |
| 498 | $('.level__pins').children('.pin').each((index, ele) => { | 156 | $('.level__pins').children('.pin').each((index, ele) => { |
| 499 | $(ele).removeClass('pin--active'); | 157 | $(ele).removeClass('pin--active'); |
| 500 | }) | 158 | }) |
| ... | @@ -506,7 +164,7 @@ export default { | ... | @@ -506,7 +164,7 @@ export default { |
| 506 | $(`.level--${level}`).addClass('level--current'); | 164 | $(`.level--${level}`).addClass('level--current'); |
| 507 | $(`.level--${level} .level__pins`).addClass('level__pins--active'); | 165 | $(`.level--${level} .level__pins`).addClass('level__pins--active'); |
| 508 | }, | 166 | }, |
| 509 | - onCloseLevel () { | 167 | + onCloseLevel() { |
| 510 | this.show_popup = false; | 168 | this.show_popup = false; |
| 511 | let level = this.level_show; | 169 | let level = this.level_show; |
| 512 | $('.mall').removeClass('mall--content-open'); | 170 | $('.mall').removeClass('mall--content-open'); |
| ... | @@ -516,13 +174,14 @@ export default { | ... | @@ -516,13 +174,14 @@ export default { |
| 516 | this.level_show = ''; | 174 | this.level_show = ''; |
| 517 | this.clearPinShow(); | 175 | this.clearPinShow(); |
| 518 | }, | 176 | }, |
| 519 | - onClose () { | 177 | + onClose() { |
| 520 | - this.$emit('close') | 178 | + this.onCloseLevel(); |
| 179 | + this.$emit('close'); | ||
| 521 | }, | 180 | }, |
| 522 | - onClickCloseIcon () { | 181 | + onClickCloseIcon() { |
| 523 | this.clearPinShow(); | 182 | this.clearPinShow(); |
| 524 | }, | 183 | }, |
| 525 | - switchFloor (type) { // 切换楼层 | 184 | + switchFloor(type) { // 切换楼层 |
| 526 | let level = this.level_show; | 185 | let level = this.level_show; |
| 527 | if (type === 'right') { | 186 | if (type === 'right') { |
| 528 | level = level - 1 < 1 ? 1 : level - 1; | 187 | level = level - 1 < 1 ? 1 : level - 1; |
| ... | @@ -533,10 +192,10 @@ export default { | ... | @@ -533,10 +192,10 @@ export default { |
| 533 | this.onCloseLevel(); | 192 | this.onCloseLevel(); |
| 534 | this.onFloorClick(level); | 193 | this.onFloorClick(level); |
| 535 | }, | 194 | }, |
| 536 | - onSearch () { | 195 | + onSearch() { |
| 537 | this.show_search_popup = true; | 196 | this.show_search_popup = true; |
| 538 | }, | 197 | }, |
| 539 | - onSearchRow (val) { | 198 | + onSearchRow(val) { |
| 540 | // 清空图层显示 | 199 | // 清空图层显示 |
| 541 | this.onCloseLevel(); | 200 | this.onCloseLevel(); |
| 542 | this.show_popup = false; | 201 | this.show_popup = false; |
| ... | @@ -561,24 +220,70 @@ export default { | ... | @@ -561,24 +220,70 @@ export default { |
| 561 | }, 500); | 220 | }, 500); |
| 562 | // 关闭搜索弹框 | 221 | // 关闭搜索弹框 |
| 563 | this.show_search_popup = false; | 222 | this.show_search_popup = false; |
| 223 | + }, | ||
| 224 | + onClosePopup() { | ||
| 225 | + this.show_popup = false; | ||
| 226 | + this.clearPinShow(); | ||
| 564 | } | 227 | } |
| 565 | } | 228 | } |
| 566 | } | 229 | } |
| 567 | </script> | 230 | </script> |
| 568 | 231 | ||
| 569 | <style lang="less" scoped> | 232 | <style lang="less" scoped> |
| 570 | - .test { | 233 | +.test { |
| 571 | opacity: 0; | 234 | opacity: 0; |
| 572 | - } | 235 | +} |
| 573 | 236 | ||
| 574 | - .search_box { | 237 | +.search_box { |
| 575 | padding: 1rem; | 238 | padding: 1rem; |
| 239 | + | ||
| 576 | .search_box_title { | 240 | .search_box_title { |
| 577 | - color: #000; margin-bottom: 1rem; font-size: 1.15rem; | 241 | + color: #000; |
| 242 | + margin-bottom: 1rem; | ||
| 243 | + font-size: 1.15rem; | ||
| 578 | } | 244 | } |
| 245 | +} | ||
| 246 | + | ||
| 247 | +.tool-bar { | ||
| 248 | + position: relative; | ||
| 249 | + | ||
| 250 | + .icon { | ||
| 251 | + position: absolute; | ||
| 252 | + z-index: 100; | ||
| 253 | + display: -webkit-flex; | ||
| 254 | + display: flex; | ||
| 255 | + -webkit-align-items: center; | ||
| 256 | + align-items: center; | ||
| 257 | + text-align: center; | ||
| 579 | } | 258 | } |
| 580 | 259 | ||
| 581 | - .level_after { | 260 | + .close { |
| 261 | + top: 1rem; | ||
| 262 | + right: 1rem; | ||
| 263 | + } | ||
| 264 | + | ||
| 265 | + .search-icon { | ||
| 266 | + top: 2.75rem; | ||
| 267 | + right: 1rem; | ||
| 268 | + } | ||
| 269 | + | ||
| 270 | + .switch-left { | ||
| 271 | + top: 4.5rem; | ||
| 272 | + right: 1rem; | ||
| 273 | + } | ||
| 274 | + | ||
| 275 | + .close-level { | ||
| 276 | + top: 6rem; | ||
| 277 | + right: 1rem; | ||
| 278 | + } | ||
| 279 | + | ||
| 280 | + .switch-right { | ||
| 281 | + top: 8rem; | ||
| 282 | + right: 1rem; | ||
| 283 | + } | ||
| 284 | +} | ||
| 285 | + | ||
| 286 | +.level_after { | ||
| 582 | font-size: 0.75rem; | 287 | font-size: 0.75rem; |
| 583 | line-height: 0; | 288 | line-height: 0; |
| 584 | position: absolute; | 289 | position: absolute; |
| ... | @@ -593,13 +298,13 @@ export default { | ... | @@ -593,13 +298,13 @@ export default { |
| 593 | transition: transform 1s, color 0.3s; | 298 | transition: transform 1s, color 0.3s; |
| 594 | -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); | 299 | -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); |
| 595 | transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); | 300 | transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); |
| 596 | - } | 301 | +} |
| 597 | 302 | ||
| 598 | - .level--current { | 303 | +.level--current { |
| 599 | .level_after { | 304 | .level_after { |
| 600 | font-size: 1rem; | 305 | font-size: 1rem; |
| 601 | -webkit-transform: rotateZ(25deg) rotateX(-60deg) translateZ(15vmin); | 306 | -webkit-transform: rotateZ(25deg) rotateX(-60deg) translateZ(15vmin); |
| 602 | transform: rotateZ(25deg) rotateX(-60deg) translateZ(15vmin); | 307 | transform: rotateZ(25deg) rotateX(-60deg) translateZ(15vmin); |
| 603 | } | 308 | } |
| 604 | - } | 309 | +} |
| 605 | </style> | 310 | </style> | ... | ... |
src/components/Floor/pin.js
0 → 100644
| 1 | +/* | ||
| 2 | + * @Date: 2023-08-01 13:55:03 | ||
| 3 | + * @LastEditors: hookehuyr hookehuyr@gmail.com | ||
| 4 | + * @LastEditTime: 2023-08-01 16:12:24 | ||
| 5 | + * @FilePath: /map-demo/src/components/Floor/pin.js | ||
| 6 | + * @Description: 文件描述 | ||
| 7 | + */ | ||
| 8 | +const testInfo = [ | ||
| 9 | + { | ||
| 10 | + svg: ` | ||
| 11 | + <svg class="map map--1" viewBox="0 0 1200 800" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"> | ||
| 12 | + <title>Map Level 1</title> | ||
| 13 | + <polygon | ||
| 14 | + points="1035.94 787.41 1035.94 423.16 855.37 423.16 855.37 350.52 1187.28 350.52 1187.28 12.59 548.09 12.59 548.09 68.87 437.36 68.87 437.36 12.59 49.37 12.59 49.37 366.5 12.72 366.5 12.72 787.41 356.2 787.41 414.93 584.41 554.4 584.41 627.81 787.41 1035.94 787.41" | ||
| 15 | + class="map__ground" /> | ||
| 16 | + <path | ||
| 17 | + d="M1187.28,12.59V350.52H855.37v72.64h180.58V787.41H627.81l-73.41-203H414.93l-58.73,203H12.72V366.5H49.37V12.59h388V68.87H548.08V12.59h639.19M1200,0H535.36V56.28H450.09V0H36.65V353.91H0V800H365.8l2.64-9.13L424.52,597H545.44l70.39,194.65,3,8.35h429.82V410.57H868.09V363.11H1200V0h0Z" | ||
| 18 | + class="map__outline" /> | ||
| 19 | + <path | ||
| 20 | + d="M425.68,198.63c-6.85-14.83-46.38-30.35-58-11.24-41.24,67.9-83.63,118.16-65.12,124.22,7.55,2.48,56.77.11,94.11-54.39,21.35-31.13,31.71-52.74,29-58.59h0Z" | ||
| 21 | + class="map__lake" /> | ||
| 22 | + <ellipse cx="389.64" cy="214.94" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 23 | + <ellipse cx="369.54" cy="191.71" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 24 | + <ellipse cx="354.59" cy="220.27" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 25 | + <path | ||
| 26 | + d="M724.87,696.45c14.61,7.58,42.34-6.42,52.85-26.15,24.57-46.13-43.25-126.94-61.66-120.57-7.5,2.6-6.47,29.34-4.4,82.81C713.74,686.25,719.12,693.46,724.87,696.45Z" | ||
| 27 | + class="map__lake" /> | ||
| 28 | + <ellipse cx="738.82" cy="595.48" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 29 | + <ellipse cx="768.46" cy="605.4" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 30 | + <ellipse cx="744.64" cy="624.92" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 31 | + <polygon data-space="1.04" points="874.9,554.3 874.9,422.9 1036.1,422.9 1036.1,576.6 965.2,576.6 965.2,555" | ||
| 32 | + class="map__space" /> | ||
| 33 | + <rect x="854.08" y="639.79" width="88.09" height="147.62" class="map__space" /> | ||
| 34 | + <rect x="947.85" y="639.79" width="88.09" height="147.62" class="map__space" /> | ||
| 35 | + <polygon | ||
| 36 | + points="768.46 722.99 789.65 735.1 789.65 759.31 768.46 771.42 747.27 759.31 747.27 735.1 768.46 722.99" | ||
| 37 | + class="map__space" /> | ||
| 38 | + <rect x="666.88" y="565.62" width="26.26" height="25.99" class="map__space" /> | ||
| 39 | + <rect data-space="1.07" x="716.66" y="354.39" width="110.72" height="136.73" class="map__space" /> | ||
| 40 | + <rect x="602.1" y="354.39" width="110.72" height="136.73" class="map__space" /> | ||
| 41 | + <path data-space="1.05" | ||
| 42 | + d="M454.76,266.19h63a24.34,24.34,0,0,1,24.47,24.21h0V489.82A24.34,24.34,0,0,1,517.74,514h-63a24.34,24.34,0,0,1-24.47-24.21h0V290.4a24.34,24.34,0,0,1,24.47-24.21h0Z" | ||
| 43 | + class="map__space" /> | ||
| 44 | + <path d="M492.72,123.19c30.57,0,55.36-24.53,55.36-54.78H437.36C437.36,98.67,462.15,123.19,492.72,123.19Z" | ||
| 45 | + class="map__space" /> | ||
| 46 | + <rect data-space="1.09" x="600" y="12.59" width="93.14" height="168.14" class="map__space" /> | ||
| 47 | + <rect data-space="1.08" x="698.07" y="12" width="93.14" height="168.14" class="map__space" /> | ||
| 48 | + <rect x="796.13" y="12" width="93.14" height="107.12" class="map__space" /> | ||
| 49 | + <rect x="894.18" y="12" width="93.14" height="107.12" class="map__space" /> | ||
| 50 | + <rect data-space="1.03" x="991.9" y="12" width="195.4" height="339.1" class="map__space" /> | ||
| 51 | + <rect x="602" y="278.06" width="385.71" height="72.46" class="map__space" /> | ||
| 52 | + <rect x="48.89" y="209.37" width="169.92" height="94.85" class="map__space" /> | ||
| 53 | + <rect data-space="1.02" x="49.12" y="110.57" width="254.49" height="94.85" class="map__space" /> | ||
| 54 | + <rect data-space="1.06" x="49.09" y="12.16" width="334.73" height="94.85" class="map__space" /> | ||
| 55 | + <polygon | ||
| 56 | + points="898.12 182.42 919.31 194.53 919.31 218.74 898.12 230.85 876.93 218.74 876.93 194.53 898.12 182.42" | ||
| 57 | + class="map__space" /> | ||
| 58 | + <polygon | ||
| 59 | + points="49.18 309.14 218.94 309.14 218.94 358.1 277.46 358.1 277.46 474.63 11.72 474.63 11.72 365.63 49.18 365.63 49.18 309.14" | ||
| 60 | + class="map__space" /> | ||
| 61 | + <polygon data-space="1.01" | ||
| 62 | + points="12.72 685.56 153.78 685.56 153.78 747.64 215.44 747.64 215.44 712.85 263.89 712.85 263.89 787.41 12.72 787.41 12.72 685.56" | ||
| 63 | + class="map__space" /> | ||
| 64 | + <rect x="48.08" y="501.73" width="35.61" height="35.23" class="map__space" /> | ||
| 65 | + <rect x="94.01" y="501.73" width="35.61" height="35.23" class="map__space" /> | ||
| 66 | + <rect x="139.5" y="501.73" width="35.61" height="35.23" class="map__space" /> | ||
| 67 | + <rect x="48.3" y="547.25" width="35.61" height="35.23" class="map__space" /> | ||
| 68 | + <rect x="94.24" y="547.25" width="35.61" height="35.23" class="map__space" /> | ||
| 69 | + <rect x="139.72" y="547.25" width="35.61" height="35.23" class="map__space" /> | ||
| 70 | + <rect x="282.3" y="478.13" width="26.26" height="25.99" class="map__space" /> | ||
| 71 | + <polygon | ||
| 72 | + points="218.01 585.07 239.2 597.17 239.2 621.38 218.01 633.49 196.82 621.38 196.82 597.17 218.01 585.07" | ||
| 73 | + class="map__space" /> | ||
| 74 | + <polygon points="410.01 601.42 358.8 778.44 320.06 767.07 372.92 591.6 410.01 601.42" class="map__space" /> | ||
| 75 | + <polygon points="561.3,603.9 624,777 661.9,763.2 597.7,591.5" class="map__space" /> | ||
| 76 | + </svg> | ||
| 77 | + `, | ||
| 78 | + pin: [ | ||
| 79 | + { | ||
| 80 | + id: 'pin--1-1', | ||
| 81 | + category: 1, | ||
| 82 | + space: 1.01, | ||
| 83 | + icon: 'appleheart', | ||
| 84 | + style: { top: '60vmin', left: '8vmin' }, | ||
| 85 | + }, | ||
| 86 | + { | ||
| 87 | + id: 'pin--1-2', | ||
| 88 | + category: 1, | ||
| 89 | + space: 1.02, | ||
| 90 | + icon: 'bananas', | ||
| 91 | + style: { top: '15vmin', left: '15vmin' }, | ||
| 92 | + }, | ||
| 93 | + { | ||
| 94 | + id: 'pin--1-3', | ||
| 95 | + category: 2, | ||
| 96 | + space: 1.03, | ||
| 97 | + icon: 'origami', | ||
| 98 | + style: { top: '15vmin', left: '88vmin' }, | ||
| 99 | + }, | ||
| 100 | + { | ||
| 101 | + id: 'pin--1-4', | ||
| 102 | + category: 3, | ||
| 103 | + space: 1.04, | ||
| 104 | + icon: 'dress', | ||
| 105 | + style: { top: '40vmin', left: '77vmin' }, | ||
| 106 | + }, | ||
| 107 | + { | ||
| 108 | + id: 'pin--1-5', | ||
| 109 | + category: 4, | ||
| 110 | + space: 1.05, | ||
| 111 | + icon: 'tree2', | ||
| 112 | + style: { top: '33vmin', left: '38vmin' }, | ||
| 113 | + }, | ||
| 114 | + { | ||
| 115 | + id: 'pin--1-6', | ||
| 116 | + category: 1, | ||
| 117 | + space: 1.06, | ||
| 118 | + icon: 'avocado', | ||
| 119 | + style: { top: '6vmin', left: '27vmin' }, | ||
| 120 | + }, | ||
| 121 | + { | ||
| 122 | + id: 'pin--1-7', | ||
| 123 | + category: 1, | ||
| 124 | + space: 1.07, | ||
| 125 | + icon: 'cake', | ||
| 126 | + style: { top: '36vmin', left: '61vmin' }, | ||
| 127 | + }, | ||
| 128 | + { | ||
| 129 | + id: 'pin--1-8', | ||
| 130 | + category: 1, | ||
| 131 | + space: 1.08, | ||
| 132 | + icon: 'mushroom', | ||
| 133 | + style: { top: '9vmin', left: '59vmin' }, | ||
| 134 | + }, | ||
| 135 | + { | ||
| 136 | + id: 'pin--1-9', | ||
| 137 | + category: 1, | ||
| 138 | + space: 1.09, | ||
| 139 | + icon: 'pear', | ||
| 140 | + style: { top: '8vmin', left: '51vmin' }, | ||
| 141 | + }, | ||
| 142 | + ], | ||
| 143 | + }, | ||
| 144 | + { | ||
| 145 | + svg: ` | ||
| 146 | + <svg class="map map--2" viewBox="0 0 1200 800" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"> | ||
| 147 | + <title>Map Level 2</title> | ||
| 148 | + <polygon points="1035.94 787.41 1035.94 423.16 855.37 423.16 855.37 350.52 1187.28 350.52 1187.28 12.59 548.09 12.59 548.09 68.87 437.36 68.87 437.36 12.59 49.37 12.59 49.37 366.5 12.72 366.5 12.72 787.41 356.2 787.41 414.93 584.41 554.4 584.41 627.81 787.41 1035.94 787.41" class="map__ground" /> | ||
| 149 | + <path d="M1187.28,12.59V350.52H855.37v72.64h180.58V787.41H627.81l-73.41-203H414.93l-58.73,203H12.72V366.5H49.37V12.59h388V68.87H548.08V12.59h639.19M1200,0H535.36V56.28H450.09V0H36.65V353.91H0V800H365.8l2.64-9.13L424.52,597H545.44l70.39,194.65,3,8.35h429.82V410.57H868.09V363.11H1200V0h0Z" class="map__outline" /> | ||
| 150 | + <polygon points="768.46 722.99 789.65 735.1 789.65 759.31 768.46 771.42 747.27 759.31 747.27 735.1 768.46 722.99" class="map__space" /> | ||
| 151 | + <rect x="666.88" y="565.62" width="26.26" height="25.99" class="map__space" /> | ||
| 152 | + <path data-space="2.07" d="M454.76,266.19h63a24.34,24.34,0,0,1,24.47,24.21h0V489.82A24.34,24.34,0,0,1,517.74,514h-63a24.34,24.34,0,0,1-24.47-24.21h0V290.4a24.34,24.34,0,0,1,24.47-24.21h0Z" class="map__space" /> | ||
| 153 | + <path d="M492.72,123.19c30.57,0,55.36-24.53,55.36-54.78H437.36C437.36,98.67,462.15,123.19,492.72,123.19Z" class="map__space" /> | ||
| 154 | + <polygon points="898.12 182.42 919.31 194.53 919.31 218.74 898.12 230.85 876.93 218.74 876.93 194.53 898.12 182.42" class="map__space" /> | ||
| 155 | + <rect x="282.3" y="478.13" width="26.26" height="25.99" class="map__space" /> | ||
| 156 | + <polygon data-space="2.06" points="395.25 652.42 12.72 652.42 12.72 787.41 356.2 787.41 395.25 652.42" class="map__space" /> | ||
| 157 | + <rect data-space="2.02" x="12.72" y="366.5" width="157.39" height="212.11" class="map__space" /> | ||
| 158 | + <rect x="49.37" y="12.59" width="120.74" height="120.74" class="map__space" /> | ||
| 159 | + <rect data-space="2.01" x="177.56" y="12" width="240.03" height="121.33" class="map__space" /> | ||
| 160 | + <rect x="49.37" y="170.48" width="60.37" height="60.37" class="map__space" /> | ||
| 161 | + <rect x="49.37" y="238.6" width="278.23" height="111.92" class="map__space" /> | ||
| 162 | + <rect data-space="2.05" x="600" y="12" width="93.14" height="249.1" class="map__space" /> | ||
| 163 | + <rect x="702.59" y="12.59" width="484.68" height="98.51" class="map__space" /> | ||
| 164 | + <rect data-space="2.03" x="968.07" y="120.1" width="219.21" height="230.42" class="map__space" /> | ||
| 165 | + <rect x="855.37" y="277.6" width="103.7" height="72.92" class="map__space" /> | ||
| 166 | + <circle data-space="2.04" cx="680.68" cy="466.59" r="66.59" class="map__space" /> | ||
| 167 | + <rect data-space="2.08" x="855.37" y="423.16" width="180.58" height="364.25" class="map__space" /> | ||
| 168 | + <polygon points="627.81 787.41 716.09 787.41 716.09 646.58 576.88 646.58 627.81 787.41" class="map__space" /> | ||
| 169 | + </svg> | ||
| 170 | + `, | ||
| 171 | + pin: [ | ||
| 172 | + { | ||
| 173 | + id: 'pin--2-1', | ||
| 174 | + category: 1, | ||
| 175 | + space: 2.01, | ||
| 176 | + icon: 'pepper', | ||
| 177 | + style: { top: '7vmin', left: '22vmin' }, | ||
| 178 | + }, | ||
| 179 | + { | ||
| 180 | + id: 'pin--2-2', | ||
| 181 | + category: 1, | ||
| 182 | + space: 2.02, | ||
| 183 | + icon: 'rocket', | ||
| 184 | + style: { top: '39vmin', left: '5vmin' }, | ||
| 185 | + }, | ||
| 186 | + { | ||
| 187 | + id: 'pin--2-3', | ||
| 188 | + category: 2, | ||
| 189 | + space: 2.03, | ||
| 190 | + icon: 'bug', | ||
| 191 | + style: { top: '21vmin', left: '84vmin' }, | ||
| 192 | + }, | ||
| 193 | + { | ||
| 194 | + id: 'pin--2-4', | ||
| 195 | + category: 3, | ||
| 196 | + space: 2.04, | ||
| 197 | + icon: 'books', | ||
| 198 | + style: { top: '39vmin', left: '53vmin' }, | ||
| 199 | + }, | ||
| 200 | + { | ||
| 201 | + id: 'pin--2-5', | ||
| 202 | + category: 4, | ||
| 203 | + space: 2.05, | ||
| 204 | + icon: 'eggplant', | ||
| 205 | + style: { top: '14vmin', left: '50vmin' }, | ||
| 206 | + }, | ||
| 207 | + { | ||
| 208 | + id: 'pin--2-6', | ||
| 209 | + category: 1, | ||
| 210 | + space: 2.06, | ||
| 211 | + icon: 'strawberry', | ||
| 212 | + style: { top: '60vmin', left: '15vmin' }, | ||
| 213 | + }, | ||
| 214 | + { | ||
| 215 | + id: 'pin--2-7', | ||
| 216 | + category: 1, | ||
| 217 | + space: 2.07, | ||
| 218 | + icon: 'heart', | ||
| 219 | + style: { top: '34vmin', left: '37vmin' }, | ||
| 220 | + }, | ||
| 221 | + { | ||
| 222 | + id: 'pin--2-8', | ||
| 223 | + category: 1, | ||
| 224 | + space: 2.08, | ||
| 225 | + icon: 'wrench', | ||
| 226 | + style: { top: '52vmin', left: '74vmin' }, | ||
| 227 | + }, | ||
| 228 | + ], | ||
| 229 | + }, | ||
| 230 | + { | ||
| 231 | + svg: ` | ||
| 232 | + <svg class="map map--3" viewBox="0 0 1200 800" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"> | ||
| 233 | + <title>Map Level 3</title> | ||
| 234 | + <polygon points="1035.94 787.41 1035.94 423.16 855.37 423.16 855.37 350.52 1187.28 350.52 1187.28 12.59 548.09 12.59 548.09 68.87 437.36 68.87 437.36 12.59 49.37 12.59 49.37 366.5 12.72 366.5 12.72 787.41 356.2 787.41 414.93 584.41 554.4 584.41 627.81 787.41 1035.94 787.41" class="map__ground" /> | ||
| 235 | + <path d="M1187.28,12.59V350.52H855.37v72.64h180.58V787.41H627.81l-73.41-203H414.93l-58.73,203H12.72V366.5H49.37V12.59h388V68.87H548.08V12.59h639.19M1200,0H535.36V56.28H450.09V0H36.65V353.91H0V800H365.8l2.64-9.13L424.52,597H545.44l70.39,194.65,3,8.35h429.82V410.57H868.09V363.11H1200V0h0Z" class="map__outline" /> | ||
| 236 | + <rect x="666.9" y="565.6" width="26.3" height="26" class="map__space" /> | ||
| 237 | + <path data-space="3.07" d="M454.8,266.2h63c13.4-0.1,24.4,10.8,24.5,24.2c0,0,0,0,0,0l0,0v199.4c-0.1,13.4-11.1,24.3-24.5,24.2h-63c-13.4,0.1-24.4-10.8-24.5-24.2c0,0,0,0,0,0l0,0V290.4C430.3,277,441.3,266.1,454.8,266.2C454.7,266.2,454.7,266.2,454.8,266.2L454.8,266.2L454.8,266.2z" class="map__space" /> | ||
| 238 | + <polygon points="898.1,182.4 919.3,194.5 919.3,218.7 898.1,230.9 876.9,218.7 876.9,194.5 " class="map__space" /> | ||
| 239 | + <rect x="282.3" y="478.1" width="26.3" height="26" class="map__space" /> | ||
| 240 | + <rect x="381.5" y="12.6" width="55.8" height="55.8" class="map__space" /> | ||
| 241 | + <rect x="566" y="12.6" width="110.6" height="110.6" class="map__space" /> | ||
| 242 | + <rect x="566" y="157.4" width="110.6" height="73.5" class="map__space" /> | ||
| 243 | + <rect x="742" y="12.6" width="445.3" height="110.6" class="map__space" /> | ||
| 244 | + <rect data-space="3.03" x="972.8" y="128.5" width="214.5" height="222" class="map__space" /> | ||
| 245 | + <rect x="756" y="423.2" width="279.9" height="161.2" class="map__space" /> | ||
| 246 | + <rect x="876.9" y="591.6" width="159" height="195.8" class="map__space" /> | ||
| 247 | + <polygon data-space="3.04" points="871.6,680 589.4,680 627.8,787.4 871.6,787.4 " class="map__space" /> | ||
| 248 | + <circle data-space="3.06" cx="735.7" cy="343.8" r="55.7" class="map__space" /> | ||
| 249 | + <rect x="12.7" y="696" width="91.4" height="91.4" class="map__space" /> | ||
| 250 | + <rect x="12.7" y="591.6" width="146.9" height="97.9" class="map__space" /> | ||
| 251 | + <rect data-space="3.02" x="12.7" y="366.5" width="146.9" height="217.9" class="map__space" /> | ||
| 252 | + <polygon data-space="3.05" points="356.2,787.4 414.9,584.4 275.1,584.4 275.1,787.4 " class="map__space" /> | ||
| 253 | + <rect data-space="3.01" x="49.4" y="12.6" width="312.7" height="343" class="map__space" /> | ||
| 254 | + </svg> | ||
| 255 | + `, | ||
| 256 | + pin: [ | ||
| 257 | + { | ||
| 258 | + id: 'pin--3-1', | ||
| 259 | + category: 1, | ||
| 260 | + space: 3.01, | ||
| 261 | + icon: 'tea', | ||
| 262 | + style: { top: '17vmin', left: '15vmin' }, | ||
| 263 | + }, | ||
| 264 | + { | ||
| 265 | + id: 'pin--3-2', | ||
| 266 | + category: 1, | ||
| 267 | + space: 3.02, | ||
| 268 | + icon: 'pyramid', | ||
| 269 | + style: { top: '42vmin', left: '5vmin' }, | ||
| 270 | + }, | ||
| 271 | + { | ||
| 272 | + id: 'pin--3-3', | ||
| 273 | + category: 2, | ||
| 274 | + space: 3.03, | ||
| 275 | + icon: 'shoe', | ||
| 276 | + style: { top: '19vmin', left: '85vmin' }, | ||
| 277 | + }, | ||
| 278 | + { | ||
| 279 | + id: 'pin--3-4', | ||
| 280 | + category: 3, | ||
| 281 | + space: 3.04, | ||
| 282 | + icon: 'shirt', | ||
| 283 | + style: { top: '61vmin', left: '57vmin' }, | ||
| 284 | + }, | ||
| 285 | + { | ||
| 286 | + id: 'pin--3-5', | ||
| 287 | + category: 4, | ||
| 288 | + space: 3.05, | ||
| 289 | + icon: 'tree', | ||
| 290 | + style: { top: '58vmin', left: '25vmin' }, | ||
| 291 | + }, | ||
| 292 | + { | ||
| 293 | + id: 'pin--3-6', | ||
| 294 | + category: 1, | ||
| 295 | + space: 3.06, | ||
| 296 | + icon: 'grass', | ||
| 297 | + style: { top: '30vmin', left: '57vmin' }, | ||
| 298 | + }, | ||
| 299 | + { | ||
| 300 | + id: 'pin--3-7', | ||
| 301 | + category: 1, | ||
| 302 | + space: 3.07, | ||
| 303 | + icon: 'star', | ||
| 304 | + style: { top: '32vmin', left: '37vmin' }, | ||
| 305 | + }, | ||
| 306 | + ], | ||
| 307 | + }, | ||
| 308 | + { | ||
| 309 | + svg: ` | ||
| 310 | + <svg class="map map--4" viewBox="0 0 1200 800" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"> | ||
| 311 | + <title>Map Level 2</title> | ||
| 312 | + <polygon points="1035.94 787.41 1035.94 423.16 855.37 423.16 855.37 350.52 1187.28 350.52 1187.28 12.59 548.09 12.59 548.09 68.87 437.36 68.87 437.36 12.59 49.37 12.59 49.37 366.5 12.72 366.5 12.72 787.41 356.2 787.41 414.93 584.41 554.4 584.41 627.81 787.41 1035.94 787.41" class="map__ground" /> | ||
| 313 | + <path d="M1187.28,12.59V350.52H855.37v72.64h180.58V787.41H627.81l-73.41-203H414.93l-58.73,203H12.72V366.5H49.37V12.59h388V68.87H548.08V12.59h639.19M1200,0H535.36V56.28H450.09V0H36.65V353.91H0V800H365.8l2.64-9.13L424.52,597H545.44l70.39,194.65,3,8.35h429.82V410.57H868.09V363.11H1200V0h0Z" class="map__outline" /> | ||
| 314 | + <path d="M674.5,647c2,16.3,29.2,31.3,51.4,28.9c51.9-5.8,80.3-107.4,64.7-119c-6.4-4.7-27.9,11.2-70.8,43.1C676.6,632,673.7,640.5,674.5,647z" class="map__lake" /> | ||
| 315 | + <ellipse cx="738.82" cy="595.48" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 316 | + <ellipse cx="768.46" cy="605.4" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 317 | + <ellipse cx="744.64" cy="624.92" rx="13.95" ry="13.8" class="map__tree" /> | ||
| 318 | + <rect x="666.9" y="565.6" width="26.3" height="26" class="map__space" /> | ||
| 319 | + <path data-space="4.05" d="M454.8,266.2h63c13.4-0.1,24.4,10.8,24.5,24.2c0,0,0,0,0,0l0,0v199.4c-0.1,13.4-11.1,24.3-24.5,24.2h-63c-13.4,0.1-24.4-10.8-24.5-24.2c0,0,0,0,0,0l0,0V290.4C430.3,277,441.3,266.1,454.8,266.2C454.7,266.2,454.7,266.2,454.8,266.2L454.8,266.2L454.8,266.2z" class="map__space" /> | ||
| 320 | + <rect x="282.3" y="478.1" width="26.3" height="26" class="map__space" /> | ||
| 321 | + <rect x="12.7" y="366.5" width="202.4" height="175.1" class="map__space" /> | ||
| 322 | + <rect x="12.7" y="550.6" width="50.9" height="236.8" class="map__space" /> | ||
| 323 | + <circle data-space="4.07" cx="143.1" cy="708.1" r="49.5" class="map__space" /> | ||
| 324 | + <circle data-space="4.01" cx="288.6" cy="658.6" r="66" class="map__space" /> | ||
| 325 | + <polygon data-space="4.02" points="49.4,354.1 362.1,354.1 362.1,230.9 600,230.9 600,297.1 855.4,297.1 855.4,12.6 548.1,12.6 548.1,68.9 437.4,68.9 437.4,12.6 49.4,12.6 " class="map__space" /> | ||
| 326 | + <rect x="1065.6" y="12.6" width="121.7" height="110.5" class="map__space" /> | ||
| 327 | + <rect data-space="4.03" x="1065.6" y="132.1" width="121.7" height="218.4" class="map__space" /> | ||
| 328 | + <polygon points="901.3,92.6 886.9,67.8 901.3,43 929.9,43 944.2,67.8 929.9,92.6 " class="map__space" /> | ||
| 329 | + <polygon points="953.3,129.1 938.6,103.6 953.3,78.1 982.8,78.1 997.5,103.6 982.8,129.1 " class="map__space" /> | ||
| 330 | + <rect x="951.6" y="213.1" width="73.5" height="73.5" class="map__space" /> | ||
| 331 | + <rect data-space="4.06" x="639.6" y="399.5" width="151.5" height="121.1" class="map__space" /> | ||
| 332 | + <rect data-space="4.04" x="855.4" y="423.2" width="180.6" height="364.2" class="map__space" /> | ||
| 333 | + <polygon points="613.2,747 846.6,658.6 846.6,787.4 627.8,787.4" class="map__space" /> | ||
| 334 | + </svg> | ||
| 335 | + `, | ||
| 336 | + pin: [ | ||
| 337 | + { | ||
| 338 | + id: 'pin--4-1', | ||
| 339 | + category: 1, | ||
| 340 | + space: 4.01, | ||
| 341 | + icon: 'tomato', | ||
| 342 | + style: { top: '55vmin', left: '21vmin' }, | ||
| 343 | + }, | ||
| 344 | + { | ||
| 345 | + id: 'pin--4-2', | ||
| 346 | + category: 1, | ||
| 347 | + space: 4.02, | ||
| 348 | + icon: 'cinema', | ||
| 349 | + style: { top: '18vmin', left: '20vmin' }, | ||
| 350 | + }, | ||
| 351 | + { | ||
| 352 | + id: 'pin--4-3', | ||
| 353 | + category: 2, | ||
| 354 | + space: 4.03, | ||
| 355 | + icon: 'paint-brush', | ||
| 356 | + style: { top: '21vmin', left: '88vmin' }, | ||
| 357 | + }, | ||
| 358 | + { | ||
| 359 | + id: 'pin--4-4', | ||
| 360 | + category: 3, | ||
| 361 | + space: 4.04, | ||
| 362 | + icon: 'modx', | ||
| 363 | + style: { top: '52vmin', left: '74vmin' }, | ||
| 364 | + }, | ||
| 365 | + { | ||
| 366 | + id: 'pin--4-5', | ||
| 367 | + category: 4, | ||
| 368 | + space: 4.05, | ||
| 369 | + icon: 'droplet', | ||
| 370 | + style: { top: '33vmin', left: '38vmin' }, | ||
| 371 | + }, | ||
| 372 | + { | ||
| 373 | + id: 'pin--4-6', | ||
| 374 | + category: 1, | ||
| 375 | + space: 4.06, | ||
| 376 | + icon: 'cupcake', | ||
| 377 | + style: { top: '39vmin', left: '56vmin' }, | ||
| 378 | + }, | ||
| 379 | + { | ||
| 380 | + id: 'pin--4-7', | ||
| 381 | + category: 1, | ||
| 382 | + space: 4.07, | ||
| 383 | + icon: 'leafcircle', | ||
| 384 | + style: { top: '58vmin', left: '10vmin' }, | ||
| 385 | + }, | ||
| 386 | + ], | ||
| 387 | + }, | ||
| 388 | +]; | ||
| 389 | + | ||
| 390 | +export default testInfo; |
| ... | @@ -59,7 +59,7 @@ | ... | @@ -59,7 +59,7 @@ |
| 59 | v-model:show="showPopup" | 59 | v-model:show="showPopup" |
| 60 | position="bottom" | 60 | position="bottom" |
| 61 | :overlay="true" | 61 | :overlay="true" |
| 62 | - :style="{ height: '90%' }" | 62 | + :style="{ height: '100%' }" |
| 63 | teleport="body" | 63 | teleport="body" |
| 64 | > | 64 | > |
| 65 | <van-icon name="cross" size="1.35rem" @click="showPopup = false" style="float: right; color: gray; margin-right: 1rem; margin-top: 1rem;" /> | 65 | <van-icon name="cross" size="1.35rem" @click="showPopup = false" style="float: right; color: gray; margin-right: 1rem; margin-top: 1rem;" /> | ... | ... |
| ... | @@ -149,6 +149,11 @@ | ... | @@ -149,6 +149,11 @@ |
| 149 | dependencies: | 149 | dependencies: |
| 150 | "@types/sizzle" "*" | 150 | "@types/sizzle" "*" |
| 151 | 151 | ||
| 152 | +"@types/json-schema@^7.0.8": | ||
| 153 | + version "7.0.12" | ||
| 154 | + resolved "https://mirrors.cloud.tencent.com/npm/@types/json-schema/-/json-schema-7.0.12.tgz#d70faba7039d5fca54c83c7dbab41051d2b6f6cb" | ||
| 155 | + integrity sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA== | ||
| 156 | + | ||
| 152 | "@types/lodash@^4.14.182": | 157 | "@types/lodash@^4.14.182": |
| 153 | version "4.14.182" | 158 | version "4.14.182" |
| 154 | resolved "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.182.tgz" | 159 | resolved "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.182.tgz" |
| ... | @@ -454,6 +459,21 @@ aggregate-error@^3.0.0: | ... | @@ -454,6 +459,21 @@ aggregate-error@^3.0.0: |
| 454 | clean-stack "^2.0.0" | 459 | clean-stack "^2.0.0" |
| 455 | indent-string "^4.0.0" | 460 | indent-string "^4.0.0" |
| 456 | 461 | ||
| 462 | +ajv-keywords@^3.1.0, ajv-keywords@^3.5.2: | ||
| 463 | + version "3.5.2" | ||
| 464 | + resolved "https://mirrors.cloud.tencent.com/npm/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d" | ||
| 465 | + integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ== | ||
| 466 | + | ||
| 467 | +ajv@^6.1.0, ajv@^6.12.5: | ||
| 468 | + version "6.12.6" | ||
| 469 | + resolved "https://mirrors.cloud.tencent.com/npm/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4" | ||
| 470 | + integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g== | ||
| 471 | + dependencies: | ||
| 472 | + fast-deep-equal "^3.1.1" | ||
| 473 | + fast-json-stable-stringify "^2.0.0" | ||
| 474 | + json-schema-traverse "^0.4.1" | ||
| 475 | + uri-js "^4.2.2" | ||
| 476 | + | ||
| 457 | animate.css@^4.1.1: | 477 | animate.css@^4.1.1: |
| 458 | version "4.1.1" | 478 | version "4.1.1" |
| 459 | resolved "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz" | 479 | resolved "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz" |
| ... | @@ -580,6 +600,11 @@ axios@^0.27.2: | ... | @@ -580,6 +600,11 @@ axios@^0.27.2: |
| 580 | follow-redirects "^1.14.9" | 600 | follow-redirects "^1.14.9" |
| 581 | form-data "^4.0.0" | 601 | form-data "^4.0.0" |
| 582 | 602 | ||
| 603 | +babel-plugin-syntax-dynamic-import@^6.18.0: | ||
| 604 | + version "6.18.0" | ||
| 605 | + resolved "https://mirrors.cloud.tencent.com/npm/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz#8d6a26229c83745a9982a441051572caa179b1da" | ||
| 606 | + integrity sha1-jWomIpyDdFqZgqRBBRVyyqF5sdo= | ||
| 607 | + | ||
| 583 | balanced-match@^1.0.0: | 608 | balanced-match@^1.0.0: |
| 584 | version "1.0.2" | 609 | version "1.0.2" |
| 585 | resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz" | 610 | resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz" |
| ... | @@ -602,6 +627,11 @@ bcrypt-pbkdf@^1.0.0: | ... | @@ -602,6 +627,11 @@ bcrypt-pbkdf@^1.0.0: |
| 602 | dependencies: | 627 | dependencies: |
| 603 | tweetnacl "^0.14.3" | 628 | tweetnacl "^0.14.3" |
| 604 | 629 | ||
| 630 | +big.js@^5.2.2: | ||
| 631 | + version "5.2.2" | ||
| 632 | + resolved "https://mirrors.cloud.tencent.com/npm/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328" | ||
| 633 | + integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ== | ||
| 634 | + | ||
| 605 | binary-extensions@^2.0.0: | 635 | binary-extensions@^2.0.0: |
| 606 | version "2.2.0" | 636 | version "2.2.0" |
| 607 | resolved "https://mirrors.cloud.tencent.com/npm/binary-extensions/-/binary-extensions-2.2.0.tgz" | 637 | resolved "https://mirrors.cloud.tencent.com/npm/binary-extensions/-/binary-extensions-2.2.0.tgz" |
| ... | @@ -1083,6 +1113,11 @@ emoji-regex@^8.0.0: | ... | @@ -1083,6 +1113,11 @@ emoji-regex@^8.0.0: |
| 1083 | resolved "https://mirrors.cloud.tencent.com/npm/emoji-regex/-/emoji-regex-8.0.0.tgz" | 1113 | resolved "https://mirrors.cloud.tencent.com/npm/emoji-regex/-/emoji-regex-8.0.0.tgz" |
| 1084 | integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A== | 1114 | integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A== |
| 1085 | 1115 | ||
| 1116 | +emojis-list@^3.0.0: | ||
| 1117 | + version "3.0.0" | ||
| 1118 | + resolved "https://mirrors.cloud.tencent.com/npm/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78" | ||
| 1119 | + integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q== | ||
| 1120 | + | ||
| 1086 | end-of-stream@^1.1.0: | 1121 | end-of-stream@^1.1.0: |
| 1087 | version "1.4.4" | 1122 | version "1.4.4" |
| 1088 | resolved "https://mirrors.cloud.tencent.com/npm/end-of-stream/-/end-of-stream-1.4.4.tgz" | 1123 | resolved "https://mirrors.cloud.tencent.com/npm/end-of-stream/-/end-of-stream-1.4.4.tgz" |
| ... | @@ -1372,6 +1407,11 @@ extsprintf@1.3.0, extsprintf@^1.2.0: | ... | @@ -1372,6 +1407,11 @@ extsprintf@1.3.0, extsprintf@^1.2.0: |
| 1372 | resolved "https://mirrors.cloud.tencent.com/npm/extsprintf/-/extsprintf-1.3.0.tgz" | 1407 | resolved "https://mirrors.cloud.tencent.com/npm/extsprintf/-/extsprintf-1.3.0.tgz" |
| 1373 | integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU= | 1408 | integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU= |
| 1374 | 1409 | ||
| 1410 | +fast-deep-equal@^3.1.1: | ||
| 1411 | + version "3.1.3" | ||
| 1412 | + resolved "https://mirrors.cloud.tencent.com/npm/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525" | ||
| 1413 | + integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q== | ||
| 1414 | + | ||
| 1375 | fast-glob@^3.2.11, fast-glob@^3.2.12, fast-glob@^3.2.9: | 1415 | fast-glob@^3.2.11, fast-glob@^3.2.12, fast-glob@^3.2.9: |
| 1376 | version "3.2.12" | 1416 | version "3.2.12" |
| 1377 | resolved "https://mirrors.cloud.tencent.com/npm/fast-glob/-/fast-glob-3.2.12.tgz" | 1417 | resolved "https://mirrors.cloud.tencent.com/npm/fast-glob/-/fast-glob-3.2.12.tgz" |
| ... | @@ -1383,6 +1423,11 @@ fast-glob@^3.2.11, fast-glob@^3.2.12, fast-glob@^3.2.9: | ... | @@ -1383,6 +1423,11 @@ fast-glob@^3.2.11, fast-glob@^3.2.12, fast-glob@^3.2.9: |
| 1383 | merge2 "^1.3.0" | 1423 | merge2 "^1.3.0" |
| 1384 | micromatch "^4.0.4" | 1424 | micromatch "^4.0.4" |
| 1385 | 1425 | ||
| 1426 | +fast-json-stable-stringify@^2.0.0: | ||
| 1427 | + version "2.1.0" | ||
| 1428 | + resolved "https://mirrors.cloud.tencent.com/npm/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633" | ||
| 1429 | + integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw== | ||
| 1430 | + | ||
| 1386 | fastq@^1.6.0: | 1431 | fastq@^1.6.0: |
| 1387 | version "1.15.0" | 1432 | version "1.15.0" |
| 1388 | resolved "https://mirrors.cloud.tencent.com/npm/fastq/-/fastq-1.15.0.tgz" | 1433 | resolved "https://mirrors.cloud.tencent.com/npm/fastq/-/fastq-1.15.0.tgz" |
| ... | @@ -1843,6 +1888,11 @@ jsbn@~0.1.0: | ... | @@ -1843,6 +1888,11 @@ jsbn@~0.1.0: |
| 1843 | resolved "https://mirrors.cloud.tencent.com/npm/jsbn/-/jsbn-0.1.1.tgz" | 1888 | resolved "https://mirrors.cloud.tencent.com/npm/jsbn/-/jsbn-0.1.1.tgz" |
| 1844 | integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM= | 1889 | integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM= |
| 1845 | 1890 | ||
| 1891 | +json-schema-traverse@^0.4.1: | ||
| 1892 | + version "0.4.1" | ||
| 1893 | + resolved "https://mirrors.cloud.tencent.com/npm/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660" | ||
| 1894 | + integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg== | ||
| 1895 | + | ||
| 1846 | json-schema@0.4.0: | 1896 | json-schema@0.4.0: |
| 1847 | version "0.4.0" | 1897 | version "0.4.0" |
| 1848 | resolved "https://mirrors.cloud.tencent.com/npm/json-schema/-/json-schema-0.4.0.tgz" | 1898 | resolved "https://mirrors.cloud.tencent.com/npm/json-schema/-/json-schema-0.4.0.tgz" |
| ... | @@ -1853,6 +1903,18 @@ json-stringify-safe@~5.0.1: | ... | @@ -1853,6 +1903,18 @@ json-stringify-safe@~5.0.1: |
| 1853 | resolved "https://mirrors.cloud.tencent.com/npm/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz" | 1903 | resolved "https://mirrors.cloud.tencent.com/npm/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz" |
| 1854 | integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus= | 1904 | integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus= |
| 1855 | 1905 | ||
| 1906 | +json5@^1.0.1: | ||
| 1907 | + version "1.0.2" | ||
| 1908 | + resolved "https://mirrors.cloud.tencent.com/npm/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593" | ||
| 1909 | + integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA== | ||
| 1910 | + dependencies: | ||
| 1911 | + minimist "^1.2.0" | ||
| 1912 | + | ||
| 1913 | +json5@^2.1.2: | ||
| 1914 | + version "2.2.3" | ||
| 1915 | + resolved "https://mirrors.cloud.tencent.com/npm/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283" | ||
| 1916 | + integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg== | ||
| 1917 | + | ||
| 1856 | jsonc-parser@^3.2.0: | 1918 | jsonc-parser@^3.2.0: |
| 1857 | version "3.2.0" | 1919 | version "3.2.0" |
| 1858 | resolved "https://mirrors.cloud.tencent.com/npm/jsonc-parser/-/jsonc-parser-3.2.0.tgz" | 1920 | resolved "https://mirrors.cloud.tencent.com/npm/jsonc-parser/-/jsonc-parser-3.2.0.tgz" |
| ... | @@ -1925,6 +1987,24 @@ listr2@^3.8.3: | ... | @@ -1925,6 +1987,24 @@ listr2@^3.8.3: |
| 1925 | through "^2.3.8" | 1987 | through "^2.3.8" |
| 1926 | wrap-ansi "^7.0.0" | 1988 | wrap-ansi "^7.0.0" |
| 1927 | 1989 | ||
| 1990 | +loader-utils@^1.0.0, loader-utils@^1.4.0: | ||
| 1991 | + version "1.4.2" | ||
| 1992 | + resolved "https://mirrors.cloud.tencent.com/npm/loader-utils/-/loader-utils-1.4.2.tgz#29a957f3a63973883eb684f10ffd3d151fec01a3" | ||
| 1993 | + integrity sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg== | ||
| 1994 | + dependencies: | ||
| 1995 | + big.js "^5.2.2" | ||
| 1996 | + emojis-list "^3.0.0" | ||
| 1997 | + json5 "^1.0.1" | ||
| 1998 | + | ||
| 1999 | +loader-utils@^2.0.0: | ||
| 2000 | + version "2.0.4" | ||
| 2001 | + resolved "https://mirrors.cloud.tencent.com/npm/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c" | ||
| 2002 | + integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw== | ||
| 2003 | + dependencies: | ||
| 2004 | + big.js "^5.2.2" | ||
| 2005 | + emojis-list "^3.0.0" | ||
| 2006 | + json5 "^2.1.2" | ||
| 2007 | + | ||
| 1928 | local-pkg@^0.4.1, local-pkg@^0.4.3: | 2008 | local-pkg@^0.4.1, local-pkg@^0.4.3: |
| 1929 | version "0.4.3" | 2009 | version "0.4.3" |
| 1930 | resolved "https://mirrors.cloud.tencent.com/npm/local-pkg/-/local-pkg-0.4.3.tgz" | 2010 | resolved "https://mirrors.cloud.tencent.com/npm/local-pkg/-/local-pkg-0.4.3.tgz" |
| ... | @@ -2099,6 +2179,11 @@ minimatch@^7.4.2: | ... | @@ -2099,6 +2179,11 @@ minimatch@^7.4.2: |
| 2099 | dependencies: | 2179 | dependencies: |
| 2100 | brace-expansion "^2.0.1" | 2180 | brace-expansion "^2.0.1" |
| 2101 | 2181 | ||
| 2182 | +minimist@^1.2.0: | ||
| 2183 | + version "1.2.8" | ||
| 2184 | + resolved "https://mirrors.cloud.tencent.com/npm/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c" | ||
| 2185 | + integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA== | ||
| 2186 | + | ||
| 2102 | minimist@^1.2.6: | 2187 | minimist@^1.2.6: |
| 2103 | version "1.2.6" | 2188 | version "1.2.6" |
| 2104 | resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz" | 2189 | resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz" |
| ... | @@ -2378,6 +2463,11 @@ pathval@^1.1.1: | ... | @@ -2378,6 +2463,11 @@ pathval@^1.1.1: |
| 2378 | resolved "https://mirrors.cloud.tencent.com/npm/pathval/-/pathval-1.1.1.tgz" | 2463 | resolved "https://mirrors.cloud.tencent.com/npm/pathval/-/pathval-1.1.1.tgz" |
| 2379 | integrity sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ== | 2464 | integrity sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ== |
| 2380 | 2465 | ||
| 2466 | +pdfjs-dist@2.6.347: | ||
| 2467 | + version "2.6.347" | ||
| 2468 | + resolved "https://mirrors.cloud.tencent.com/npm/pdfjs-dist/-/pdfjs-dist-2.6.347.tgz#f257ed66e83be900cd0fd28524a2187fb9e25cd5" | ||
| 2469 | + integrity sha512-QC+h7hG2su9v/nU1wEI3SnpPIrqJODL7GTDFvR74ANKGq1AFJW16PH8VWnhpiTi9YcLSFV9xLeWSgq+ckHLdVQ== | ||
| 2470 | + | ||
| 2381 | pend@~1.2.0: | 2471 | pend@~1.2.0: |
| 2382 | version "1.2.0" | 2472 | version "1.2.0" |
| 2383 | resolved "https://mirrors.cloud.tencent.com/npm/pend/-/pend-1.2.0.tgz" | 2473 | resolved "https://mirrors.cloud.tencent.com/npm/pend/-/pend-1.2.0.tgz" |
| ... | @@ -2490,7 +2580,7 @@ pump@^3.0.0: | ... | @@ -2490,7 +2580,7 @@ pump@^3.0.0: |
| 2490 | end-of-stream "^1.1.0" | 2580 | end-of-stream "^1.1.0" |
| 2491 | once "^1.3.1" | 2581 | once "^1.3.1" |
| 2492 | 2582 | ||
| 2493 | -punycode@^2.1.1: | 2583 | +punycode@^2.1.0, punycode@^2.1.1: |
| 2494 | version "2.3.0" | 2584 | version "2.3.0" |
| 2495 | resolved "https://mirrors.cloud.tencent.com/npm/punycode/-/punycode-2.3.0.tgz" | 2585 | resolved "https://mirrors.cloud.tencent.com/npm/punycode/-/punycode-2.3.0.tgz" |
| 2496 | integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA== | 2586 | integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA== |
| ... | @@ -2514,6 +2604,14 @@ randombytes@^2.1.0: | ... | @@ -2514,6 +2604,14 @@ randombytes@^2.1.0: |
| 2514 | dependencies: | 2604 | dependencies: |
| 2515 | safe-buffer "^5.1.0" | 2605 | safe-buffer "^5.1.0" |
| 2516 | 2606 | ||
| 2607 | +raw-loader@^4.0.2: | ||
| 2608 | + version "4.0.2" | ||
| 2609 | + resolved "https://mirrors.cloud.tencent.com/npm/raw-loader/-/raw-loader-4.0.2.tgz#1aac6b7d1ad1501e66efdac1522c73e59a584eb6" | ||
| 2610 | + integrity sha512-ZnScIV3ag9A4wPX/ZayxL/jZH+euYb6FcUinPcgiQW0+UBtEv0O6Q3lGd3cqJ+GHH+rksEv3Pj99oxJ3u3VIKA== | ||
| 2611 | + dependencies: | ||
| 2612 | + loader-utils "^2.0.0" | ||
| 2613 | + schema-utils "^3.0.0" | ||
| 2614 | + | ||
| 2517 | readdirp@~3.6.0: | 2615 | readdirp@~3.6.0: |
| 2518 | version "3.6.0" | 2616 | version "3.6.0" |
| 2519 | resolved "https://mirrors.cloud.tencent.com/npm/readdirp/-/readdirp-3.6.0.tgz" | 2617 | resolved "https://mirrors.cloud.tencent.com/npm/readdirp/-/readdirp-3.6.0.tgz" |
| ... | @@ -2627,6 +2725,23 @@ sax@^1.2.4: | ... | @@ -2627,6 +2725,23 @@ sax@^1.2.4: |
| 2627 | resolved "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz" | 2725 | resolved "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz" |
| 2628 | integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw== | 2726 | integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw== |
| 2629 | 2727 | ||
| 2728 | +schema-utils@^0.4.0: | ||
| 2729 | + version "0.4.7" | ||
| 2730 | + resolved "https://mirrors.cloud.tencent.com/npm/schema-utils/-/schema-utils-0.4.7.tgz#ba74f597d2be2ea880131746ee17d0a093c68187" | ||
| 2731 | + integrity sha512-v/iwU6wvwGK8HbU9yi3/nhGzP0yGSuhQMzL6ySiec1FSrZZDkhm4noOSWzrNFo/jEc+SJY6jRTwuwbSXJPDUnQ== | ||
| 2732 | + dependencies: | ||
| 2733 | + ajv "^6.1.0" | ||
| 2734 | + ajv-keywords "^3.1.0" | ||
| 2735 | + | ||
| 2736 | +schema-utils@^3.0.0: | ||
| 2737 | + version "3.3.0" | ||
| 2738 | + resolved "https://mirrors.cloud.tencent.com/npm/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe" | ||
| 2739 | + integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg== | ||
| 2740 | + dependencies: | ||
| 2741 | + "@types/json-schema" "^7.0.8" | ||
| 2742 | + ajv "^6.12.5" | ||
| 2743 | + ajv-keywords "^3.5.2" | ||
| 2744 | + | ||
| 2630 | scule@^0.2.1: | 2745 | scule@^0.2.1: |
| 2631 | version "0.2.1" | 2746 | version "0.2.1" |
| 2632 | resolved "https://mirrors.cloud.tencent.com/npm/scule/-/scule-0.2.1.tgz" | 2747 | resolved "https://mirrors.cloud.tencent.com/npm/scule/-/scule-0.2.1.tgz" |
| ... | @@ -3035,6 +3150,13 @@ upper-case@^2.0.2: | ... | @@ -3035,6 +3150,13 @@ upper-case@^2.0.2: |
| 3035 | dependencies: | 3150 | dependencies: |
| 3036 | tslib "^2.0.3" | 3151 | tslib "^2.0.3" |
| 3037 | 3152 | ||
| 3153 | +uri-js@^4.2.2: | ||
| 3154 | + version "4.4.1" | ||
| 3155 | + resolved "https://mirrors.cloud.tencent.com/npm/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e" | ||
| 3156 | + integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg== | ||
| 3157 | + dependencies: | ||
| 3158 | + punycode "^2.1.0" | ||
| 3159 | + | ||
| 3038 | url-toolkit@^2.2.1: | 3160 | url-toolkit@^2.2.1: |
| 3039 | version "2.2.5" | 3161 | version "2.2.5" |
| 3040 | resolved "https://mirrors.cloud.tencent.com/npm/url-toolkit/-/url-toolkit-2.2.5.tgz" | 3162 | resolved "https://mirrors.cloud.tencent.com/npm/url-toolkit/-/url-toolkit-2.2.5.tgz" |
| ... | @@ -3198,6 +3320,23 @@ vue-eslint-parser@^9.3.0: | ... | @@ -3198,6 +3320,23 @@ vue-eslint-parser@^9.3.0: |
| 3198 | lodash "^4.17.21" | 3320 | lodash "^4.17.21" |
| 3199 | semver "^7.3.6" | 3321 | semver "^7.3.6" |
| 3200 | 3322 | ||
| 3323 | +vue-pdf@^4.3.0: | ||
| 3324 | + version "4.3.0" | ||
| 3325 | + resolved "https://mirrors.cloud.tencent.com/npm/vue-pdf/-/vue-pdf-4.3.0.tgz#d5f790ee7967e7b7aa9089b97b11ab168e19dbd0" | ||
| 3326 | + integrity sha512-zd3lJj6CbtrawgaaDDciTDjkJMUKiLWtbEmBg5CvFn9Noe9oAO/GNy/fc5c59qGuFCJ14ibIV1baw4S07e5bSQ== | ||
| 3327 | + dependencies: | ||
| 3328 | + babel-plugin-syntax-dynamic-import "^6.18.0" | ||
| 3329 | + loader-utils "^1.4.0" | ||
| 3330 | + pdfjs-dist "2.6.347" | ||
| 3331 | + raw-loader "^4.0.2" | ||
| 3332 | + vue-resize-sensor "^2.0.0" | ||
| 3333 | + worker-loader "^2.0.0" | ||
| 3334 | + | ||
| 3335 | +vue-resize-sensor@^2.0.0: | ||
| 3336 | + version "2.0.0" | ||
| 3337 | + resolved "https://mirrors.cloud.tencent.com/npm/vue-resize-sensor/-/vue-resize-sensor-2.0.0.tgz#3a587fd6802e1688709cf2c5aadae7a0075952bf" | ||
| 3338 | + integrity sha512-W+y2EAI/BxS4Vlcca9scQv8ifeBFck56DRtSwWJ2H4Cw1GLNUYxiZxUHHkuzuI5JPW/cYtL1bPO5xPyEXx4LmQ== | ||
| 3339 | + | ||
| 3201 | vue-router@^4.0.15: | 3340 | vue-router@^4.0.15: |
| 3202 | version "4.2.1" | 3341 | version "4.2.1" |
| 3203 | resolved "https://mirrors.cloud.tencent.com/npm/vue-router/-/vue-router-4.2.1.tgz" | 3342 | resolved "https://mirrors.cloud.tencent.com/npm/vue-router/-/vue-router-4.2.1.tgz" |
| ... | @@ -3243,6 +3382,14 @@ which@^2.0.1: | ... | @@ -3243,6 +3382,14 @@ which@^2.0.1: |
| 3243 | dependencies: | 3382 | dependencies: |
| 3244 | isexe "^2.0.0" | 3383 | isexe "^2.0.0" |
| 3245 | 3384 | ||
| 3385 | +worker-loader@^2.0.0: | ||
| 3386 | + version "2.0.0" | ||
| 3387 | + resolved "https://mirrors.cloud.tencent.com/npm/worker-loader/-/worker-loader-2.0.0.tgz#45fda3ef76aca815771a89107399ee4119b430ac" | ||
| 3388 | + integrity sha512-tnvNp4K3KQOpfRnD20m8xltE3eWh89Ye+5oj7wXEEHKac1P4oZ6p9oTj8/8ExqoSBnk9nu5Pr4nKfQ1hn2APJw== | ||
| 3389 | + dependencies: | ||
| 3390 | + loader-utils "^1.0.0" | ||
| 3391 | + schema-utils "^0.4.0" | ||
| 3392 | + | ||
| 3246 | workerpool@6.2.1: | 3393 | workerpool@6.2.1: |
| 3247 | version "6.2.1" | 3394 | version "6.2.1" |
| 3248 | resolved "https://mirrors.cloud.tencent.com/npm/workerpool/-/workerpool-6.2.1.tgz" | 3395 | resolved "https://mirrors.cloud.tencent.com/npm/workerpool/-/workerpool-6.2.1.tgz" | ... | ... |
-
Please register or login to post a comment