| | |
| | | <div class="box"> |
| | | <ul> |
| | | <li |
| | | style="width: 110px" |
| | | style="margin-left: 10px; width: 130px" |
| | | @click="changeAnalsy(item)" |
| | | v-for="item in itemsOne" |
| | | > |
| | | <div class="divli"> |
| | | <div :class="item.class" class="backimge4"></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.contouranalysis", |
| | | class: "d1", |
| | | }, |
| | | { |
| | | id: "2", |
| | | name: "坡度分析", |
| | | name: "synthesis.slopeanalysis", |
| | | class: "d2", |
| | | }, |
| | | { |
| | | id: "3", |
| | | name: "路径分析", |
| | | name: "synthesis.pathanalysis", |
| | | class: "d3", |
| | | }, |
| | | { |
| | | id: "4", |
| | | name: "地形剖切分析", |
| | | name: "synthesis.cuttinganalysis", |
| | | class: "d4", |
| | | }, |
| | | { |
| | | id: "5", |
| | | name: "洪水淹没分析", |
| | | name: "synthesis.floodanalysis", |
| | | class: "d5", |
| | | }, |
| | | { |
| | | id: "6", |
| | | name: "土方量计算", |
| | | name: "synthesis.earthworkcalculation", |
| | | class: "d6", |
| | | }, |
| | | { |
| | | id: "7", |
| | | name: "三维截面分析", |
| | | name: "synthesis.crosssectionanalysis", |
| | | class: "d7", |
| | | }, |
| | | { |
| | | id: "8", |
| | | name: "影像对比分析", |
| | | name: "synthesis.imagecontrast", |
| | | class: "d8", |
| | | }, |
| | | ], |
| | |
| | | margin-left: 40px; |
| | | position: absolute; |
| | | background-size: 100% 100%; |
| | | margin: 0% 39%; |
| | | } |
| | | .divli { |
| | | width: 100%; |