Pārlūkot izejas kodu

done last container for full

gemer 4 gadi atpakaļ
vecāks
revīzija
ae7cb97eee

+ 9 - 3
src/components/bmSlide/index.vue

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

+ 1 - 1
src/components/bmSlide/slide.vue

@@ -34,7 +34,7 @@ import { Swiper, SwiperSlide, directive } from "vue-awesome-swiper";
 import "swiper/css/swiper.css";
 import "swiper/css/swiper.css";
 
 
 export default {
 export default {
-  props: ["list", "idx", "isTheme"],
+  props: ["full","list", "idx", "isTheme"],
   computed: {
   computed: {
     swiper() {
     swiper() {
       return this.$refs.listSwiper.$swiper;
       return this.$refs.listSwiper.$swiper;

+ 7 - 0
src/components/section.vue

@@ -25,6 +25,7 @@
       </div>
       </div>
       <jieshuo v-if="!hideJiesuo" :isTheme="isTheme" />
       <jieshuo v-if="!hideJiesuo" :isTheme="isTheme" />
       <bm-slide
       <bm-slide
+        :full="full"
         :isTheme="isTheme"
         :isTheme="isTheme"
         v-if="data.length > 0"
         v-if="data.length > 0"
         :idx="activeIdx"
         :idx="activeIdx"
@@ -55,6 +56,12 @@ export default {
     bmSlide,
     bmSlide,
   },
   },
   props: {
   props: {
+    full: {
+      type: Boolean,
+      default() {
+        return false;
+      },
+    },
     txtArr: {
     txtArr: {
       type: Array,
       type: Array,
       default() {
       default() {

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 50 - 47
src/views/home/index.vue