| | |
| | | <div class="box"> |
| | | <ul> |
| | | <li |
| | | style="width: 86px" |
| | | style="margin-left: 20px" |
| | | @click="changePlot(item)" |
| | | v-for="item in itemsOne" |
| | | > |
| | | <div class="divli"> |
| | | <div :class="item.class" class="backimge8"></div> |
| | | </div> |
| | | <div class="div_li">{{ item.name }}</div> |
| | | <div class="div_li">{{ $t(item.name) }}</div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | |
| | | itemsOne: [ |
| | | { |
| | | id: "1", |
| | | name: "点", |
| | | name: "synthesis.point", |
| | | class: "h1", |
| | | }, |
| | | { |
| | | id: "2", |
| | | name: "线", |
| | | name: "synthesis.line", |
| | | class: "h2", |
| | | }, |
| | | { |
| | | id: "3", |
| | | name: "矩形", |
| | | name: "synthesis.rectangle", |
| | | class: "h3", |
| | | }, |
| | | { |
| | | id: "4", |
| | | name: "多边形", |
| | | name: "synthesis.polygon", |
| | | class: "h4", |
| | | }, |
| | | { |
| | | id: "7", |
| | | name: "符号化标签", |
| | | name: "synthesis.symboliclabel", |
| | | class: "h7", |
| | | }, |
| | | { |
| | | id: "5", |
| | | name: "地形平整", |
| | | name: "synthesis.flatterrain", |
| | | class: "h5", |
| | | }, |
| | | { |
| | | id: "6", |
| | | name: "地形开挖", |
| | | name: "synthesis.terrainexcavation", |
| | | class: "h6", |
| | | }, |
| | | { |
| | | id: "8", |
| | | name: "清除绘制", |
| | | name: "synthesis.removepaint", |
| | | class: "h8", |
| | | }, |
| | | ], |
| | |
| | | .backimge8 { |
| | | width: 30px; |
| | | height: 30px; |
| | | margin-left: 30px; |
| | | position: absolute; |
| | | background-size: 100% 100%; |
| | | margin: 0% 30%; |
| | | } |
| | | .divli { |
| | | width: 100%; |