小程序代码

jiangping

2023-10-26 ea87c908fb6cdfc3e227a584a53e6730efb8262a

 minipro_standard/components/Preview.vue

@@ -4,7 +4,7 @@
         <u-icon name="close" size="20"></u-icon>
      </div>
      <div class="preview_content">
         <u-swiper :list="list" :autoplay="false" :height="300" bgColor="rgba(0,0,0,0)" :current="current"></u-swiper>
         <u-swiper :list="list" :current="current"></u-swiper>
      </div>
   </div>
</template>
@@ -30,39 +30,5 @@
</script>

<style lang="scss" scoped>
.preview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    .preview_close {
        position: fixed;
        right: 50rpx;
        top: 50rpx;
        width: 70rpx;
        height: 70rpx;
        border-radius: 50%;
        background: #B2B2B2;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99999;
    }
    .preview_content::v-deep {
        position: relative;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        .u-swiper {
            width: 100%;
            height: 300rpx !important;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
}

</style>