forked from integrated_whb/integrated_whb_vue
样式修改
parent
9f58dbdd9c
commit
14c5bcc617
|
@ -327,9 +327,9 @@ const tabIndex = ref(0);
|
||||||
.td {
|
.td {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 14px;
|
font-size: 12px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 10px 10px;
|
padding: 6px 10px;
|
||||||
&:nth-child(1) {
|
&:nth-child(1) {
|
||||||
flex-basis: 25%;
|
flex-basis: 25%;
|
||||||
}
|
}
|
||||||
|
|
|
@ -224,9 +224,9 @@ onMounted(() => {
|
||||||
.td {
|
.td {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 14px;
|
font-size: 12px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 10px 10px;
|
padding: 6px 10px;
|
||||||
|
|
||||||
&:nth-child(1) {
|
&:nth-child(1) {
|
||||||
flex-basis: 20px;
|
flex-basis: 20px;
|
||||||
|
|
|
@ -23,12 +23,11 @@
|
||||||
v-for="(item, index) in data.block2OptionsList"
|
v-for="(item, index) in data.block2OptionsList"
|
||||||
:key="index"
|
:key="index"
|
||||||
class="list"
|
class="list"
|
||||||
|
@click="fnAlarmTypeClick(item)"
|
||||||
>
|
>
|
||||||
<div @click="fnAlarmTypeClick(item)">
|
<div class="name">{{ item.label }}</div>
|
||||||
<div class="name">{{ item.label }}</div>
|
<div class="num">
|
||||||
<div class="num">
|
<count-up :end-val="item.total"></count-up>
|
||||||
<count-up :end-val="item.total"></count-up>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -224,7 +223,7 @@ getPositionData();
|
||||||
1;
|
1;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
|
@ -357,9 +356,9 @@ getPositionData();
|
||||||
.td {
|
.td {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 14px;
|
font-size: 12px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 10px 10px;
|
padding: 6px 10px;
|
||||||
&:nth-child(1) {
|
&:nth-child(1) {
|
||||||
flex-basis: 30%;
|
flex-basis: 30%;
|
||||||
}
|
}
|
||||||
|
|
|
@ -230,10 +230,10 @@ const formatWork = (work) => {
|
||||||
|
|
||||||
.td {
|
.td {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: center;
|
text-align: left;
|
||||||
font-size: 14px;
|
font-size: 12px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 10px 10px;
|
padding: 6px 10px;
|
||||||
|
|
||||||
&:nth-child(1) {
|
&:nth-child(1) {
|
||||||
flex-basis: 20px;
|
flex-basis: 20px;
|
||||||
|
|
Loading…
Reference in New Issue