|
@@ -21,15 +21,7 @@
|
|
|
<template v-if="currentIndex + visible >= index && currentIndex <= index">
|
|
<template v-if="currentIndex + visible >= index && currentIndex <= index">
|
|
|
|
|
|
|
|
<image class="tantan-slide-img" mode="aspectFill" :src="item.image" ></image>
|
|
<image class="tantan-slide-img" mode="aspectFill" :src="item.image" ></image>
|
|
|
- <view class="tantan-slide-box-item-bg">
|
|
|
|
|
- <view class="tantan-slide-box-info">
|
|
|
|
|
- <view class="title" v-if="item.title" v-text="item.title"></view>
|
|
|
|
|
- <view class="desc" v-if="item.desc" v-text="item.desc"></view>
|
|
|
|
|
- <view class="tags" v-if="item.tags && item.tags.length > 0" >
|
|
|
|
|
- <text class="tag" v-for="(item1, index1) in item.tags" :key="index1" v-text="item1"></text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+
|
|
|
<view v-if="index === currentIndex">
|
|
<view v-if="index === currentIndex">
|
|
|
<view class="tantan-slide-box-icon tantan-slide-box-dislike"
|
|
<view class="tantan-slide-box-icon tantan-slide-box-dislike"
|
|
|
:style="{
|
|
:style="{
|
|
@@ -89,8 +81,9 @@
|
|
|
},
|
|
},
|
|
|
mounted() {
|
|
mounted() {
|
|
|
const res = uni.getSystemInfoSync()
|
|
const res = uni.getSystemInfoSync()
|
|
|
|
|
+ console.log(res)
|
|
|
this.winWidth = res.windowWidth
|
|
this.winWidth = res.windowWidth
|
|
|
- this.winHeigh = res.windowHeight
|
|
|
|
|
|
|
+ this.winHeigh = res.windowHeight-46
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
cardTransform(item, index) {
|
|
cardTransform(item, index) {
|
|
@@ -221,7 +214,7 @@
|
|
|
|
|
|
|
|
.tantan-slide-box {
|
|
.tantan-slide-box {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- width: 95%;
|
|
|
|
|
|
|
+ width: calc(100vw - 32rpx);
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
perspective: 2100rpx;
|
|
perspective: 2100rpx;
|
|
|
perspective-origin: 50% -30%;
|
|
perspective-origin: 50% -30%;
|