diff --git a/pages/config/config.vue b/pages/config/config.vue
index b06bf2f..6522b62 100755
--- a/pages/config/config.vue
+++ b/pages/config/config.vue
@@ -132,12 +132,7 @@
预计初始投入
¥ {{ totalInvestment }}
-
+
@@ -697,18 +692,19 @@ onShow(async () => {
font-family: 'DIN Alternate';
}
-.submit-btn {
+.btn-submit {
background-color: #064E3B;
color: #fff;
font-weight: 700;
border-radius: 24rpx;
height: 96rpx;
- line-height: 96rpx;
font-size: 30rpx;
width: 100%;
+ border: none;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
-
-.submit-btn:active {
- opacity: 0.9;
-}
+.btn-submit::after { border: none; }
+.btn-submit:active { opacity: 0.9; }
\ No newline at end of file
diff --git a/pages/detail/detail.vue b/pages/detail/detail.vue
index 346018c..60339f7 100755
--- a/pages/detail/detail.vue
+++ b/pages/detail/detail.vue
@@ -170,28 +170,17 @@
-
-
-
+
+
+
@@ -286,18 +275,8 @@
@@ -738,6 +717,52 @@ const deletePortfolio = async () => {
z-index: 999;
}
+.btn-delete {
+ flex: 0 0 96rpx;
+ width: 96rpx;
+ height: 96rpx;
+ border-radius: 24rpx;
+ background-color: #FEE2E2;
+ border: none;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0;
+}
+.btn-delete::after { border: none; }
+.btn-buy {
+ flex: 1;
+ height: 96rpx;
+ border-radius: 24rpx;
+ background-color: #064E3B;
+ border: none;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 8rpx;
+ color: #FFFFFF;
+ font-size: 30rpx;
+ font-weight: 700;
+ padding: 0;
+}
+.btn-buy::after { border: none; }
+.btn-sell {
+ flex: 1;
+ height: 96rpx;
+ border-radius: 24rpx;
+ background-color: #FFFFFF;
+ border: 2rpx solid #064E3B;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 8rpx;
+ color: #064E3B;
+ font-size: 30rpx;
+ font-weight: 700;
+ padding: 0;
+}
+.btn-sell::after { border: none; }
+
.transaction-modal {
position: fixed;
top: 0;
@@ -818,6 +843,30 @@ const deletePortfolio = async () => {
gap: 16rpx;
}
+.btn-cancel,
+.btn-confirm {
+ flex: 1;
+ height: 80rpx;
+ border-radius: 12rpx;
+ font-size: 26rpx;
+ font-weight: 600;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: none;
+ padding: 0;
+}
+.btn-cancel {
+ background-color: #F3F4F6;
+ color: #6B7280;
+}
+.btn-cancel::after { border: none; }
+.btn-confirm {
+ background-color: #064E3B;
+ color: #fff;
+}
+.btn-confirm::after { border: none; }
+
.relative { position: relative; }
.search-dropdown {
diff --git a/pages/strategies/edit/edit.vue b/pages/strategies/edit/edit.vue
index 835d7c8..4c65edf 100755
--- a/pages/strategies/edit/edit.vue
+++ b/pages/strategies/edit/edit.vue
@@ -233,27 +233,10 @@
@@ -936,7 +919,7 @@ onMounted(() => {
left: 0;
right: 0;
background-color: #fff;
- padding: 20rpx 32rpx 50rpx 32rpx; /* 适配底部安全区 */
+ padding: 20rpx 32rpx 50rpx 32rpx;
box-shadow: 0 -4rpx 16rpx rgba(0,0,0,0.05);
z-index: 99;
}
@@ -944,27 +927,35 @@ onMounted(() => {
display: flex;
gap: 16rpx;
}
-.submit-btn {
+.btn-save {
flex: 1;
background-color: #064E3B;
color: #fff;
font-weight: 700;
border-radius: 24rpx;
height: 96rpx;
- line-height: 96rpx;
font-size: 30rpx;
+ border: none;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
-.submit-btn:active { opacity: 0.9; }
-.delete-btn {
- flex: 0 0 120rpx;
+.btn-save::after { border: none; }
+.btn-save:active { opacity: 0.9; }
+.btn-full { width: 100%; }
+.btn-delete {
+ flex: 0 0 180rpx;
background-color: #FEE2E2;
color: #DC2626;
font-weight: 700;
border-radius: 24rpx;
height: 96rpx;
- line-height: 96rpx;
font-size: 24rpx;
border: none;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
-.delete-btn:active { background-color: #FECACA; }
+.btn-delete::after { border: none; }
+.btn-delete:active { background-color: #FECACA; }
\ No newline at end of file