sileya-ai
/
vr-shopxo-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

文章支持封面图片展示

master
gongfuxiang 2024-07-11 17:58:15 +08:00
parent f563f35079
commit d86846f622
3 changed files with 31 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
App.vue
View File

@ -1918,7 +1918,7 @@
desc: data.desc || share_config.desc || this.get_application_describe(),
path: data.path || this.data.tabbar_pages[0],
query: this.share_query_handle(data.query || ''),
img: data.img || share_config.pic || this.get_config('config.home_site_logo_square'),
img: data.img || share_config.pic || this.get_application_logo_square(),
};
result['url'] = this.get_page_url();
// #ifdef H5 || APP

8
pages/article-category/article-category.css Normal file
View File

@ -0,0 +1,8 @@
.data-list .item-cover .cover {
width: 180rpx;
height: 180rpx;
}
.data-list .item-cover .base-right,
.data-list .item-cover .base-right-bottom{
width: calc(100% - 200rpx);
}

29
pages/article-category/article-category.vue
View File

@ -12,12 +12,25 @@
<scroll-view :scroll-y="true" class="scroll-box scroll-box-ece-nav" @scrolltolower="scroll_lower" lower-threshold="60">
<view v-if="(data_list || null) != null && data_list.length > 0" class="data-list padding-horizontal-main padding-top-main oh">
<block v-for="(item, index) in data_list" :key="index">
<view :data-value="item.url" @tap="url_event" class="item padding-main border-radius-main bg-white oh cp spacing-mb">
<view class="cr-base fw-b" :style="(item.title_color || null) != null ? 'color:' + item.title_color + ' !important;' : ''">{{ item.title }}</view>
<view class="cr-grey oh margin-top-sm">
<text class="fl">{{ item.add_time }}</text>
<text class="fr">{{$t('article-category.article-category.gxra15')}}{{ item.access_count }}</text>
</view>
<view :data-value="item.url" @tap="url_event" class="item padding-main border-radius-main bg-white oh cp spacing-mb">
<view v-if="(item.cover || null) != null" class="oh pr item-cover">
<image :src="item.cover" mode="aspectFit" class="radius fl cover"></image>
<view class="base-right fr">
<view class="fw-b single-text text-size" :style="(item.title_color || null) != null ? 'color:' + item.title_color + ' !important;' : ''">{{ item.title }}</view>
<view v-if="(item.describe || null) != null" class="cr-base margin-top-sm multi-text text-size-sm">{{item.describe}}</view>
<view class="pa right-0 bottom-0 base-right-bottom cr-grey text-size-xs">
<text class="fl">{{ item.add_time }}</text>
<text class="fr">{{$t('article-category.article-category.gxra15')}}{{ item.access_count }}</text>
</view>
</view>
</view>
<block v-else>
<view class="fw-b single-text text-size" :style="(item.title_color || null) != null ? 'color:' + item.title_color + ' !important;' : ''">{{ item.title }}</view>
<view class="cr-grey oh text-size-xs margin-top-sm">
<text class="fl">{{ item.add_time }}</text>
<text class="fr">{{$t('article-category.article-category.gxra15')}}{{ item.access_count }}</text>
</view>
</block>
</view>
</block>
</view>
@ -257,4 +270,6 @@ export default {
},
};
</script>
<style></style>
<style>
@import "./article-category.css";
</style>