11
This commit is contained in:
@@ -81,6 +81,18 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- <el-dialog v-model="stored" title="余额明细" width="500" :before-close="handleClose">
|
||||
<div class="dialog_footer" v-for="(iten, index) in 6" :key="index">
|
||||
<div class="dialog_footer_left">
|
||||
<span>微信用户</span>
|
||||
<span>2021-02-22 18:05:53</span>
|
||||
</div>
|
||||
<div class="dialog_footer_right">
|
||||
<span>19000</span>
|
||||
<span>26300</span>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog> -->
|
||||
<el-dialog v-model="stored" title="余额明细" width="500" :before-close="handleClose">
|
||||
<div class="dialog_footer" v-for="(iten, index) in 6" :key="index">
|
||||
<div class="dialog_footer_left">
|
||||
@@ -92,12 +104,14 @@
|
||||
<span>26300</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
<el-dialog v-model="recharge" title="会员充值" width="800" :before-close="handlerecharge">
|
||||
<div class="recharge_footer">
|
||||
<div class="recharge_footer_item">
|
||||
qq
|
||||
<div class="recharge_footer_items" v-for="(item, index) in 6" :key="index">
|
||||
<div>充1000送300</div>
|
||||
<div>充1000.00到13000.00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recharge_footer_itemright">
|
||||
<div class="recharge_footer_itemright_input">
|
||||
@@ -158,7 +172,7 @@ const stored = ref(false)//储值余额
|
||||
const handleClose = () => {
|
||||
stored.value = !stored.value
|
||||
}
|
||||
const recharge = ref(true)//充值
|
||||
const recharge = ref(false)//充值
|
||||
|
||||
const onSubmit = () => {
|
||||
if (firstinput.value) {
|
||||
@@ -177,22 +191,22 @@ const tableData = [
|
||||
{
|
||||
date: '2016-05-03',
|
||||
name: 'Tom',
|
||||
address: 'No. 189, Grove St, Los Angeles',
|
||||
address: '1s',
|
||||
},
|
||||
{
|
||||
date: '2016-05-02',
|
||||
name: 'Tom',
|
||||
address: 'No. 189, Grove St, Los Angeles',
|
||||
address: '1s',
|
||||
},
|
||||
{
|
||||
date: '2016-05-04',
|
||||
name: 'Tom',
|
||||
address: 'No. 189, Grove St, Los Angeles',
|
||||
address: '1s',
|
||||
},
|
||||
{
|
||||
date: '2016-05-01',
|
||||
name: 'Tom',
|
||||
address: 'No. 189, Grove St, Los Angeles',
|
||||
address: '1s',
|
||||
},
|
||||
]
|
||||
const moneys = reactive({
|
||||
@@ -477,11 +491,38 @@ const _handleConfirmKey = () => {
|
||||
justify-content: space-between;
|
||||
|
||||
.recharge_footer_item {
|
||||
width: 50%;
|
||||
width: 60%;
|
||||
background: #f2f2f2;
|
||||
border-radius: 10px;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-flow: wrap;
|
||||
|
||||
.recharge_footer_items {
|
||||
background: #187ead;
|
||||
padding: 16px 22px;
|
||||
width: 45%;
|
||||
height: fit-content;
|
||||
text-align: center;
|
||||
border-radius: 10px;
|
||||
|
||||
div:nth-child(1) {
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
div:nth-child(2) {
|
||||
color: #bad9e7;
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.recharge_footer_itemright {
|
||||
width: 50%;
|
||||
padding-left: 20px;
|
||||
width: 40%;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
||||
Reference in New Issue
Block a user