feat: redeem ui

This commit is contained in:
Tim
2025-07-28 16:07:37 +08:00
parent 8d6a118e97
commit 5193df6289

View File

@@ -26,10 +26,10 @@
<div v-if="dialogVisible" class="redeem-dialog"> <div v-if="dialogVisible" class="redeem-dialog">
<div class="redeem-dialog-overlay" @click="closeDialog"></div> <div class="redeem-dialog-overlay" @click="closeDialog"></div>
<div class="redeem-dialog-content"> <div class="redeem-dialog-content">
<BaseInput v-model="contact" placeholder="联系方式" /> <BaseInput textarea="" rows="5" v-model="contact" placeholder="联系方式 (手机号/Email/微信/instagram/telegram等, 务必注明来源)" />
<div class="redeem-actions"> <div class="redeem-actions">
<button class="redeem-submit-button" @click="submitRedeem" :disabled="loading">提交</button> <div class="redeem-submit-button" @click="submitRedeem" :disabled="loading">提交</div>
<button class="redeem-cancel-button" @click="closeDialog">取消</button> <div class="redeem-cancel-button" @click="closeDialog">取消</div>
</div> </div>
</div> </div>
</div> </div>
@@ -194,14 +194,16 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
min-width: 250px; min-width: 400px;
} }
.redeem-actions { .redeem-actions {
margin-top: 10px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-end; justify-content: flex-end;
gap: 10px; gap: 20px;
align-items: center;
} }
.redeem-submit-button { .redeem-submit-button {