fgm
/
cankao-h5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(RankList): 格式化代码并修复硬编码的新闻来源 

- 调整标签和元数据的代码格式以提高可读性
- 将硬编码的新闻来源替换为动态变量
- 统一字体家族的声明格式
This commit is contained in:
34701892@qq.com 2026-02-04 14:04:02 +08:00
parent fc9502b16a
commit 2a9f835a0f
1 changed files with 45 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/components/RankList.vue
View File

@ -24,19 +24,25 @@
<view class="r_r_tags" v-if="hasTag">
<view style="display: flex; margin-top: 20rpx; overflow-x: auto; width: 95vw">
<view class="r_tags">
<view class="tag" style="background-color: #fff9ec; color: #ffb100"
v-for="(item, index) in item.conceptLabels" :key="index">{{
item
}}</view>
<view
class="tag"
style="background-color: #fff9ec; color: #ffb100"
v-for="(item, index) in item.conceptLabels"
:key="index"
>{{ item }}</view
>
</view>
</view>
<view style="display: flex; margin-top: 20rpx; overflow-x: auto; width: 100vw">
<view class="r_tags">
<view class="tag" style="background-color: #f5f8fe; color: #007aff"
v-for="(item, index) in item.industryLabels" :key="index">{{
item
}}</view>
<view
class="tag"
style="background-color: #f5f8fe; color: #007aff"
v-for="(item, index) in item.industryLabels"
:key="index"
>{{ item }}</view
>
</view>
</view>
</view>
@ -44,7 +50,7 @@
<view class="news-meta">
<view>
<text class="source">{{ item.source }}</text>
<text class="source">中国证券报</text>
<!-- <text class="time">{{ dayjs(item.publish_time).format("YYYY-MM-DD HH:MM:ss") }}</text> -->
<!-- .format('YYYY-MM-DD HH:mm:ss'); -->
<text class="time">
@ -53,7 +59,8 @@
</view>
<text class="score" v-if="needExp">
<text v-if="index < 3">资讯评分：</text>
{{ item.news_score }}</text>
{{ item.news_score }}</text
>
</view>
</view>
</view>
@ -66,8 +73,12 @@
<img src="@/assets/zixun/down_icon.png" class="exp_up" v-else />
</view>
<LoginPopup :show="LoginShow" @handlePopupClose="handlePopupClose"
@handlePopupSuccessCallback="handlePopupSuccessCallback" @handlePopupErrorCallback="handlePopupErrorCallback" />
<LoginPopup
:show="LoginShow"
@handlePopupClose="handlePopupClose"
@handlePopupSuccessCallback="handlePopupSuccessCallback"
@handlePopupErrorCallback="handlePopupErrorCallback"
/>
</view>
</template>
@ -94,7 +105,7 @@ watch(
try {
concept_label = JSON.parse(item.concept_label);
industry_label = JSON.parse(item.industry_label);
} catch (e) { }
} catch (e) {}
rankListLocal.value.push({
...item,
conceptLabels: concept_label,
@ -103,7 +114,7 @@ watch(
});
loading.value = false;
}
},
);
watch(
@ -122,7 +133,7 @@ watch(
try {
concept_label = JSON.parse(item.concept_label);
industry_label = JSON.parse(item.industry_label);
} catch (e) { }
} catch (e) {}
rankListLocal.value.push({
...item,
@ -131,7 +142,7 @@ watch(
});
});
loading.value = false;
}
},
);
// 接收父组件传入的新闻列表
@ -261,7 +272,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
}
.rank-text-top3 {
font-family: PingFangSC, PingFang SC;
font-family:
PingFangSC,
PingFang SC;
font-weight: 500;
font-size: 24rpx;
color: #ffffff;
@ -278,7 +291,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
}
.rank-text {
font-family: PingFangSC, PingFang SC;
font-family:
PingFangSC,
PingFang SC;
font-weight: bold;
font-size: 28rpx;
color: #e98254;
@ -300,7 +315,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
}
.news-desc {
font-family: PingFangSC, PingFang SC;
font-family:
PingFangSC,
PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #333333;
@ -331,7 +348,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
.time,
.score {
// opacity: 0.8;
font-family: PingFangSC, PingFang SC;
font-family:
PingFangSC,
PingFang SC;
font-weight: 400;
font-size: 22rpx;
color: #999999;
@ -345,7 +364,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
}
.score {
font-family: PingFangSC, PingFang SC;
font-family:
PingFangSC,
PingFang SC;
font-weight: 500;
font-size: 22rpx;
color: #ffa800;
@ -378,7 +399,9 @@ function timeFormat(dateTime = null, formatStr = "yyyy-mm-dd hh:MM:ss") {
gap: 10rpx;
.tag {
font-family: PingFangSC, PingFang SC;
font-family:
PingFangSC,
PingFang SC;
font-weight: 400;
font-size: 22rpx;
color: #3f80fa;