wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

能力广场

This commit is contained in:
a0049873 2022-08-09 16:50:18 +08:00
parent 60d8b97335
commit 33243a5e00
1 changed files with 30 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
front/src/views/capacitySquare/components/application.vue
View File

@ -2,7 +2,7 @@
* @Author: hisense.liangjunhua * @Author: hisense.liangjunhua
* @Date: 2022-08-09 09:31:25 * @Date: 2022-08-09 09:31:25
* @LastEditors: hisense.liangjunhua * @LastEditors: hisense.liangjunhua
* @LastEditTime: 2022-08-09 16:35:48 * @LastEditTime: 2022-08-09 16:48:36
* @Description: 应用资源 * @Description: 应用资源
--> -->
<template> <template>
@ -22,8 +22,17 @@
</div> </div>
<div class="item-box"> <div class="item-box">
<div class="item" v-for="item in data.list" :key="item.id"> <div class="item" v-for="item in data.list" :key="item.id">
<a-image :width="527" :height="270" :preview="false" :src="item.pic" /> <a-image
<div class="name">{{ item.name }}</div> :width="527"
:height="270"
:preview="false"
:src="item.pic"
:fallback="item.pic2"
/>
<div class="bottom">
<div class="name">{{ item.name }}</div>
<div class="dept">{{ item.deptName || '--' }}</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -70,6 +79,7 @@
if (!val.pic) { if (!val.pic) {
val.pic = require('@/assets/capacitySquare/yyzy.jpg') val.pic = require('@/assets/capacitySquare/yyzy.jpg')
} }
val.pic2 = require('@/assets/capacitySquare/yyzy.jpg')
}) })
data.list.push(...res.data.data) data.list.push(...res.data.data)
selectFlag.value = false selectFlag.value = false
@ -196,24 +206,33 @@
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
.name { .bottom {
width: 100%; width: 100%;
height: 0.6rem; height: 0.6rem;
line-height: 0.6rem;
padding-left: 0.3rem; padding-left: 0.3rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
word-break: break-all;
background: url('~@/assets/capacitySquare/bt-bg.png') no-repeat; background: url('~@/assets/capacitySquare/bt-bg.png') no-repeat;
background-size: 100%; background-size: 100%;
color: #fff; color: #fff;
font-size: 0.22rem;
font-family: webfont; font-family: webfont;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
.name {
height: 0.44rem;
line-height: 0.44rem;
font-size: 0.22rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
word-break: break-all;
}
.dept {
height: 0.12rem;
line-height: 0.04rem;
font-size: 0.12rem;
color: #bbb;
}
} }
} }
} }