72 lines
1.2 KiB
Vue
72 lines
1.2 KiB
Vue
<template>
|
||
<div @click="goToFinanceDetail">
|
||
<div class="finance-item flex">
|
||
<div class="dot-container">
|
||
<div class="dot"></div>
|
||
</div>
|
||
<div>
|
||
<div class="title">2025-2-01</div>
|
||
<div class="content-text">Koah参与$ 500万美元种子轮融资，领投Forerunner ，参与投资South Park Commons 。</div>
|
||
</div>
|
||
</div>
|
||
<div class="diver-line"></div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
props: {
|
||
item: {
|
||
type: Object,
|
||
default: () => {
|
||
return {}
|
||
}
|
||
},
|
||
},
|
||
data() {
|
||
return {
|
||
}
|
||
},
|
||
methods: {
|
||
goToFinanceDetail() {
|
||
this.$router.push({
|
||
path: '/finance-detail',
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.diver-line {
|
||
border-top: 2px solid #E2E8F0;
|
||
}
|
||
.finance-item {
|
||
padding-top: 35px;
|
||
padding-bottom: 35px;
|
||
cursor: pointer;
|
||
&:active {
|
||
opacity: 0.8;
|
||
}
|
||
.dot-container {
|
||
padding-right: 20px;
|
||
.dot {
|
||
width: 8px;
|
||
height: 8px;
|
||
border-radius: 50%;
|
||
background: #7B61FF;
|
||
margin-top: 8px;
|
||
}
|
||
}
|
||
.title {
|
||
color: #aebadee6;
|
||
font-family: 'Poppins-Medium', serif;
|
||
}
|
||
.content-text {
|
||
color: #64748B;
|
||
font-family: 'Poppins-Medium', serif;
|
||
font-size: 20px;
|
||
}
|
||
}
|
||
</style>
|