提交 e83e5aa2 authored 作者: matian's avatar matian

修改课程封面显示问题

上级 a847f07e
......@@ -113,6 +113,9 @@ const statusStyle = (item: any) => {
<template>
<div class="top-info">
<div class="cover">
<img
:src="props.data.cover || 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/course_default.png'"
/>
<el-popover trigger="hover" placement="right">
<div v-html="props.data.name"></div>
<template #reference>
......@@ -177,10 +180,13 @@ const statusStyle = (item: any) => {
.cover {
min-width: 240px;
height: 180px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/course_default.png);
background-size: cover;
border-radius: 6px;
position: relative;
img {
width: 100%;
height: 100%;
border-radius: 6px;
}
.cover-name {
position: absolute;
top: 50%;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论