2022.6.28

pages/map/map.vue

@@ -21,7 +21,7 @@
                <div class="box__image" :class="{ 'box--active': item.has_answer > 0 }">
                  <img :src="item.image ? item.image.url : ''" alt="">
                </div>
-            <div class="box__text" :class="{ 'box__text--active': item.has_answer > 0 }" :style="{ 'transform': (item.d > 100 || item.d < -100) ? 'translate(-50rpx, 136rpx)' : '' }">{{ item.name }}</div>
+            <div class="box__text" :class="{ 'box__text--active': item.has_answer > 0 }" :style="{ 'transform': (item.d > 100 || item.d < -100) ? 'translate(calc(-50% + 58rpx), 136rpx)' : '' }">{{ item.name }}</div>
           </div>
         </div>
       </div>
@@ -263,7 +263,8 @@ export default {
 
         position: absolute;
         &__text {
-          width: 200rpx;
+          min-width: 160rpx;
+          max-width: 220rpx;
           word-break: break-all;
           background: #F5D8AD;
           border-radius: 6rpx;
@@ -272,7 +273,7 @@ export default {
           font-size: 20rpx;
           zoom: .85;
           text-align: center;
-          transform: translate(-50rpx,-100%);
+          transform: translate(calc(-50% + 58rpx),-100%);
 
           padding: 10rpx 8rpx;
           position: absolute;