|
|
@@ -9,7 +9,10 @@
|
|
|
class="showInfo"
|
|
|
:class="{ listShow: list }"
|
|
|
>
|
|
|
- <div class="bg" :style="{ backgroundImage: `url(${info.headBg}),url(${info.showroomBg})` }"></div>
|
|
|
+ <div class="bg">
|
|
|
+ <van-image :src="info.headBg" width="131" height="140" fit="cover" />
|
|
|
+ <van-image :src="info.showroomBg" width="343" height="140" fit="cover" />
|
|
|
+ </div>
|
|
|
<!-- <div class="bg" v-else :style="{ backgroundImage: `url(${info.showroomBg})` }"></div> -->
|
|
|
<!-- <van-image radius="6" :src="info.showroomBg" width="100%" height="140" fit="cover" /> -->
|
|
|
<div class="collecions">
|
|
|
@@ -155,12 +158,17 @@ export default {
|
|
|
|
|
|
.bg {
|
|
|
height: 140px;
|
|
|
- background-size: auto 140px, auto 140px;
|
|
|
- background-repeat: no-repeat, repeat-x;
|
|
|
- background-position: 0 0, 133px 0;
|
|
|
+ // background-size: auto 140px, auto 140px;
|
|
|
+ // background-repeat: no-repeat, repeat-x;
|
|
|
+ // background-position: 0 0, 133px 0;
|
|
|
z-index: 1;
|
|
|
position: relative;
|
|
|
border-radius: 12px;
|
|
|
+ overflow: hidden;
|
|
|
+ .flex();
|
|
|
+ .van-image {
|
|
|
+ flex-shrink: 0;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.bg-img {
|
