feat(P3): 替换持仓/策略卡片为u-card组件,移除手写卡片样式
This commit is contained in:
parent
772ff2c3ad
commit
cac6e4dfff
@ -47,7 +47,12 @@
|
|||||||
</view>
|
</view>
|
||||||
</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-left">
|
||||||
<view class="st-icon-box bg-green-100">
|
<view class="st-icon-box bg-green-100">
|
||||||
<text class="st-icon-text text-green">{{ portfolioData.logicModel?.charAt(0) || 'S' }}</text>
|
<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>
|
<text class="st-status-text">{{ portfolioData.logicModelStatus || '监控中' }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</u-card>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="section-container">
|
<view class="section-container">
|
||||||
@ -76,7 +81,13 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="position-list">
|
<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="pos-top">
|
||||||
<view class="flex-row items-center gap-2">
|
<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'">
|
<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>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</u-card>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -646,14 +657,11 @@ const deletePortfolio = async () => {
|
|||||||
|
|
||||||
/* 策略信息卡片 */
|
/* 策略信息卡片 */
|
||||||
.strategy-info-card {
|
.strategy-info-card {
|
||||||
background-color: #FFFFFF;
|
|
||||||
border-radius: 24rpx;
|
border-radius: 24rpx;
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
border: 1rpx solid #F3F4F6;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.02);
|
|
||||||
}
|
}
|
||||||
.st-left { display: flex; align-items: center; gap: 20rpx; }
|
.st-left { display: flex; align-items: center; gap: 20rpx; }
|
||||||
.st-icon-box {
|
.st-icon-box {
|
||||||
@ -687,12 +695,9 @@ const deletePortfolio = async () => {
|
|||||||
|
|
||||||
/* 持仓卡片 */
|
/* 持仓卡片 */
|
||||||
.position-card {
|
.position-card {
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 24rpx;
|
border-radius: 24rpx;
|
||||||
padding: 32rpx;
|
padding: 32rpx;
|
||||||
margin-bottom: 24rpx;
|
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; }
|
.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; }
|
.icon-char { font-size: 32rpx; font-weight: 800; }
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user