feat(实时信息): 添加首页banner和标签展示区域
- 新增顶部banner区域,包含背景图和标题 - 添加行业分类和概念标签的统计展示卡片 - 引入资讯评分分布区间图表组件 - 保留原有的排行榜列表功能
This commit is contained in:
parent
c2d8a180af
commit
bb5520b32c
|
|
@ -1,6 +1,68 @@
|
|||
<template>
|
||||
<!-- 顶部 banner 区域 -->
|
||||
<view class="all">
|
||||
<!-- banner start -->
|
||||
<view class="banner">
|
||||
<img :src="bannerImg" class="banner_bk" />
|
||||
<view class="r_banner_title">
|
||||
<img :src="bannerTitle" class="banner_title" />
|
||||
<text>数据更新时间:{{ dayjs(new Date().getTime()).format("YYYY-MM-DD") }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<!-- banner end -->
|
||||
|
||||
<view class="">
|
||||
<view class="tag">
|
||||
<view class="r_tag_img">
|
||||
<img :src="tagicon_1_bg" class="tag_bk" />
|
||||
<view class="tag_content">
|
||||
<view class="tag_item_left">
|
||||
<text class="tag_title">行业分类贴标</text>
|
||||
|
||||
<view style="display: flex; margin-top: 15rpx">
|
||||
<!-- <text class="tag_num">{{ topNum.leftNum }}</text> -->
|
||||
<countTo :startVal="lastLeftNum" :endVal="topNum.leftNum" :duration="5000" class="tag_num"></countTo>
|
||||
|
||||
<text class="tag_status">已处理</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="tag_item_right">
|
||||
<img :src="tagicon_1" class="tag_icon" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="r_tag_img">
|
||||
<img :src="tagicon_2_bg" class="tag_bk" />
|
||||
<view class="tag_content">
|
||||
<view class="tag_item_left">
|
||||
<text class="tag_title">概念标签贴标</text>
|
||||
<view style="display: flex; margin-top: 15rpx">
|
||||
<!-- <text class="tag_num">{{ topNum.rightNum }}</text> -->
|
||||
<countTo :startVal="lastRightNum" :endVal="topNum.rightNum" :duration="5000" class="tag_num"></countTo>
|
||||
|
||||
<text class="tag_status">已处理</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="tag_item_right">
|
||||
<img :src="tagicon_2" class="tag_icon" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view style="background-color: white; margin-top: 40rpx">
|
||||
<indexMenuTitle title="资讯评分分布区间"></indexMenuTitle>
|
||||
<Line style="margin-top: 30rpx" :data="lineData"></Line>
|
||||
|
||||
<view style="display: flex; flex-direction: column; text-align: center; justify-content: center; align-items: center; padding-bottom: 30rpx">
|
||||
<InfoSummary style="width: 85%" :count="newsNum"></InfoSummary>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view style="background-color: white; padding-top: 40rpx">
|
||||
<RankList :newsList="newsList" :needExp="false"></RankList>
|
||||
</view>
|
||||
|
|
|
|||
Loading…
Reference in New Issue