128 lines
2.7 KiB
Vue
128 lines
2.7 KiB
Vue
<template>
|
||
<div class="join-entry-page">
|
||
<div class="page-header">
|
||
<h1 class="page-title">加入我们</h1>
|
||
<p class="page-desc">请选择企业会员或个人会员申请入口，按要求提交资料审核</p>
|
||
</div>
|
||
|
||
<div class="join-cards">
|
||
<div class="join-card enterprise-card">
|
||
<div class="join-card-icon">🏢</div>
|
||
<h3>企业会员申请</h3>
|
||
<p>适用于依法注册、具有法人资格的企事业单位。</p>
|
||
<ul>
|
||
<li>填写企业备案信息</li>
|
||
<li>上传申请表、营业执照等材料</li>
|
||
<li>提交后等待后台审核</li>
|
||
</ul>
|
||
<a-button type="primary" block size="large" @click="navigateTo('/about/join/enterprise')">
|
||
进入企业会员申请
|
||
</a-button>
|
||
</div>
|
||
|
||
<div class="join-card personal-card">
|
||
<div class="join-card-icon">👤</div>
|
||
<h3>个人会员申请</h3>
|
||
<p>适用于具备相应专业背景、认同学会章程的个人申请者。</p>
|
||
<ul>
|
||
<li>填写个人备案信息</li>
|
||
<li>上传签字申请表及证明材料</li>
|
||
<li>提交后等待后台审核</li>
|
||
</ul>
|
||
<a-button block size="large" @click="navigateTo('/about/join/personal')">
|
||
进入个人会员申请
|
||
</a-button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="entry-actions">
|
||
<a-button @click="navigateTo('/about/join/downloads')">资料下载</a-button>
|
||
<a-button @click="navigateTo('/about')">返回关于我们</a-button>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
useHead({ title: '加入我们 - 决策咨询网' })
|
||
</script>
|
||
|
||
<style scoped>
|
||
.join-entry-page {
|
||
max-width: 1100px;
|
||
margin: 0 auto;
|
||
padding: 40px 20px 64px;
|
||
}
|
||
|
||
.page-header {
|
||
text-align: center;
|
||
margin-bottom: 36px;
|
||
}
|
||
|
||
.page-title {
|
||
margin: 0 0 12px;
|
||
font-size: 32px;
|
||
font-weight: 700;
|
||
color: #1f2937;
|
||
}
|
||
|
||
.page-desc {
|
||
margin: 0;
|
||
color: #6b7280;
|
||
font-size: 15px;
|
||
}
|
||
|
||
.join-cards {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 24px;
|
||
}
|
||
|
||
.join-card {
|
||
padding: 28px;
|
||
border-radius: 18px;
|
||
background: #fff;
|
||
box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
|
||
}
|
||
|
||
.join-card-icon {
|
||
font-size: 36px;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.join-card h3 {
|
||
margin: 0 0 10px;
|
||
font-size: 22px;
|
||
color: #1f2937;
|
||
}
|
||
|
||
.join-card p {
|
||
margin: 0 0 16px;
|
||
color: #6b7280;
|
||
line-height: 1.8;
|
||
}
|
||
|
||
.join-card ul {
|
||
margin: 0 0 20px;
|
||
padding-left: 20px;
|
||
color: #475569;
|
||
line-height: 1.8;
|
||
}
|
||
|
||
.entry-actions {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 16px;
|
||
margin-top: 28px;
|
||
}
|
||
|
||
@media (max-width: 820px) {
|
||
.join-cards {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
|
||
.entry-actions {
|
||
flex-direction: column;
|
||
}
|
||
}
|
||
</style>
|