feat 合同中心
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, watch } from 'vue'
|
||||
import { ElRadio, ElButton } from 'element-plus'
|
||||
import type { PayMethod } from '@/types/business/finance'
|
||||
|
||||
interface Props {
|
||||
@@ -47,13 +48,13 @@ function onCancel(): void {
|
||||
class="pay-method-dialog__option"
|
||||
:class="{ 'is-active': selected === 'wechat' }"
|
||||
>
|
||||
<input
|
||||
<el-radio
|
||||
v-model="selected"
|
||||
type="radio"
|
||||
value="wechat"
|
||||
class="pay-method-dialog__radio"
|
||||
>
|
||||
<span class="pay-method-dialog__name">微信支付</span>
|
||||
微信支付
|
||||
</el-radio>
|
||||
<span class="pay-method-dialog__tip text-secondary">推荐使用</span>
|
||||
</label>
|
||||
|
||||
@@ -61,23 +62,23 @@ function onCancel(): void {
|
||||
class="pay-method-dialog__option"
|
||||
:class="{ 'is-active': selected === 'alipay' }"
|
||||
>
|
||||
<input
|
||||
<el-radio
|
||||
v-model="selected"
|
||||
type="radio"
|
||||
value="alipay"
|
||||
class="pay-method-dialog__radio"
|
||||
>
|
||||
<span class="pay-method-dialog__name">支付宝支付</span>
|
||||
支付宝支付
|
||||
</el-radio>
|
||||
<span class="pay-method-dialog__tip text-secondary">其他用户选择</span>
|
||||
</label>
|
||||
|
||||
<div class="pay-method-dialog__footer">
|
||||
<button class="pay-method-dialog__btn" @click="onCancel">
|
||||
<el-button class="pay-method-dialog__btn" @click="onCancel">
|
||||
取消
|
||||
</button>
|
||||
<button class="pay-method-dialog__btn pay-method-dialog__btn--confirm" @click="onConfirm">
|
||||
</el-button>
|
||||
<el-button class="pay-method-dialog__btn pay-method-dialog__btn--confirm" @click="onConfirm">
|
||||
确认
|
||||
</button>
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -129,13 +130,11 @@ function onCancel(): void {
|
||||
}
|
||||
|
||||
&__radio {
|
||||
accent-color: @primary-color;
|
||||
}
|
||||
|
||||
&__name {
|
||||
font-size: @font-size-base;
|
||||
color: @heading-color;
|
||||
font-weight: 500;
|
||||
.el-radio__label {
|
||||
color: @heading-color;
|
||||
font-size: @font-size-base;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
&__tip {
|
||||
@@ -158,7 +157,6 @@ function onCancel(): void {
|
||||
color: @text-color;
|
||||
font-size: @font-size-base;
|
||||
transition: all 0.2s;
|
||||
|
||||
&:hover {
|
||||
border-color: @primary-color;
|
||||
color: @primary-color;
|
||||
|
||||
Reference in New Issue
Block a user