| | |
| | | <template> |
| | | <div class="container"> |
| | | <div class="images"> |
| | | <img |
| | | v-for="image in images" |
| | | :key="image.url" |
| | | :src="image.url" |
| | | @click="clickCreateHandle(image.url)" |
| | | /> |
| | | <!-- <img--> |
| | | <!-- v-for="image in images"--> |
| | | <!-- :key="image.url"--> |
| | | <!-- :src="image.url"--> |
| | | <!-- @click="clickCreateHandle(image.url)"--> |
| | | <!-- />--> |
| | | </div> |
| | | <div class="model-panel-list"> |
| | | <el-row :gutter="10"> |
| | |
| | | data() { |
| | | return { |
| | | images: [ |
| | | { url: './image/icon/1.png', type: '消防预警' }, |
| | | { url: './images/icon/2.png', type: '风险预警' }, |
| | | { url: './images/icon/3.png', type: '监控' }, |
| | | { url: './images/wet.png', type: '车辆1' }, |
| | | { url: './images/dry.png', type: '车辆2' }, |
| | | { url: './images/alarm1.png', type: '告警' }, |
| | | { url: './images/police.png', type: '警察' }, |
| | | { url: '../../../public/images/icon/1.png', type: '消防预警' }, |
| | | { url: '../../../public/images/icon/2.png', type: '风险预警' }, |
| | | { url: '../../../public/images/icon/3.png', type: '监控' }, |
| | | { url: '../../../public/images/wet.png', type: '车辆1' }, |
| | | { url: '../../../public/images/dry.png', type: '车辆2' }, |
| | | { url: '../../../public/images/alarm1.png', type: '告警' }, |
| | | { url: '../../../public/images/police.png', type: '警察' }, |
| | | ], |
| | | marker: { |
| | | id: null, |