Browse Source

调整位置

master
[liang] 3 years ago
parent
commit
a1df19a7ec
  1. 2
      src/components/seamless/index.vue
  2. 60
      src/views/Brand.vue

2
src/components/seamless/index.vue

@ -147,7 +147,7 @@ export default {
display: block; display: block;
width: 9.8rem; width: 9.8rem;
height: 3.55rem; height: 3.55rem;
left: 7.1rem; left: 6.6rem;
top: 9.5375rem; top: 9.5375rem;
// top: 3.5375rem; // top: 3.5375rem;

60
src/views/Brand.vue

@ -123,23 +123,23 @@
<div class="carFlex"> <div class="carFlex">
<div class="let"> <div class="let">
<div class="item"> <div class="item">
<p class="p1">总车位</p> <p class="p1">总车位</p>
<p class="p2">6666</p> <p class="p2">6666</p>
</div> </div>
<div class="item"> <div class="item">
<p class="p1">周转率</p> <p class="p1">周转率</p>
<p class="p2">66%</p> <p class="p2">66%</p>
</div> </div>
</div> </div>
<ringPie /> <ringPie />
<div class="rig"> <div class="rig">
<div class="item"> <div class="item">
<p class="p1">已使用车位</p> <p class="p1">已使用车位</p>
<p class="p2">6666</p> <p class="p2">6666</p>
</div> </div>
<div class="item"> <div class="item">
<p class="p1">剩余车位</p> <p class="p1">剩余车位</p>
<p class="p2">6666</p> <p class="p2">6666</p>
</div> </div>
</div> </div>
</div> </div>
@ -514,31 +514,35 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.carFlex{ .carFlex {
display: flex; display: flex;
color: #fff; color: #fff;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.item{
.item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
width: 2rem; width: 2rem;
text-align: center; text-align: center;
height: 1.3rem; height: 1.3rem;
background: url(/img/img12.png) no-repeat; background: url(/img/img12.png) no-repeat;
background-size: contain; background-size: contain;
margin-top: .3rem; margin-top: .3rem;
.p1{
font-size: .2rem; .p1 {
margin-bottom: .1rem; font-size: .2rem;
} margin-bottom: .1rem;
.p2{
font-size: .3rem;
}
} }
.p2 {
font-size: .3rem;
}
}
} }
.topBg { .topBg {
height: .7rem; height: .7rem;
background: url(/img/img1.png) no-repeat; background: url(/img/img1.png) no-repeat;
@ -566,7 +570,7 @@ export default {
position: relative; position: relative;
background: url(/img/img2.png) no-repeat; background: url(/img/img2.png) no-repeat;
background-size: cover; background-size: cover;
margin-bottom: .8rem; margin-bottom: .5rem;
} }
.tbody .tr:nth-child(odd) { .tbody .tr:nth-child(odd) {
@ -583,8 +587,8 @@ export default {
.thead { .thead {
background: #061131; background: #061131;
width: 100%; width: 100%;
height: .7rem; height: .575rem;
line-height: .7rem; line-height: .575rem;
font-size: .2rem; font-size: .2rem;
.td { .td {

Loading…
Cancel
Save