博客详情支持视频+上一篇和下一篇

master
gongfuxiang 2022-01-25 01:29:13 +08:00
parent 8af4b8b9fc
commit 577a1fabb5
6 changed files with 32 additions and 6 deletions

View File

@ -751,4 +751,11 @@ button[disabled].bg-gray {
*/
.single-page-top {
padding-top: 110rpx;
}
/**
*
*/
.last-next-data navigator {
width: calc(100% - 120rpx);
}

View File

@ -45,7 +45,7 @@
</block>
<block v-else-if="floor.style_type == 2">
<view class="plugins-blog-rolling-list scroll-view-horizontal border-radius-main oh">
<swiper :vertical="false" :autoplay="(propConfig.is_home_hot_auto_play || 0) == 1" :circular="true" :display-multiple-items="floor.blog_list.length < 3 ? floor.blog_list.length : 3" interval="3000">
<swiper :vertical="false" :autoplay="(propConfig.is_home_hot_auto_play || 0) == 1" :circular="false" :display-multiple-items="floor.blog_list.length < 3 ? floor.blog_list.length : 3" interval="3000">
<block v-for="(item, index) in floor.blog_list" :key="index">
<swiper-item class="padding-right-main">
<view class="item bg-white border-radius-main oh pr ht-auto pr">

View File

@ -16,7 +16,9 @@
</view>
<view class="padding-main border-radius-main bg-white oh spacing-mb">
<mp-html :content="data.content" />
</view>
</view>
<!-- 上一篇下一篇 -->
<view v-if="(last_next || null) != null" class="last-next-data spacing-mb">
<view v-if="(last_next.last || null) != null">
<text class="cr-gray va-m">上一篇</text>

View File

@ -78,7 +78,7 @@
<navigator url="/pages/plugins/seckill/index/index" hover-class="none" class="arrow-right padding-right-xxxl cr-gray fr">更多</navigator>
</view>
<view class="goods-list scroll-view-horizontal border-radius-main oh">
<swiper :vertical="false" :autoplay="(plugins_seckill_data.base || null) != null && (plugins_seckill_data.base.is_home_auto_play || 0) == 1" :circular="true" :display-multiple-items="plugins_seckill_data.goods.length < 3 ? plugins_seckill_data.goods.length : 3" interval="3000">
<swiper :vertical="false" :autoplay="(plugins_seckill_data.base || null) != null && (plugins_seckill_data.base.is_home_auto_play || 0) == 1" :circular="false" :display-multiple-items="plugins_seckill_data.goods.length < 3 ? plugins_seckill_data.goods.length : 3" interval="3000">
<block v-for="(item, index) in plugins_seckill_data.goods" :key="index">
<swiper-item class="padding-right-main">
<view class="item bg-white border-radius-main oh pr ht-auto">

View File

@ -15,7 +15,22 @@
</view>
</view>
<view class="padding-main border-radius-main bg-white oh spacing-mb">
<view v-if="(data.video_url || null) != null && (data.is_live_play || 0) == 0">
<video :src="data.video_url" class="wh-auto" :autoplay="false" :controls="true"></video>
</view>
<mp-html :content="data.content" />
</view>
<!-- 上一篇下一篇 -->
<view v-if="(last_next || null) != null" class="last-next-data spacing-mb">
<view v-if="(last_next.last || null) != null">
<text class="cr-gray va-m">上一篇</text>
<navigator :url="last_next.last.url" open-type="redirect" hover-class="none" class="dis-inline-block va-m cr-blue">{{last_next.last.title}}</navigator>
</view>
<view v-if="(last_next.next || null) != null" class="margin-top-sm">
<text class="cr-gray va-m">下一篇</text>
<navigator :url="last_next.next.url" open-type="redirect" hover-class="none" class="dis-inline-block va-m cr-blue">{{last_next.next.title}}</navigator>
</view>
</view>
<!-- 推荐博文 -->
@ -81,7 +96,8 @@
params: null,
data_base: null,
data: null,
right_list: [],
right_list: [],
last_next: null,
//
share_info: {}
};
@ -145,7 +161,8 @@
data_list_loding_status: 3,
data_base: data.base || null,
data: blog,
right_list: data.right_list || []
right_list: data.right_list || [],
last_next: data.last_next || null
});
//

View File

@ -42,7 +42,7 @@
<navigator url="/pages/plugins/blog/search/search" hover-class="none" class="arrow-right padding-right-xxxl cr-gray fr">更多</navigator>
</view>
<view class="plugins-blog-rolling-list scroll-view-horizontal border-radius-main oh">
<swiper :vertical="false" :autoplay="(data_base.is_home_hot_auto_play || 0) == 1" :circular="true" :display-multiple-items="hot_list.length < 3 ? hot_list.length : 3" interval="3000">
<swiper :vertical="false" :autoplay="(data_base.is_home_hot_auto_play || 0) == 1" :circular="false" :display-multiple-items="hot_list.length < 3 ? hot_list.length : 3" interval="3000">
<block v-for="(item, index) in hot_list" :key="index">
<swiper-item class="padding-right-main">
<view class="item bg-white border-radius-main oh pr ht-auto pr">