xuye929/AIProd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复bug

Browse Source
This commit is contained in:
qiuxiao
2025-10-31 15:58:11 +08:00
parent d3375a347f
commit c54f9c9976
29 changed files with 823 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
pages/Launches/Detail/FinanceItem.vue
View File

@ -42,8 +42,8 @@ export default {
border-top: 2px solid #E2E8F0;
}
.finance-item {
padding-top: 35px;
padding-bottom: 35px;
padding-top: 20px;
padding-bottom: 20px;
cursor: pointer;
&:active {
opacity: 0.8;
@ -61,6 +61,7 @@ export default {
.title {
color: #aebadee6;
font-family: 'Poppins-Medium', serif;
margin-bottom: 12px;
}
.content-text {
color: #64748B;

23
pages/Launches/Detail/index.vue
View File

@ -66,10 +66,10 @@
<ProjectItem :item="{name: 'Facebook.com', iconUrl: '/launches/web/facebook.png'}" />
<ProjectItem :item="{name: 'Instagram.com', iconUrl: '/launches/web/instagram.png'}" />
<ProjectItem :item="{name: 'Twitter.com', iconUrl: '/launches/web/twitter.png'}" />
<!--<div class="more flex items-center justify-between" style="margin-top: 20px">-->
<!-- <div>A total of 8 projects were released</div>-->
<!-- <img src="/launches/detail/icon_arrow.png" alt="" />-->
<!--</div>-->
<div class="more flex items-center justify-between" style="margin-top: 20px">
<div>A total of 8 projects were released</div>
<img src="/launches/detail/icon_arrow.png" alt="" />
</div>
</div>
<div class="card" style="margin-top: 20px">
<div class="flex items-center" style="margin-top: 20px">
@ -80,12 +80,12 @@
<FinanceItem />
<FinanceItem />
<FinanceItem />
<!--<div class="flex justify-end" style="margin-top: 30px">-->
<!-- <div class="more flex items-center justify-between" style="width: 50%">-->
<!-- <div>View more</div>-->
<!-- <img src="/launches/detail/icon_arrow.png" alt="" />-->
<!-- </div>-->
<!--</div>-->
<div class="flex justify-end" style="margin-top: 30px">
<div class="more flex items-center justify-between" style="gap: 14px">
<div>View more</div>
<img src="/launches/detail/icon_arrow.png" alt="" />
</div>
</div>
</div>
</div>
</div>
@ -286,7 +286,6 @@ export default {
.diver-line {
margin-top: 20px;
border-top: 2px solid #E2E8F0;
margin-bottom: 20px;
}
.content-title {
@ -307,7 +306,6 @@ export default {
border-radius: 6px;
padding: 8px 15px;
border: 1px solid #e2e8f0;
gap: 16px;
font-family: 'Poppins-Regular', serif;
color: #64748B;
@ -334,7 +332,6 @@ export default {
border-radius: 6px;
padding: 8px 15px;
border: 1px solid #e2e8f0;
gap: 16px;
font-family: 'Poppins-Regular', serif;
color: #64748B;

98
pages/Launches/FinanceDetail/SpecialFinanceItem.vue Normal file
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>

16
pages/Launches/FinanceDetail/index.vue
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;

18
pages/Launches/components/OptionDates.vue
View File

@ -6,6 +6,7 @@
<div v-if="mode === 'Daily'" class="daily-picker">
<HorizontalDateList>
<button
style="width: 36px"
v-for="day in dailyDays"
:key="day.dateStr"
:class="{ 'selected': day.dateStr === selectedDate }"
@ -18,6 +19,7 @@
<div v-else-if="mode === 'Weekly'" class="weekly-picker">
<HorizontalDateList>
<button
style="margin: 0 30px; width: 105px"
v-for="week in weeklyRanges"
:key="week.start"
:class="{ 'selected': week.start === selectedDate[0] && week.end === selectedDate[1] }"
@ -30,7 +32,7 @@
<div v-else class="monthly-picker">
<HorizontalDateList>
<button
style="margin: 0 15px"
style="margin: 0 9px; width: 55px"
v-for="(monthAbbr, index) in monthAbbrs"
:key="index"
:class="{ 'selected': (index + 1) === selectedMonth }"
@ -286,13 +288,16 @@ export default {
.daily-picker button,
.weekly-picker button,
.monthly-picker button {
padding: 6px 10px;
border: 1px solid #e5e7eb;
border-radius: 4px;
height: 36px;
text-align: center;
border: 1px solid #E2E8F0;
border-radius: 12px;
background: #fff;
cursor: pointer;
transition: all 0.2s;
font-size: 14px;
font-size: 18px;
line-height: 22px;
color: #506179;
&:active {
opacity: 0.8;
}
@ -307,8 +312,7 @@ export default {
.daily-picker button.selected,
.weekly-picker button.selected,
.monthly-picker button.selected {
background: #4f46e5;
color: #fff;
border-color: #4f46e5;
background: linear-gradient( 47deg, #2563EB 4%, #7B61FF 73%);
}
</style>

2
pages/Launches/components/SwitchMonth.vue
View File

@ -3,7 +3,7 @@
<div class="btn" @click="prevYear">
<img :src="prevIcon" alt="Previous Year" />
</div>
<div style="width: 60px;text-align: center">{{ monthName }}</div>
<div style="width: 60px;text-align: center; font-family: 'Poppins-Regular', serif">{{ monthName }}</div>
<div class="btn" @click="nextYear">
<img :src="nextIcon" :alt="isNextDisabled ? 'Next Year Disabled' : 'Next Year'" />
</div>

2
pages/Launches/components/SwitchYear.vue
View File

@ -45,7 +45,7 @@ export default {
<div class="btn" @click="prevYear">
<img :src="prevIcon" alt="Previous Year" />
</div>
<div style="width: 60px;text-align: center">{{ year }}</div>
<div style="width: 60px;text-align: center; font-family: 'Poppins-Regular', serif">{{ year }}</div>
<div class="btn" @click="nextYear">
<img :src="nextIcon" :alt="isNextDisabled ? 'Next Year Disabled' : 'Next Year'" />
</div>