luoJunYong.123
3 years ago
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 461 KiB |
|
After Width: | Height: | Size: 240 KiB |
|
After Width: | Height: | Size: 367 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 968 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 981 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
@ -0,0 +1,36 @@ |
||||
<template> |
||||
<div class="relative"> |
||||
<img :src="item.src" :alt="item.name" :title="item.name" style="height: 100px;width: 100px;" /> |
||||
<p v-if="!hasName" class="absolute subpixel-antialiased text-center sealDetail">{{ item.name }}</p> |
||||
<p v-else-if="item.name.includes('转讫')" class="absolute subpixel-antialiased text-center sealDetail" style="bottom: 6vh">{{ item.name }}</p> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
props: { |
||||
item: { |
||||
type: Object, |
||||
require: true |
||||
} |
||||
}, |
||||
computed: { |
||||
// 不需要手动打名字的 |
||||
hasName() { |
||||
const judge= this.item.name.includes('销户') || this.item.name.includes('附件') || this.item.name.includes('业务') || this.item.name.includes('转讫') |
||||
return judge |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.sealDetail { |
||||
bottom: 4vh; |
||||
color: #f40; |
||||
font-weight: 800; |
||||
background-color: rgb(239,254,255); |
||||
left: 50%; |
||||
transform: translateX(-50%); |
||||
} |
||||
</style> |
||||