|
@@ -4,21 +4,18 @@
|
|
|
<div class="color-bar-big" v-if="background" :style="{ background: background }"></div>
|
|
|
</div>
|
|
|
<div class="legend">
|
|
|
- <img v-if="legendImg" :src="legendImg" />
|
|
|
- <template v-else>
|
|
|
- <div class="color-bar" v-if="background" :style="{ background: background }"></div>
|
|
|
- <div class="labels">
|
|
|
- <div
|
|
|
- class="level"
|
|
|
- v-for="(level, index) in levels"
|
|
|
- :key="index"
|
|
|
- :style="{ left: `${(index / (levels.length - 1)) * 100}%` }"
|
|
|
- >
|
|
|
- <div class="tick"></div> <!-- 添加刻度 -->
|
|
|
- <div class="label">{{ level }}</div> <!-- 将标签内容放入一个新的div中 -->
|
|
|
- </div>
|
|
|
+ <div class="color-bar" v-if="background" :style="{ background: background }"></div>
|
|
|
+ <div class="labels">
|
|
|
+ <div
|
|
|
+ class="level"
|
|
|
+ v-for="(level, index) in levels"
|
|
|
+ :key="index"
|
|
|
+ :style="{ left: `${(index / (levels.length - 1)) * 100}%` }"
|
|
|
+ >
|
|
|
+ <div class="tick"></div> <!-- 添加刻度 -->
|
|
|
+ <div class="label">{{ level }}</div> <!-- 将标签内容放入一个新的div中 -->
|
|
|
</div>
|
|
|
- </template>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|