This commit is contained in:
aaron 2026-02-15 20:27:47 +08:00
parent b6cc275d24
commit 569747d8fd

View File

@ -675,18 +675,24 @@
} }
} }
/* 分享按钮 */ /* 分享链接 */
.action-btn.share { .action-cell {
background: transparent; display: flex;
border: 1px solid var(--accent); align-items: center;
color: var(--accent); gap: 12px;
padding: 4px 8px;
margin-right: 4px;
font-size: 12px;
} }
.action-btn.share:hover { .share-link {
background: rgba(0, 212, 170, 0.1); color: var(--text-secondary);
font-size: 12px;
cursor: pointer;
opacity: 0.6;
transition: all 0.2s;
}
.share-link:hover {
color: var(--accent);
opacity: 1;
} }
/* 分享模态框 */ /* 分享模态框 */
@ -1104,13 +1110,13 @@
</td> </td>
<td>${{ order.quantity }}</td> <td>${{ order.quantity }}</td>
<td>{{ formatTime(order.status === 'open' ? order.opened_at : order.created_at) }}</td> <td>{{ formatTime(order.status === 'open' ? order.opened_at : order.created_at) }}</td>
<td> <td class="action-cell">
<button v-if="order.status === 'open'" class="action-btn share" @click="shareOrder(order)" title="分享">
📤
</button>
<button class="action-btn danger" @click="closeOrder(order)"> <button class="action-btn danger" @click="closeOrder(order)">
{{ order.status === 'pending' ? '取消' : '平仓' }} {{ order.status === 'pending' ? '取消' : '平仓' }}
</button> </button>
<span v-if="order.status === 'open'" class="share-link" @click="shareOrder(order)" title="分享">
分享
</span>
</td> </td>
</tr> </tr>
</tbody> </tbody>
@ -1243,9 +1249,6 @@
<div class="share-pnl" :class="shareOrderData.pnlPercent >= 0 ? 'positive' : 'negative'"> <div class="share-pnl" :class="shareOrderData.pnlPercent >= 0 ? 'positive' : 'negative'">
{{ shareOrderData.pnlPercent >= 0 ? '+' : '' }}{{ shareOrderData.pnlPercent.toFixed(2) }}% {{ shareOrderData.pnlPercent >= 0 ? '+' : '' }}{{ shareOrderData.pnlPercent.toFixed(2) }}%
</div> </div>
<div class="share-pnl-amount" :class="shareOrderData.pnlAmount >= 0 ? 'positive' : 'negative'">
{{ shareOrderData.pnlAmount >= 0 ? '+' : '' }}${{ shareOrderData.pnlAmount.toFixed(2) }}
</div>
<div class="share-prices"> <div class="share-prices">
<div class="price-item"> <div class="price-item">
<span class="price-label">开仓价</span> <span class="price-label">开仓价</span>