Commit 85bb601a authored by Z's avatar Z

Z: PAUSE: Project Pause.

parent 2a5f17c1
<template> <template>
<div class="container"> <div class="container">
<div class="titleBars">
<img class="titleBar-icon" :src="menuBarInfo.icon.now['3']" />
<div class="titleBar-title">
收益
</div>
</div>
<div class="top"> <div class="top">
<div class=""> <div class="left">
佣金总收益 <img src="../../../public/img/money.png" alt="" />
<p>佣金收益</p>
<div class="money">21321.00</div>
<div class="detail">查看明细</div>
</div>
<div class="right">
<img src="../../../public/img/task.png" alt="" />
<p>任务达成</p>
<div class="money">5/10</div>
<div class="detail">查看明细</div>
</div> </div>
</div> </div>
<div class="list"> <div class="list">
...@@ -351,8 +352,7 @@ export default { ...@@ -351,8 +352,7 @@ export default {
justify-content: flex-start; justify-content: flex-start;
} }
.top { .top {
/* border: 1px solid blue; */ height: 160px;
height: 120px;
background: #fff; background: #fff;
box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1); box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
padding: 24px; padding: 24px;
...@@ -407,30 +407,4 @@ export default { ...@@ -407,30 +407,4 @@ export default {
.menuBar-title-ac { .menuBar-title-ac {
color: rgba(67, 119, 188, 1); color: rgba(67, 119, 188, 1);
} }
.titleBars{
height: 32px;
width: 100%;
/* border: 2px solid red; */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: white;
box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
margin-bottom: 4px;
}
.titleBar-icon {
height: 28px;
width: 28px;
/* border: 2px solid orange; */
}
.titleBar-title{
height: 100%;
width: auto;
/* border: 2px solid green; */
font-size: 18px;
line-height: 32px;
text-align: center;
}
</style> </style>
<template> <template>
<div class="container"> <div class="container">
<div class="top"> <div class="titleBars">
<div class="left">
<img src="../../../public/img/money.png" alt="" /> <img class="titleBar-icon" :src="menuBarInfo.icon.now['3']" />
<p>佣金收益</p>
<div class="money">21321.00</div> <div class="titleBar-title">
<div class="detail">查看明细</div> 收益
</div> </div>
<div class="right"> </div>
<img src="../../../public/img/task.png" alt="" /> <div class="top">
<p>任务达成</p> <div class="">
<div class="money">5/10</div> 佣金总收益
<div class="detail">查看明细</div>
</div> </div>
</div> </div>
<div class="list"> <div class="list">
...@@ -352,7 +351,8 @@ export default { ...@@ -352,7 +351,8 @@ export default {
justify-content: flex-start; justify-content: flex-start;
} }
.top { .top {
height: 160px; /* border: 1px solid blue; */
height: 120px;
background: #fff; background: #fff;
box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1); box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
padding: 24px; padding: 24px;
...@@ -407,4 +407,30 @@ export default { ...@@ -407,4 +407,30 @@ export default {
.menuBar-title-ac { .menuBar-title-ac {
color: rgba(67, 119, 188, 1); color: rgba(67, 119, 188, 1);
} }
.titleBars{
height: 32px;
width: 100%;
/* border: 2px solid red; */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: white;
box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
margin-bottom: 4px;
}
.titleBar-icon {
height: 28px;
width: 28px;
/* border: 2px solid orange; */
}
.titleBar-title{
height: 100%;
width: auto;
/* border: 2px solid green; */
font-size: 18px;
line-height: 32px;
text-align: center;
}
</style> </style>
This diff is collapsed.
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