|
|
@@ -87,15 +87,27 @@
|
|
|
:class="showlist ? '' : 'hielegend'"
|
|
|
v-drag
|
|
|
>
|
|
|
- <div class="xz_box">
|
|
|
- 图例
|
|
|
+ <div class="xz_box" style="padding-top: 10px">
|
|
|
+ <span
|
|
|
+ style="
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+ height: 24px;
|
|
|
+ text-align: center;
|
|
|
+ "
|
|
|
+ >图例</span
|
|
|
+ >
|
|
|
<div
|
|
|
class="eicon"
|
|
|
:class="showlist ? 'eyes' : 'close_eyes'"
|
|
|
@click="showlist = !showlist"
|
|
|
></div>
|
|
|
<div v-if="showlist">
|
|
|
- <div v-for="(litem, li) in legends" :key="litem.label">
|
|
|
+ <div
|
|
|
+ v-for="(litem, li) in legends"
|
|
|
+ :key="litem.label"
|
|
|
+ style="display: flex; justify-content: start; align-items: center"
|
|
|
+ >
|
|
|
<span :class="`legend${li}`" class="lcolor"></span>
|
|
|
<span class="legLabel">{{ litem.label }}</span>
|
|
|
</div>
|
|
|
@@ -347,7 +359,7 @@ export default {
|
|
|
display: inline-block;
|
|
|
width: 16px;
|
|
|
height: 16px;
|
|
|
- margin-left: 10px;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
|
|
|
.legend0 {
|
