|
|
@@ -265,7 +265,12 @@
|
|
|
<template v-for="(item, index) in goodsList1[active1].goodsList">
|
|
|
<li class="course-item" v-if="index < 8" :key="index">
|
|
|
<div class="course-item__img">
|
|
|
- <div class="note" v-if="item.years">{{ item.years }}</div>
|
|
|
+ <div class="note" v-if="item.year">{{ item.year }}</div>
|
|
|
+ <img
|
|
|
+ v-if="item.coverUrl"
|
|
|
+ :src="$tools.splitImgHost(item.coverUrl)"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="course-item__title">
|
|
|
{{ item.goodsName }}
|
|
|
@@ -306,7 +311,12 @@
|
|
|
<template v-for="(item, index) in goodsList2[active2].goodsList">
|
|
|
<li class="bank-item" v-if="index < 8" :key="index">
|
|
|
<div class="bank-item__img">
|
|
|
- <div class="note" v-if="item.years">{{ item.years }}</div>
|
|
|
+ <div class="note" v-if="item.year">{{ item.year }}</div>
|
|
|
+ <img
|
|
|
+ v-if="item.coverUrl"
|
|
|
+ :src="$tools.splitImgHost(item.coverUrl)"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="bank-item__title">
|
|
|
{{ item.goodsName }}
|
|
|
@@ -1105,8 +1115,11 @@ export default {
|
|
|
top: -78px;
|
|
|
background: rgba(122, 136, 246, 1);
|
|
|
overflow: hidden;
|
|
|
-
|
|
|
.note {
|
|
|
+ position: absolute;
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ z-index: 2;
|
|
|
width: 80px;
|
|
|
height: 24px;
|
|
|
background: #d94404;
|
|
|
@@ -1116,6 +1129,10 @@ export default {
|
|
|
line-height: 24px;
|
|
|
color: #fff;
|
|
|
}
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
&__title {
|
|
|
@@ -1262,6 +1279,10 @@ export default {
|
|
|
overflow: hidden;
|
|
|
|
|
|
.note {
|
|
|
+ position: absolute;
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ z-index: 2;
|
|
|
width: 80px;
|
|
|
height: 24px;
|
|
|
background: #437cff;
|
|
|
@@ -1271,6 +1292,10 @@ export default {
|
|
|
line-height: 24px;
|
|
|
color: #fff;
|
|
|
}
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
&__title {
|
