feat: 优化图标路径
|
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 8.4 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 249 B After Width: | Height: | Size: 249 B |
|
Before Width: | Height: | Size: 208 B After Width: | Height: | Size: 208 B |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
@@ -13,7 +13,7 @@
|
|||||||
<view class="item u-flex-col" v-for="(item,index) in cardData" :key="index" @click="clickItem(item)">
|
<view class="item u-flex-col" v-for="(item,index) in cardData" :key="index" @click="clickItem(item)">
|
||||||
<view class="item-icon" :style="{ background: item.iconBackground || '#008cff' }">
|
<view class="item-icon" :style="{ background: item.iconBackground || '#008cff' }">
|
||||||
|
|
||||||
<image class="item-img" :src="`/static/image/${item.name}.png`"></image>
|
<image v-show="!!imgId[item.id]" class="item-img" :src="`/static/image/${item.id}.png`"></image>
|
||||||
<!-- 使用 iconify-icon 渲染 ep 系列图标 -->
|
<!-- 使用 iconify-icon 渲染 ep 系列图标 -->
|
||||||
<!-- <iconify-icon
|
<!-- <iconify-icon
|
||||||
:icon="item.icon"
|
:icon="item.icon"
|
||||||
@@ -76,6 +76,16 @@
|
|||||||
computed: {
|
computed: {
|
||||||
tabType() {
|
tabType() {
|
||||||
return this.tabList[this.current].type
|
return this.tabList[this.current].type
|
||||||
|
},
|
||||||
|
imgId(){
|
||||||
|
return {
|
||||||
|
1963446794006355970 : '动土作业',
|
||||||
|
1963872316314165250 : '动火作业',
|
||||||
|
1964898396173070337 : '有限空间',
|
||||||
|
1964261054499336194 : '临时用电',
|
||||||
|
1964253329070571521 : '高处作业',
|
||||||
|
1964210049770401793 : '吊装作业'
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
@click="handelClick(item)">
|
@click="handelClick(item)">
|
||||||
<!-- 渲染图标 -->
|
<!-- 渲染图标 -->
|
||||||
<view class="item-icon" :style="{ background: item.iconBackground || '#008cff' }">
|
<view class="item-icon" :style="{ background: item.iconBackground || '#008cff' }">
|
||||||
<image class="item-img" :src="`/static/image/${item.name}.png`"></image>
|
<image v-show="!!imgId[item.id]" class="item-img" :src="`/static/image/${item.id}.png`"></image>
|
||||||
<!-- 使用 iconify-icon 渲染 ep 系列图标 -->
|
<!-- 使用 iconify-icon 渲染 ep 系列图标 -->
|
||||||
<!-- <iconify-icon
|
<!-- <iconify-icon
|
||||||
:icon="item.icon"
|
:icon="item.icon"
|
||||||
@@ -86,6 +86,16 @@
|
|||||||
pcURL() {
|
pcURL() {
|
||||||
return this.define.pcURL;
|
return this.define.pcURL;
|
||||||
},
|
},
|
||||||
|
imgId(){
|
||||||
|
return {
|
||||||
|
1963446794006355970 : '动土作业',
|
||||||
|
1963872316314165250 : '动火作业',
|
||||||
|
1964898396173070337 : '有限空间',
|
||||||
|
1964261054499336194 : '临时用电',
|
||||||
|
1964253329070571521 : '高处作业',
|
||||||
|
1964210049770401793 : '吊装作业'
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.keyword = "";
|
this.keyword = "";
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 8.4 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 249 B After Width: | Height: | Size: 249 B |
|
Before Width: | Height: | Size: 208 B After Width: | Height: | Size: 208 B |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |