|
@ -3,11 +3,16 @@ |
|
|
<navbar leftClick @leftClick="leftClick" /> |
|
|
<navbar leftClick @leftClick="leftClick" /> |
|
|
|
|
|
|
|
|
<view class="swipe"> |
|
|
<view class="swipe"> |
|
|
<uv-swiper |
|
|
|
|
|
|
|
|
<!-- <uv-swiper |
|
|
:list="item.details.image && |
|
|
:list="item.details.image && |
|
|
item.details.image.split(',')" |
|
|
item.details.image.split(',')" |
|
|
indicator |
|
|
indicator |
|
|
height="420rpx"></uv-swiper> |
|
|
|
|
|
|
|
|
height="420rpx"></uv-swiper> --> |
|
|
|
|
|
|
|
|
|
|
|
<video :src="item.details.isImage && |
|
|
|
|
|
item.details.isImage.split(',')[0]" |
|
|
|
|
|
style="width: 750rpx;height: 420rpx;" |
|
|
|
|
|
/> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="box"> |
|
|
<view class="box"> |
|
@ -25,13 +30,12 @@ |
|
|
</view> |
|
|
</view> |
|
|
<view class="phone"> |
|
|
<view class="phone"> |
|
|
<view class="" |
|
|
<view class="" |
|
|
@click="getContact" |
|
|
|
|
|
v-if="item.details.phonePay != 'Y' || item.isPayPhone"> |
|
|
v-if="item.details.phonePay != 'Y' || item.isPayPhone"> |
|
|
联系方式:{{ item.details.phone }} |
|
|
联系方式:{{ item.details.phone }} |
|
|
</view> |
|
|
</view> |
|
|
<view class="" |
|
|
<view class="" |
|
|
v-else> |
|
|
v-else> |
|
|
联系方式<text @click="getContact">付费查看</text> |
|
|
|
|
|
|
|
|
联系方式<text @click="submit">付费查看</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
@ -47,6 +51,10 @@ |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="content"> |
|
|
|
|
|
<uv-parse :content="item.details.photographerContent"></uv-parse> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="controls"> |
|
|
<view class="controls"> |
|
|
<contentControls |
|
|
<contentControls |
|
|
:type="1" |
|
|
:type="1" |
|
@ -55,31 +63,43 @@ |
|
|
@loadData="getData" |
|
|
@loadData="getData" |
|
|
:detail="item.details"/> |
|
|
:detail="item.details"/> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="content"> |
|
|
|
|
|
<uv-parse :content="item.details.photographerContent"></uv-parse> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="works"> |
|
|
<view class="works"> |
|
|
<view class="item" |
|
|
<view class="item" |
|
|
v-for="(t, index) in item.details.isImage && item.details.isImage.split(',')" |
|
|
v-for="(t, index) in item.details.isImage && item.details.isImage.split(',')" |
|
|
:key="index"> |
|
|
:key="index"> |
|
|
<view class="item-image"> |
|
|
<view class="item-image"> |
|
|
<video :src="t" object-fit="fill"/> |
|
|
|
|
|
|
|
|
<video :src="t" /> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<confirmationPopup |
|
|
|
|
|
ref="confirmationPopup" |
|
|
|
|
|
title="提示" |
|
|
|
|
|
@confirm="getContact" |
|
|
|
|
|
confirmText="确认支付"> |
|
|
|
|
|
<view class="confirmationPopup"> |
|
|
|
|
|
<image src="/static/image/publish/pay.png" |
|
|
|
|
|
style="width: 150rpx;height: 150rpx;" |
|
|
|
|
|
mode=""></image> |
|
|
|
|
|
<view class="info"> |
|
|
|
|
|
请支付10元,10小时内可查看任意联系方式 |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</confirmationPopup> |
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import contentControls from '@/components/content/contentControls.vue' |
|
|
import contentControls from '@/components/content/contentControls.vue' |
|
|
|
|
|
import confirmationPopup from '@/components/toast/confirmationPopup.vue' |
|
|
export default { |
|
|
export default { |
|
|
components : { |
|
|
components : { |
|
|
contentControls |
|
|
|
|
|
|
|
|
contentControls, |
|
|
|
|
|
confirmationPopup, |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
@ -131,6 +151,10 @@ |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
submit(){ |
|
|
|
|
|
console.log(1); |
|
|
|
|
|
this.$refs.confirmationPopup.open() |
|
|
|
|
|
}, |
|
|
// 付费查看联系方式 |
|
|
// 付费查看联系方式 |
|
|
getContact(){ |
|
|
getContact(){ |
|
|
|
|
|
|
|
@ -196,7 +220,7 @@ |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
.title { |
|
|
.title { |
|
|
font-size: 30rpx; |
|
|
|
|
|
|
|
|
font-size: 34rpx; |
|
|
font-weight: 600; |
|
|
font-weight: 600; |
|
|
color: #000; |
|
|
color: #000; |
|
|
} |
|
|
} |
|
@ -240,7 +264,7 @@ |
|
|
.item-image{ |
|
|
.item-image{ |
|
|
background-color: #999; |
|
|
background-color: #999; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 250rpx; |
|
|
|
|
|
|
|
|
height: 180rpx; |
|
|
video{ |
|
|
video{ |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
@ -250,4 +274,20 @@ |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
.confirmationPopup{ |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 300rpx; |
|
|
|
|
|
image{ |
|
|
|
|
|
margin-top: 40rpx; |
|
|
|
|
|
} |
|
|
|
|
|
.info{ |
|
|
|
|
|
margin-top: 40rpx; |
|
|
|
|
|
font-size: 26rpx; |
|
|
|
|
|
padding: 0 30rpx; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |