|
@@ -3,13 +3,15 @@
|
|
|
-->
|
|
|
<template>
|
|
|
<div class="numerical">
|
|
|
- <div class="ntitle">{{ntitle}}</div>
|
|
|
- <div class="addr">{{$store.state.addr.selectAddr}}</div>
|
|
|
- <div class="item-wrap u-flex u-flex-wrap">
|
|
|
- <div class="numerical-item" v-for="(item,index) in data" :key="item.name+index">
|
|
|
- <div class="cell name">{{item.name}}:</div>
|
|
|
- <span class="cell number">{{item.number}}</span>
|
|
|
- <span class="cell unit">{{item.unit}}</span>
|
|
|
+ <div class="ntitle">{{$store.state.addr.selectAddr}}{{ntitle}}</div>
|
|
|
+ <!-- <div class="addr">{{$store.state.addr.selectAddr}}</div> -->
|
|
|
+ <div class="item-wrap">
|
|
|
+ <div class="inner u-flex u-flex-wrap">
|
|
|
+ <div class="numerical-item" v-for="(item,index) in data" :key="item.name+index">
|
|
|
+ <div class="cell name">{{item.name}}:</div>
|
|
|
+ <span class="cell number">{{item.number}}</span>
|
|
|
+ <span class="cell unit">{{item.unit}}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -51,6 +53,9 @@
|
|
|
// padding: 20px 24px;
|
|
|
// border: 1px solid var(--main-color);
|
|
|
.item-wrap{
|
|
|
+ height: calc( 100% - 48px );
|
|
|
+ display:flex;
|
|
|
+ align-items: center;
|
|
|
.numerical-item{
|
|
|
padding: 0 0 15px 15px;
|
|
|
box-sizing: border-box;
|