A1300399510/PC-mj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
A1300399510
2024-01-10 15:31:42 +08:00
parent 9972e0618a
commit db12c1d102
30 changed files with 291 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
pages/details/[id].vue
View File

@@ -26,7 +26,10 @@
<template v-for="(item, index) in relatedlist" :key="index">
<a v-if="item['type']" class="mj-item flexflex recommend" :href="item?.url" target="_blank">
<div class="mj-header flexacenter">
<div class="label flexcenter">推荐阅读</div>
<div class="label flexacenter">
<div class="label-text flexcenter">荐</div>
<div class="label-title">{{ labelObj[item['type'] || 'offer'] }}</div>
</div>
<h1>{{ item["title"] }}</h1>
</div>
@@ -1288,6 +1291,14 @@ const unbookmarkSamePage = () => {
}
provide("unbookmarkSamePage", unbookmarkSamePage)
let labelObj = {
offer: "Offer",
vote: "投票",
mj: "面经",
thread: "帖子",
ask: "回答",
}
</script>
<style lang="less" scoped>
@@ -1383,12 +1394,28 @@ provide("unbookmarkSamePage", unbookmarkSamePage)
.mj-header {
display: inline-block;
.label {
background: rgba(114, 219, 134, 0.117647);
width: 60px;
height: 21px;
background-color: rgba(253, 223, 109, 0.117647058823529);
border: 1px solid rgba(228, 199, 98, 1);
border-radius: 5px;
font-size: 12px;
color: #72db86;
padding: 0 5px;
color: #e4c762;
text-align: center;
display: inline-flex;
margin-right: 10px;
.label-text {
width: 21px;
height: 21px;
background-color: rgba(228, 199, 98, 1);
border-radius: 5px;
font-size: 12px;
color: #ffffff;
}
.label-title {
padding: 0 5px;
}
}
h1 {