|
|
@@ -23,41 +23,62 @@
|
|
|
</view> -->
|
|
|
|
|
|
<view style="position: absolute;width: 360rpx;left:782rpx; bottom:385rpx;align-items: center;">
|
|
|
- <image class="farm-image" src="/static/island/building/3.png" mode="widthFix"
|
|
|
- style="width:360rpx; position: static;" @click="onFarmClick" :animation="farmAnimationData">
|
|
|
- </image>
|
|
|
+ <view style="position: relative;">
|
|
|
+ <image class="farm-image" src="/static/island/building/3.png" mode="widthFix"
|
|
|
+ style="width:360rpx; position: static;" @click="onFarmClick" :animation="farmAnimationData">
|
|
|
+ </image>
|
|
|
+ <view style="position: absolute; left: 35rpx; bottom: 135rpx; width: 45rpx; height: 130rpx; background: rgba(255,236,219,0.95); box-shadow: 1rpx -1rpx 2rpx 0rpx rgba(0,0,0,0.2); border-radius: 32rpx 32rpx 32rpx 32rpx; border: 2rpx solid #DEB691; writing-mode: vertical-lr; color: #683830; font-size: 28rpx;display: flex; align-items: center; justify-content: center; font-weight: bold;">花 田</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<view style="position: absolute;width: 360rpx;left: 335rpx; bottom:835rpx;align-items: center;">
|
|
|
- <image class="mine-image" src="/static/island/building/4.png" mode="widthFix"
|
|
|
- style="width:360rpx; position: static;"> </image>
|
|
|
+ <view style="position: relative;">
|
|
|
+ <image class="mine-image" src="/static/island/building/4.png" mode="widthFix"
|
|
|
+ style="width:360rpx; position: static;"> </image>
|
|
|
+ <view style="position: absolute; left: 35rpx; bottom: 135rpx; width: 45rpx; height: 130rpx; background: rgba(255,236,219,0.95); box-shadow: 1rpx -1rpx 2rpx 0rpx rgba(0,0,0,0.2); border-radius: 32rpx 32rpx 32rpx 32rpx; border: 2rpx solid #DEB691; writing-mode: vertical-lr; color: #683830; font-size: 28rpx; display: flex; align-items: center; justify-content: center; font-weight: bold;">矿 场</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<view style="position: absolute;width: 360rpx;left: 782rpx; bottom:720rpx;align-items: center;">
|
|
|
- <image class="hall-image" src="/static/island/building/5.png" mode="widthFix"
|
|
|
- style="width:360rpx; position: static;"> </image>
|
|
|
+ <view style="position: relative;">
|
|
|
+ <image class="hall-image" src="/static/island/building/5.png" mode="widthFix"
|
|
|
+ style="width:360rpx; position: static;"> </image>
|
|
|
+ <view style="position: absolute; left: 35rpx; bottom: 135rpx; width: 45rpx; height: 130rpx; background: rgba(255,236,219,0.95); box-shadow: 1rpx -1rpx 2rpx 0rpx rgba(0,0,0,0.2); border-radius: 32rpx 32rpx 32rpx 32rpx; border: 2rpx solid #DEB691; writing-mode: vertical-lr; color: #683830; font-size: 28rpx; display: flex; align-items: center; justify-content: center; font-weight: bold;">市政厅</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<view style="position: absolute;width: 360rpx;left: 248rpx; bottom:488rpx;align-items: center;">
|
|
|
- <image class="wood-image" src="/static/island/building/6.png" mode="widthFix"
|
|
|
- style="width:360rpx; position: static;"> </image>
|
|
|
+ <view style="position: relative;">
|
|
|
+ <image class="wood-image" src="/static/island/building/6.png" mode="widthFix"
|
|
|
+ style="width:360rpx; position: static;"> </image>
|
|
|
+ <view style="position: absolute; left: 35rpx; bottom: 135rpx; width: 45rpx; height: 130rpx; background: rgba(255,236,219,0.95); box-shadow: 1rpx -1rpx 2rpx 0rpx rgba(0,0,0,0.2); border-radius: 32rpx 32rpx 32rpx 32rpx; border: 2rpx solid #DEB691; writing-mode: vertical-lr; color: #683830; font-size: 28rpx; display: flex; align-items: center; justify-content: center; font-weight: bold;">伐木场</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<view style="position: absolute;width: 360rpx;left: 910rpx; bottom:108rpx;align-items: center;">
|
|
|
- <image class="shop-image" src="/static/island/building/2.png" mode="widthFix"
|
|
|
- style="width:360rpx; position: static;" @click="onShopClick" :animation="shopAnimationData">
|
|
|
- </image>
|
|
|
+ <view style="position: relative;">
|
|
|
+ <image class="shop-image" src="/static/island/building/2.png" mode="widthFix"
|
|
|
+ style="width:360rpx; position: static;" @click="onShopClick" :animation="shopAnimationData">
|
|
|
+ </image>
|
|
|
+ <view style="position: absolute; left: 35rpx; bottom: 135rpx; width: 45rpx; height: 130rpx; background: rgba(255,236,219,0.95); box-shadow: 1rpx -1rpx 2rpx 0rpx rgba(0,0,0,0.2); border-radius: 32rpx 32rpx 32rpx 32rpx; border: 2rpx solid #DEB691; writing-mode: vertical-lr; color: #683830; font-size: 28rpx; display: flex; align-items: center; justify-content: center; font-weight: bold;">花 店</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<view style="position: absolute;width: 360rpx;left: 1498rpx; bottom:75rpx;align-items: center;">
|
|
|
- <image class="airport-image" src="/static/island/building/7.png" mode="widthFix"
|
|
|
- style="width:360rpx; position: static;"> </image>
|
|
|
+ <view style="position: relative;">
|
|
|
+ <image class="airport-image" src="/static/island/building/7.png" mode="widthFix"
|
|
|
+ style="width:360rpx; position: static;"> </image>
|
|
|
+ <view style="position: absolute; left: 35rpx; bottom: 135rpx; width: 45rpx; height: 130rpx; background: rgba(255,236,219,0.95); box-shadow: 1rpx -1rpx 2rpx 0rpx rgba(0,0,0,0.2); border-radius: 32rpx 32rpx 32rpx 32rpx; border: 2rpx solid #DEB691; writing-mode: vertical-lr; color: #683830; font-size: 28rpx; display: flex; align-items: center; justify-content: center; font-weight: bold;">机 场</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<view style="position: absolute;width: 360rpx;left: 1400rpx; bottom:380rpx;align-items: center;">
|
|
|
- <image class="house-image" src="/static/island/building/1.png" mode="widthFix"
|
|
|
- style="width:360rpx; position: static;" @click="onHouseClick" :animation="houseAnimationData">
|
|
|
- </image>
|
|
|
+ <view style="position: relative;">
|
|
|
+ <image class="house-image" src="/static/island/building/1.png" mode="widthFix"
|
|
|
+ style="width:360rpx; position: static;" @click="onHouseClick" :animation="houseAnimationData">
|
|
|
+ </image>
|
|
|
+ <view style="position: absolute; left: 35rpx; bottom: 135rpx; width: 45rpx; height: 130rpx; background: rgba(255,236,219,0.95); box-shadow: 1rpx -1rpx 2rpx 0rpx rgba(0,0,0,0.2); border-radius: 32rpx 32rpx 32rpx 32rpx; border: 2rpx solid #DEB691; writing-mode: vertical-lr; color: #683830; font-size: 28rpx; display: flex; align-items: center; justify-content: center; font-weight: bold;">材料店</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 引导箭头 -->
|
