feat: 完成项目基础功能搭建与样式优化

1.  新增评估选择组件、本地草稿存储与新闻/金融内容服务
2.  重构页面布局与样式:调整按钮阴影、图标尺寸、导航栏样式
3.  更新启动页、报告页、消息中心等页面UI与交互逻辑
4.  替换图标资源,调整禁用态透明度
5.  补充README文档与本地数据模拟实现
This commit is contained in:
hujun
2026-09-18 12:59:43 +08:00
parent b0ee4f9d7e
commit 94a4558290
30 changed files with 1376 additions and 640 deletions
+12 -13
View File
@@ -6,7 +6,7 @@
<view class="intro-copy">
<text class="intro-title">{{ type == 'enterprise' ? '企业信用融资' : '个人信用融资' }}</text>
<text class="intro-sub">{{ type == 'enterprise' ? '适合企业 / 个体工商户' : '适合有稳定收入的个人用户' }}</text>
<view class="benefit" v-for="item in benefits" :key="item"><AppIcon name="check-circle" :size="30" /><text>{{ item }}</text></view>
<view class="benefit" v-for="item in benefits" :key="item"><view class="benefit-dot"></view><text class="benefit-text">{{ item }}</text></view>
</view>
<image class="entry-image" :src="type == 'enterprise' ? '/static/mobile/images/enterprise-building-cutout.png' : '/static/mobile/images/personal-building-cutout.png'" mode="aspectFit"></image>
</view>
@@ -14,12 +14,12 @@
<view class="process-block">
<text class="section-title">评估流程预览</text>
<view class="process-row">
<view class="process-item"><view class="process-icon"><AppIcon name="file-text" :size="42" /></view><text>填写信息</text></view><view class="arrow"><AppIcon name="arrow-right" :size="32" /></view>
<view class="process-item"><view class="process-icon"><AppIcon name="sparkles" :size="42" /></view><text>AI分析</text></view><view class="arrow"><AppIcon name="arrow-right" :size="32" /></view>
<view class="process-item"><view class="process-icon"><AppIcon name="building" :size="42" /></view><text>匹配方案</text></view>
<view class="process-item"><view class="process-icon"><AppIcon name="file-text" :size="50" /></view><text class="process-label">填写信息</text></view><view class="arrow"><AppIcon name="arrow-right" :size="32" /></view>
<view class="process-item"><view class="process-icon"><AppIcon name="sparkles" :size="50" /></view><text class="process-label">AI分析</text></view><view class="arrow"><AppIcon name="arrow-right" :size="32" /></view>
<view class="process-item"><view class="process-icon"><AppIcon name="building" :size="50" /></view><text class="process-label">匹配方案</text></view>
</view>
</view>
<view class="privacy-tip"><text>信息将加密传输,仅用于本次融资评估</text></view>
<view class="privacy-tip"><text class="privacy-text">自主选择授权范围,随时补充评估资料</text></view>
</view>
</view>
</template>
@@ -30,11 +30,11 @@
import AppHeader from '@/components/AppHeader.uvue'
import AppIcon from '@/components/AppIcon.uvue'
const type = ref('personal')
const benefits = ref(['最高可借额度', '审批快 放款快', '多种产品任你选'])
const benefits = ref(['了解可选融资额度', '在线评估,便捷省时', '多家机构方案对比'])
onLoad((options) => {
if (options != null && options['type'] == 'enterprise') {
type.value = 'enterprise'
benefits.value = ['最高可借额度', '企业信用贷款', '多种融资方案']
benefits.value = ['匹配企业资金需求', '多维度经营资质评估', '多种融资方案对比']
}
})
const start = () => { uni.navigateTo({ url: '/pages/assessment/assessment?type=' + type.value }) }
@@ -50,9 +50,9 @@
.intro-sub { font-size: 23rpx; color: #5f6d82; margin-top: 8rpx; margin-bottom: 30rpx; }
.benefit { flex-direction: row; align-items: center; margin-top: 18rpx; color: #23324a; font-size: 25rpx; font-weight: 600; }
.benefit .app-icon { margin-right: 12rpx; }
/* #ifndef APP */
.enterprise-page .benefit .app-icon { filter: hue-rotate(330deg) saturate(1.7); }
/* #endif */
.benefit-text { color: #34445c; font-size: 25rpx; line-height: 38rpx; }
.benefit-dot { width: 10rpx; height: 10rpx; border-radius: 5rpx; background-color: #0868f7; margin-right: 14rpx; flex-shrink: 0; }
.enterprise-page .benefit-dot { background-color: #f47a1a; }
.entry-image { position: absolute; width: 285rpx; height: 300rpx; right: -35rpx; bottom: -22rpx; }
.start-button { margin-top: 30rpx; }
@@ -61,9 +61,8 @@
.process-item { align-items: center; color: #455369; font-size: 22rpx; }
.process-icon { width: 88rpx; height: 88rpx; border-radius: 26rpx; background-color: #e9f2ff; align-items: center; justify-content: center; margin-bottom: 14rpx; }
.enterprise-page .process-icon { background-color: #fff0e5; }
/* #ifndef APP */
.enterprise-page .process-icon .app-icon { filter: hue-rotate(330deg) saturate(1.7); }
/* #endif */
.process-label { font-size: 24rpx; color: #455369; }
.privacy-text { font-size: 22rpx; color: #748398; text-align: center; line-height: 34rpx; }
.arrow { margin-top: -28rpx; }
.privacy-tip { margin-top: 55rpx; align-items: center; color: #97a3b4; font-size: 21rpx; }