|
@ -20,7 +20,6 @@ |
|
|
</view> |
|
|
</view> |
|
|
<!-- 五分区 --> |
|
|
<!-- 五分区 --> |
|
|
<view class="layout-fifth"> |
|
|
<view class="layout-fifth"> |
|
|
<scroll-view class="fifth-scroll" scroll-x="true"> |
|
|
|
|
|
<view class="fifth-item" v-for="(item,index) in fifthList" :key="index" |
|
|
<view class="fifth-item" v-for="(item,index) in fifthList" :key="index" |
|
|
@click="handFifth(item.type)"> |
|
|
@click="handFifth(item.type)"> |
|
|
<view class="icon"> |
|
|
<view class="icon"> |
|
@ -28,7 +27,6 @@ |
|
|
</view> |
|
|
</view> |
|
|
<view class="text">{{ item.name }}</view> |
|
|
<view class="text">{{ item.name }}</view> |
|
|
</view> |
|
|
</view> |
|
|
</scroll-view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
<uv-gap height="30rpx" bgColor="#f4f4f4"></uv-gap> |
|
|
<uv-gap height="30rpx" bgColor="#f4f4f4"></uv-gap> |
|
|
<view v-for="(item, index) in articleList" :key="index"> |
|
|
<view v-for="(item, index) in articleList" :key="index"> |
|
@ -39,53 +37,69 @@ |
|
|
</view> |
|
|
</view> |
|
|
<view class="mt-20 text-25 text-gray"> |
|
|
<view class="mt-20 text-25 text-gray"> |
|
|
<view class="flex justify-start items-center"> |
|
|
<view class="flex justify-start items-center"> |
|
|
<text @click="$jump(`/pages/article/list?id=${item.categoryId}&title=${item.categoryName}`)" class="text-blue"> |
|
|
|
|
|
|
|
|
<text @click="$jump(`/pages/article/list?id=${item.categoryId}&title=${item.categoryName}`)" |
|
|
|
|
|
class="text-blue"> |
|
|
#{{ item.categoryName }}# |
|
|
#{{ item.categoryName }}# |
|
|
</text> |
|
|
</text> |
|
|
<text @click="$jump(`/pages/article/info?id=${item.articleId}`)" class="ml-20">{{ dayjs(item.publishTime ? item.publishTime : item.createTime).format('YYYY-MM-DD') }}</text> |
|
|
|
|
|
<text @click="$jump(`/pages/article/info?id=${item.articleId}`)" class="ml-20 text-gray">{{ item.actualViews + item.virtualViews }} 浏览</text> |
|
|
|
|
|
|
|
|
<text @click="$jump(`/pages/article/info?id=${item.articleId}`)" class="ml-20"> |
|
|
|
|
|
{{ dayjs(item.publishTime ? item.publishTime : item.createTime).format('YYYY-MM-DD') }} |
|
|
|
|
|
</text> |
|
|
|
|
|
<text @click="$jump(`/pages/article/info?id=${item.articleId}`)" class="ml-20 text-gray"> |
|
|
|
|
|
{{ item.actualViews + item.virtualViews }} 浏览 |
|
|
|
|
|
</text> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view @click="$jump(`/pages/article/info?id=${item.articleId}`)" class="mt-20 text-25 text-black line-2" |
|
|
|
|
|
v-if="item.comments">{{ item.comments }} |
|
|
</view> |
|
|
</view> |
|
|
<view @click="$jump(`/pages/article/info?id=${item.articleId}`)" class="mt-20 text-25 text-black line-2" v-if="item.comments">{{ item.comments }}</view> |
|
|
|
|
|
<view class="mt-20"> |
|
|
<view class="mt-20"> |
|
|
<uv-image v-if="item.album && item.album.length === 1 && item.album[0]" :src="item.album[0].url" radius="15" |
|
|
<uv-image v-if="item.album && item.album.length === 1 && item.album[0]" :src="item.album[0].url" radius="15" |
|
|
width="710rpx" height="710rpx" @click="handPreviewImage(item.album, 0)"/> |
|
|
width="710rpx" height="710rpx" @click="handPreviewImage(item.album, 0)"/> |
|
|
<view v-else-if="item.album && item.album.length === 2" |
|
|
<view v-else-if="item.album && item.album.length === 2" |
|
|
class="flex justify-center items-center"> |
|
|
class="flex justify-center items-center"> |
|
|
<view class="mx-10"> |
|
|
<view class="mx-10"> |
|
|
<uv-image :src="item.album[0].url" @click="handPreviewImage(item.album, 0)" radius="15" width="340rpx" height="340rpx"/> |
|
|
|
|
|
|
|
|
<uv-image :src="item.album[0].url" @click="handPreviewImage(item.album, 0)" radius="15" width="340rpx" |
|
|
|
|
|
height="340rpx"/> |
|
|
</view> |
|
|
</view> |
|
|
<view class="mx-10"> |
|
|
<view class="mx-10"> |
|
|
<uv-image :src="item.album[1].url" @click="handPreviewImage(item.album, 1)" radius="15" width="340rpx" height="340rpx"/> |
|
|
|
|
|
|
|
|
<uv-image :src="item.album[1].url" @click="handPreviewImage(item.album, 1)" radius="15" width="340rpx" |
|
|
|
|
|
height="340rpx"/> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="flex flex-col justify-center items-center" |
|
|
<view class="flex flex-col justify-center items-center" |
|
|
v-else-if="item.album && item.album.length === 3"> |
|
|
v-else-if="item.album && item.album.length === 3"> |
|
|
<view class="flex justify-center items-center mb-20"> |
|
|
<view class="flex justify-center items-center mb-20"> |
|
|
<view class="mx-10"> |
|
|
<view class="mx-10"> |
|
|
<uv-image :src="item.album[0].url" @click="handPreviewImage(item.album, 0)" radius="15" width="340rpx" height="340rpx"/> |
|
|
|
|
|
|
|
|
<uv-image :src="item.album[0].url" @click="handPreviewImage(item.album, 0)" radius="15" width="340rpx" |
|
|
|
|
|
height="340rpx"/> |
|
|
</view> |
|
|
</view> |
|
|
<view class="mx-10"> |
|
|
<view class="mx-10"> |
|
|
<uv-image :src="item.album[1].url" @click="handPreviewImage(item.album, 1)" radius="15" width="340rpx" height="340rpx"/> |
|
|
|
|
|
|
|
|
<uv-image :src="item.album[1].url" @click="handPreviewImage(item.album, 1)" radius="15" width="340rpx" |
|
|
|
|
|
height="340rpx"/> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<uv-image :src="item.album[2].url" @click="handPreviewImage(item.album, 2)" radius="15" width="710rpx" height="340rpx"/> |
|
|
|
|
|
|
|
|
<uv-image :src="item.album[2].url" @click="handPreviewImage(item.album, 2)" radius="15" width="710rpx" |
|
|
|
|
|
height="340rpx"/> |
|
|
</view> |
|
|
</view> |
|
|
<view class="flex flex-col justify-center items-center" |
|
|
<view class="flex flex-col justify-center items-center" |
|
|
v-else-if="item.album && item.album.length === 4"> |
|
|
v-else-if="item.album && item.album.length === 4"> |
|
|
<view class="flex justify-center items-center mb-20"> |
|
|
<view class="flex justify-center items-center mb-20"> |
|
|
<view class="mx-10"> |
|
|
<view class="mx-10"> |
|
|
<uv-image :src="item.album[0].url" @click="handPreviewImage(item.album, 0)" radius="15" width="340rpx" height="340rpx"/> |
|
|
|
|
|
|
|
|
<uv-image :src="item.album[0].url" @click="handPreviewImage(item.album, 0)" radius="15" width="340rpx" |
|
|
|
|
|
height="340rpx"/> |
|
|
</view> |
|
|
</view> |
|
|
<view class="mx-10"> |
|
|
<view class="mx-10"> |
|
|
<uv-image :src="item.album[1].url" @click="handPreviewImage(item.album, 1)" radius="15" width="340rpx" height="340rpx"/> |
|
|
|
|
|
|
|
|
<uv-image :src="item.album[1].url" @click="handPreviewImage(item.album, 1)" radius="15" width="340rpx" |
|
|
|
|
|
height="340rpx"/> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="flex justify-center items-center"> |
|
|
<view class="flex justify-center items-center"> |
|
|
<view class="mx-10"> |
|
|
<view class="mx-10"> |
|
|
<uv-image :src="item.album[2].url" @click="handPreviewImage(item.album, 2)" radius="15" width="340rpx" height="340rpx"/> |
|
|
|
|
|
|
|
|
<uv-image :src="item.album[2].url" @click="handPreviewImage(item.album, 2)" radius="15" width="340rpx" |
|
|
|
|
|
height="340rpx"/> |
|
|
</view> |
|
|
</view> |
|
|
<view class="mx-10"> |
|
|
<view class="mx-10"> |
|
|
<uv-image :src="item.album[3].url" @click="handPreviewImage(item.album, 3)" radius="15" width="340rpx" height="340rpx"/> |
|
|
|
|
|
|
|
|
<uv-image :src="item.album[3].url" @click="handPreviewImage(item.album, 3)" radius="15" width="340rpx" |
|
|
|
|
|
height="340rpx"/> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|