| | |
| | | <div class="box"> |
| | | <ul> |
| | | <li |
| | | style="width: 90px" |
| | | style="margin-left: 10px; width: 130px" |
| | | @click="changeWander(item)" |
| | | v-for="item in itemsOne" |
| | | > |
| | | <div class="divli"> |
| | | <div :class="item.class" class="backimge3"></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.someroaming", |
| | | class: "c1", |
| | | }, |
| | | { |
| | | id: "2", |
| | | name: "线路漫游", |
| | | name: "synthesis.lineroaming", |
| | | class: "c2", |
| | | }, |
| | | { |
| | | id: "3", |
| | | name: "鼠标漫游", |
| | | name: "synthesis.mouseroaming", |
| | | class: "c3", |
| | | }, |
| | | { |
| | | id: "4", |
| | | name: "地图快照", |
| | | name: "synthesis.snapshot", |
| | | class: "c4", |
| | | }, |
| | | { |
| | | id: "4", |
| | | name: "三维演示", |
| | | name: "synthesis.tdisplay", |
| | | class: "c5", |
| | | }, |
| | | ], |
| | |
| | | .backimge3 { |
| | | width: 30px; |
| | | height: 30px; |
| | | margin-left: 30px; |
| | | |
| | | position: absolute; |
| | | background-size: 100% 100%; |
| | | margin: 0% 39%; |
| | | } |
| | | .divli { |
| | | width: 100%; |