|
|
@@ -1,10 +1,13 @@
|
|
|
<template>
|
|
|
<div class="slide">
|
|
|
<div class="collect-con" :class="{ 'right-con': !isTheme }">
|
|
|
- <div class="img-con" :style="{ background: $linear[activeItem.bgid] }">
|
|
|
+ <div
|
|
|
+ :class="`img-con ${full ? 'full' : ''}`"
|
|
|
+ :style="{ background: $linear[activeItem.bgid] }"
|
|
|
+ >
|
|
|
<img :src="activeItem.imgstr" alt="" />
|
|
|
</div>
|
|
|
- <div class="show-info">
|
|
|
+ <div class="show-info" v-show="!full">
|
|
|
<h3>{{ activeItem.name }}</h3>
|
|
|
<p v-if="activeItem.time">年代:{{ activeItem.time || "" }}</p>
|
|
|
<p v-if="activeItem.size">尺寸:{{ activeItem.size || "" }}</p>
|
|
|
@@ -31,7 +34,7 @@
|
|
|
import slide from "./slide";
|
|
|
|
|
|
export default {
|
|
|
- props: ["list", "idx", "isTheme"],
|
|
|
+ props: ["full", "list", "idx", "isTheme"],
|
|
|
components: {
|
|
|
mSlide: slide,
|
|
|
},
|
|
|
@@ -63,6 +66,9 @@ export default {
|
|
|
overflow: hidden;
|
|
|
background: linear-gradient(180deg, #868990 0%, #eeeeee 100%);
|
|
|
position: relative;
|
|
|
+ &.full {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
> img {
|
|
|
position: absolute;
|
|
|
top: 50%;
|