feat(实时信息): 添加首页banner和标签展示区域
- 新增顶部banner区域,包含背景图和标题 - 添加行业分类和概念标签的统计展示卡片 - 引入资讯评分分布区间图表组件 - 保留原有的排行榜列表功能
This commit is contained in:
parent
c2d8a180af
commit
bb5520b32c
|
|
@ -1,6 +1,68 @@
|
||||||
<template>
|
<template>
|
||||||
<!-- 顶部 banner 区域 -->
|
<!-- 顶部 banner 区域 -->
|
||||||
<view class="all">
|
<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">
|
<view style="background-color: white; padding-top: 40rpx">
|
||||||
<RankList :newsList="newsList" :needExp="false"></RankList>
|
<RankList :newsList="newsList" :needExp="false"></RankList>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue