|
@@ -17,30 +17,36 @@
|
|
|
width < 25500 && length < 25000 ? 'tranStyle' : 'center',
|
|
|
]"
|
|
|
>
|
|
|
- <view
|
|
|
- v-for="(item, index) in modules"
|
|
|
- :key="index"
|
|
|
- class="moduleContent"
|
|
|
- >
|
|
|
+ <template v-if="modules.length > 0">
|
|
|
<view
|
|
|
- :class="item.type"
|
|
|
- :style="{
|
|
|
- width: `${item.width / 2}px`,
|
|
|
- height: `${item.length / 2}px`,
|
|
|
- top: `${item.top / 2}px`,
|
|
|
- left: `${item.left / 2}px`,
|
|
|
- transform: `rotate(${item.rotate}deg)`,
|
|
|
- 'transform-origin': 'center center',
|
|
|
- zIndex: 4444,
|
|
|
- }"
|
|
|
+ v-for="(item, index) in modules"
|
|
|
+ :key="index"
|
|
|
+ class="moduleContent"
|
|
|
>
|
|
|
- <image
|
|
|
- style="width: 100%; height: 100%; display: block"
|
|
|
- :src="`../../static/furnitures/${item.type}.png`"
|
|
|
- mode=""
|
|
|
- />
|
|
|
+ <view
|
|
|
+ :class="item.type"
|
|
|
+ :style="{
|
|
|
+ width: `${item.width / 2}px`,
|
|
|
+ height: `${item.length / 2}px`,
|
|
|
+ top: `${item.top / 2}px`,
|
|
|
+ left: `${item.left / 2}px`,
|
|
|
+ transform: `rotate(${item.rotate}deg)`,
|
|
|
+ 'transform-origin': 'center center',
|
|
|
+ zIndex: 4444,
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <image
|
|
|
+ style="
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: block;
|
|
|
+ "
|
|
|
+ :src="`../../static/furnitures/${item.type}.png`"
|
|
|
+ mode=""
|
|
|
+ />
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </template>
|
|
|
<template>
|
|
|
<view v-for="item in targetPoints" :key="item.id">
|
|
|
<image
|