feat(P3): 替换持仓/策略卡片为u-card组件,移除手写卡片样式

This commit is contained in:
claw_bot 2026-03-12 12:43:12 +00:00
parent 772ff2c3ad
commit cac6e4dfff

View File

@ -47,7 +47,12 @@
</view>
</view>
<view class="strategy-info-card" v-if="portfolioData.logicModel">
<u-card
v-if="portfolioData.logicModel"
:border="false"
:shadow="false"
class="strategy-info-card"
>
<view class="st-left">
<view class="st-icon-box bg-green-100">
<text class="st-icon-text text-green">{{ portfolioData.logicModel?.charAt(0) || 'S' }}</text>
@ -66,7 +71,7 @@
<text class="st-status-text">{{ portfolioData.logicModelStatus || '监控中' }}</text>
</view>
</view>
</view>
</u-card>
</view>
<view class="section-container">
@ -76,7 +81,13 @@
</view>
<view class="position-list">
<view class="position-card" v-for="(item, index) in positions" :key="item.id || index">
<u-card
v-for="(item, index) in positions"
:key="item.id || index"
:border="false"
:shadow="false"
class="position-card"
>
<view class="pos-top">
<view class="flex-row items-center gap-2">
<view class="stock-icon" :class="index % 2 === 0 ? 'bg-blue-100 text-blue' : 'bg-orange-100 text-orange'">
@ -116,7 +127,7 @@
</view>
</view>
</view>
</view>
</u-card>
</view>
</view>
@ -646,14 +657,11 @@ const deletePortfolio = async () => {
/* 策略信息卡片 */
.strategy-info-card {
background-color: #FFFFFF;
border-radius: 24rpx;
padding: 24rpx;
border: 1rpx solid #F3F4F6;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.02);
}
.st-left { display: flex; align-items: center; gap: 20rpx; }
.st-icon-box {
@ -687,12 +695,9 @@ const deletePortfolio = async () => {
/* 持仓卡片 */
.position-card {
background-color: #fff;
border-radius: 24rpx;
padding: 32rpx;
margin-bottom: 24rpx;
box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.02);
border: 1rpx solid #F3F4F6;
}
.stock-icon { width: 80rpx; height: 80rpx; border-radius: 20rpx; display: flex; align-items: center; justify-content: center; }
.icon-char { font-size: 32rpx; font-weight: 800; }