按钮优化
This commit is contained in:
parent
97868a55b2
commit
f48e9e6d0a
|
|
@ -209,10 +209,16 @@
|
|||
<!-- 底部按钮 -->
|
||||
<view class="button-wrapper">
|
||||
<view class="button-group">
|
||||
<button class="btn cancel-btn" @click="handleCancel">取消</button>
|
||||
<button class="btn confirm-btn" @click="handleSubmit" :disabled="!canSubmit || submitting">
|
||||
{{ submitting ? '提交中...' : '确定' }}
|
||||
</button>
|
||||
|
||||
<uv-button
|
||||
type="primary"
|
||||
:text="submitting ? '提交中...' : '确定'"
|
||||
|
||||
:disabled="!canSubmit || submitting"
|
||||
:loading="submitting"
|
||||
loadingText="提交中..."
|
||||
@click="handleSubmit"
|
||||
></uv-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -1212,32 +1218,6 @@ const handleCancel = () => {
|
|||
border-top: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
.button-group {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
flex: 1;
|
||||
padding: 14px;
|
||||
border-radius: 8px;
|
||||
font-size: 16px;
|
||||
border: none;
|
||||
|
||||
&.cancel-btn {
|
||||
background-color: #f5f5f5;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
&.confirm-btn {
|
||||
background-color: #1976d2;
|
||||
color: #fff;
|
||||
|
||||
&:disabled {
|
||||
background-color: #ccc;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user