Commit 86953aff authored by linxin's avatar linxin

add

parent d58a5ad1
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<template> <template>
<h-view id="repay-plan" class="public-style"> <h-view id="repay-plan" class="public-style">
<transition name="trans"> <transition name="trans">
<div v-show="show" class="modal-show"> <div v-show="show" class="modal-show" @click="show=false">
<div class="down"> <div class="down">
<table> <table>
<tr> <tr>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
v-for="(item,index) in lists" v-for="(item,index) in lists"
:key="index" :key="index"
:class="{'plan-list':true,'or':statu==='orange','bl':statu==='blue','gr':statu==='green'}" :class="{'plan-list':true,'or':statu==='orange','bl':statu==='blue','gr':statu==='green'}"
@click = "showModel" @click="showModel"
> >
<div <div
:class="{'period':true,'orange':statu==='orange','blue':statu==='blue','green':statu==='green'}" :class="{'period':true,'orange':statu==='orange','blue':statu==='blue','green':statu==='green'}"
...@@ -71,10 +71,16 @@ ...@@ -71,10 +71,16 @@
<span>{{ item.pay_method }}</span> <span>{{ item.pay_method }}</span>
</p> </p>
<div class="name"> <div class="name">
<p>应还金额<span>已还金额</span></p> <p>
<p>{{ item.due_amount|currency }}<span 应还金额
<span>已还金额</span>
</p>
<p>
{{ item.due_amount|currency }}
<span
:class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}" :class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}"
>{{ item.received_amount|currency }}</span></p> >{{ item.received_amount|currency }}</span>
</p>
</div> </div>
</div> </div>
...@@ -145,7 +151,7 @@ export default { ...@@ -145,7 +151,7 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
z-index: 900; z-index: 666;
background-color: rgba(56, 63, 69, 0.3); background-color: rgba(56, 63, 69, 0.3);
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -154,29 +160,31 @@ export default { ...@@ -154,29 +160,31 @@ export default {
position: relative; position: relative;
width: 314px; width: 314px;
height: 119px; height: 119px;
z-index: 999;
background-size: 301px 24.7px; background-size: 301px 24.7px;
background-color: #fff; background-color: #fff;
table{ padding-left: 10px;
width:100%; table {
width: 100%;
text-align: center; text-align: center;
tr:first-child{ tr:first-child {
height:46px; height: 46px;
line-height: 46px; line-height: 46px;
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 14px; font-size: 14px;
color: #1D3FFF; color: #1d3fff;
font-weight: 600;
} }
tr{ tr {
width:100%; width: 100%;
height:36px; height: 36px;
line-height: 36px; line-height: 36px;
display: flex; text-align: center;
justify-content: space-between;
} }
td,th{ td{
display: flex; font-family: PingFangSC-Regular;
justify-content: center; font-size: 13px;
color: #4B4A4B;
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment