You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
82 lines
1.5 KiB
82 lines
1.5 KiB
<template>
|
|
<view class='index-article cell-group bottom-cell-group' v-if="jdata.options.colorGroup && count">
|
|
<view class='cell-item'
|
|
v-for="item in jdata.options.colorGroup"
|
|
:key="item.id"
|
|
@click="articleDetail(item.id)"
|
|
>
|
|
<view class="cell-item-bd">
|
|
<view class="article-title ">
|
|
{{ item.title }}
|
|
</view>
|
|
<view class="article-time">
|
|
{{ item.ctime }}
|
|
</view>
|
|
</view>
|
|
|
|
<view class="cell-title-img">
|
|
<image :src="item.cover" mode="aspectFill"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "jshoparticleclassify",
|
|
props: {
|
|
jdata:{
|
|
// type: Array,
|
|
required: true,
|
|
}
|
|
},
|
|
computed: {
|
|
count() {
|
|
return (this.jdata.options.colorGroup.length > 0)
|
|
}
|
|
},
|
|
methods: {
|
|
// 查看文章详情
|
|
articleDetail (articleId) {
|
|
this.$common.navigateTo('/pages/article/index?id=' + articleId+'&id_type=1')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.index-article .cell-title-img{
|
|
width: 160upx;
|
|
height: 160upx;
|
|
float: right;
|
|
}
|
|
.index-article .cell-title-img image{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.index-article .cell-item-bd{
|
|
padding-right: 0;
|
|
vertical-align: top;
|
|
position: relative;
|
|
}
|
|
.index-article .article-title{
|
|
font-size: 28upx;
|
|
color: #333;
|
|
width: 100%;
|
|
min-height: 80upx;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
.index-article .article-time{
|
|
font-size: 24upx;
|
|
color: #999;
|
|
display: inline-block;
|
|
min-width: 220upx;
|
|
min-height: 32upx;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
</style>
|
|
|