修复bug

This commit is contained in:
2025-10-31 15:58:11 +08:00
parent d3375a347f
commit c54f9c9976
29 changed files with 823 additions and 218 deletions

View File

@ -0,0 +1,98 @@
<template>
<div class="special-finance-item flex">
<div class="dot"></div>
<div class="flex-1 container">
<div class="time">2025-2-1</div>
<div class="content">Koah participated in a $5 million seed round, led Forerunner, and participated in The Timeline Of Sketch Commons.</div>
<div class="tag-list flex flex-wrap">
<div v-for="(it, i) in tag" :key="i" class="tag-item flex items-center">
<img src="/" alt="" />
<span>{{ it.name }}</span>
<div class="lead" v-if="it.isLead">Lead</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
tag: [{
name: 'Mask Network',
isLead: true,
}, {
name: 'CatcherVC',
isLead: true,
}, {
name: 'CREDIT SCEND',
isLead: false,
}, {
name: 'Ribbit Capital',
isLead: false,
}],
}
},
methods: {},
}
</script>
<style scoped lang="scss">
.special-finance-item {
border-bottom: 1px solid #E2E8F0;
gap: 14px;
.dot {
width: 8px;
height: 8px;
background-color: #7B61FF;
border-radius: 50%;
margin-top: 8px;
}
.container {
padding-bottom: 50px;
.time {
font-size: 16px;
color: #7B61FF;
font-family: 'Poppins-Medium', serif;
margin-bottom: 22px;
}
.content {
color: #64748B;
font-size: 20px;
font-family: 'Poppins-Medium', serif;
margin-bottom: 20px;
}
.tag-list {
gap: 30px;
.tag-item {
position: relative;
border-radius: 12px;
border: 1px solid #E2E8F0;
padding: 10px;
gap: 4px;
img {
width: 12px;
height: 12px;
}
span {
font-size: 14px;
color: #64748B;
font-family: 'Poppins-Regular', serif;
line-height: 14px;
}
.lead {
padding: 0 4px;
border-radius: 8px;
background-color: #6ae7ee;
color: #ffffff;
position: absolute;
right: 0;
font-size: 9px;
top: -10px;
}
}
}
}
}
</style>

View File

@ -15,7 +15,9 @@
<span>Introduction: </span>
</div>
<div class="item-content">
{{ financeDetail.summary || '' }}
<div style="padding-right: 70px">
{{ financeDetail.summary || '' }}
</div>
</div>
</div>
<div class="terms-item">
@ -37,7 +39,9 @@
</div>
<div class="diver"></div>
<div class="title">Special Financing</div>
<div class="card"></div>
<div class="card content-box">
<SpecialFinanceItem />
</div>
</div>
</IntegratedLayout>
</div>
@ -45,9 +49,10 @@
<script>
import CommentBtn from "@/pages/ToolDetail/components/CommentBtn.vue";
import SpecialFinanceItem from "@/pages/Launches/FinanceDetail/SpecialFinanceItem.vue";
export default {
components: {CommentBtn},
components: {CommentBtn, SpecialFinanceItem},
data() {
return {
commentCount: 0,
@ -99,6 +104,11 @@ export default {
.content {
padding-top: 180px;
padding-bottom: 100px;
.content-box {
padding: 50px 30px;
}
.diver {
margin-top: 20px;
border-top: 4px solid #E2E8F0;