feat(P3): 替换持仓/策略卡片为u-card组件,移除手写卡片样式
This commit is contained in:
parent
772ff2c3ad
commit
cac6e4dfff
@ -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; }
|
||||
|
||||
Loading…
Reference in New Issue
Block a user