按钮优化
This commit is contained in:
parent
97868a55b2
commit
f48e9e6d0a
|
|
@ -209,10 +209,16 @@
|
||||||
<!-- 底部按钮 -->
|
<!-- 底部按钮 -->
|
||||||
<view class="button-wrapper">
|
<view class="button-wrapper">
|
||||||
<view class="button-group">
|
<view class="button-group">
|
||||||
<button class="btn cancel-btn" @click="handleCancel">取消</button>
|
|
||||||
<button class="btn confirm-btn" @click="handleSubmit" :disabled="!canSubmit || submitting">
|
<uv-button
|
||||||
{{ submitting ? '提交中...' : '确定' }}
|
type="primary"
|
||||||
</button>
|
:text="submitting ? '提交中...' : '确定'"
|
||||||
|
|
||||||
|
:disabled="!canSubmit || submitting"
|
||||||
|
:loading="submitting"
|
||||||
|
loadingText="提交中..."
|
||||||
|
@click="handleSubmit"
|
||||||
|
></uv-button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -1212,32 +1218,6 @@ const handleCancel = () => {
|
||||||
border-top: 1px solid #e0e0e0;
|
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>
|
</style>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user