GithubProxy/coai
1
0
Fork 0
mirror of https://github.com/coaidev/coai.git synced 2025-05-21 14:00:13 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

update payment action

Browse Source
This commit is contained in:
Zhang Minghan 2023-08-30 18:12:30 +08:00
parent ce61d0d995
commit 2ff7276688
2 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/src/components/icons/credit.vue Normal file
View File

@ -0,0 +1,3 @@
<template>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><rect x="48" y="96" width="416" height="320" rx="56" ry="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="60" d="M48 192h416M128 300h48v20h-48z"/></svg>
</template>

23
app/src/views/SettingsView.vue
View File

@ -123,6 +123,7 @@ function payment() {
<wallet /> <wallet />
<span class="text">余额</span> <span class="text">余额</span>
<span class="value money">{{ info.balance }}</span> <span class="value money">{{ info.balance }}</span>
<a href="https://deeptrain.lightxi.com/home/wallet" target="_blank" class="action">充值</a>
</div> </div>
<div class="row"> <div class="row">
<chart /> <chart />
@ -157,10 +158,7 @@ function payment() {
<input type="number" v-model="form.count" class="buy-input" /> <input type="number" v-model="form.count" class="buy-input" />
<p class="pay-info">{{ count(form.count, form.type) }}</p> <p class="pay-info">{{ count(form.count, form.type) }}</p>
</div> </div>
<div class="buy-action" @click="payment"> <div class="buy-action" @click="payment"><buy />购买</div>
<buy />
购买
</div>
</div> </div>
<div class="split" /> <div class="split" />
@ -193,6 +191,7 @@ function payment() {
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: hidden;
} }
.wrapper { .wrapper {
@ -217,6 +216,8 @@ function payment() {
flex-grow: 1; flex-grow: 1;
padding: 24px 36px; padding: 24px 36px;
height: max-content; height: max-content;
overflow-x: hidden;
touch-action: pan-y;
overflow-y: auto; overflow-y: auto;
scrollbar-width: thin; scrollbar-width: thin;
} }
@ -525,6 +526,19 @@ function payment() {
color: #eee; color: #eee;
} }
.action {
padding: 6px 10px;
border-radius: 4px;
font-size: 14px;
transition: .5s;
cursor: pointer;
color: #fff;
margin-right: -8px;
margin-top: -4px;
background: rgba(0, 0, 0, 0.2);
white-space: nowrap;
}
@media (max-width: 460px) { @media (max-width: 460px) {
.body { .body {
width: calc(100% - 32px); width: calc(100% - 32px);
@ -532,6 +546,7 @@ function payment() {
} }
.row { .row {
width: calc(100% - 42px);
transform: translateX(-8px); transform: translateX(-8px);
} }