样式暂时确认版本
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<ChartCard margin="30rpx 0 0 0" title="人员报验、培训及交底数">
|
||||
<view class="education u-flex">
|
||||
<view class="education u-flex u-row-between">
|
||||
<view class="education-box">
|
||||
<view class="education-box-lab">人员报验数</view>
|
||||
<view class="education-box-num u-margin-top-20">800</view>
|
||||
@@ -25,7 +25,6 @@ import ChartCard from '@/components/chartCard.vue';
|
||||
.education {
|
||||
width: 100%;
|
||||
&-box {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<ChartCard margin="30rpx 0 0 0" title="设备材料及机具报验数">
|
||||
<view class="measuring u-flex">
|
||||
<view class="measuring u-flex u-row-between">
|
||||
<view class="measuring-box u-flex u-row-center">
|
||||
<view class="measuring-box-icon"><u-icon name="jiliangqijujianguan" color="#e28ea3" custom-prefix="custom-icon" size="60"></u-icon></view>
|
||||
<view class="measuring-box-icon"><u-icon name="shebei" color="#e28ea3" custom-prefix="custom-icon" size="60"></u-icon></view>
|
||||
<view class="measuring-box-row u-padding-left-20">
|
||||
<text class="measuring-box-row-num">900台</text>
|
||||
<text class="measuring-box-row-lab">设备材料报验数</text>
|
||||
@@ -10,7 +10,7 @@
|
||||
</view>
|
||||
|
||||
<view class="measuring-box u-flex u-row-center">
|
||||
<view class="measuring-box-icon"><u-icon name="hege" color="#3bdae2" custom-prefix="custom-icon" size="60"></u-icon></view>
|
||||
<view class="measuring-box-icon"><u-icon name="jijubaoyan" color="#36d2ad" custom-prefix="custom-icon" size="60"></u-icon></view>
|
||||
<view class="measuring-box-row u-padding-left-20">
|
||||
<text class="measuring-box-row-num">9000台</text>
|
||||
<text class="measuring-box-row-lab">机具报验数</text>
|
||||
@@ -28,7 +28,6 @@ import ChartCard from '@/components/chartCard.vue';
|
||||
.measuring {
|
||||
padding: 20rpx 0;
|
||||
&-box {
|
||||
flex: 1;
|
||||
&-row {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<ChartCard margin="30rpx 0 0 0" title="计量器具数">
|
||||
<view class="measuring u-flex">
|
||||
<view class="measuring u-flex u-row-between">
|
||||
<view class="measuring-box u-flex u-row-center">
|
||||
<view class="measuring-box-icon"><u-icon name="jiliangqijujianguan" color="#e28ea3" custom-prefix="custom-icon" size="60"></u-icon></view>
|
||||
<view class="measuring-box-row u-padding-left-20">
|
||||
@@ -28,7 +28,6 @@ import ChartCard from '@/components/chartCard.vue';
|
||||
.measuring {
|
||||
padding: 20rpx 0;
|
||||
&-box {
|
||||
flex: 1;
|
||||
&-row {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -40,10 +40,9 @@ import ChartCard from '@/components/chartCard.vue';
|
||||
&-row {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-end;
|
||||
padding: 20rpx 0;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
padding: 10rpx 0;
|
||||
&_lab {
|
||||
// width: 200rpx;
|
||||
font-size: 24rpx;
|
||||
@@ -52,10 +51,9 @@ import ChartCard from '@/components/chartCard.vue';
|
||||
}
|
||||
&_num {
|
||||
// width: calc(100% - 200rpx);
|
||||
line-height: 1;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
padding-left: 40rpx;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,11 +3,11 @@
|
||||
<view class="education u-flex">
|
||||
<view class="education-box">
|
||||
<view class="education-box-lab">图纸会审总数</view>
|
||||
<view class="education-box-num u-margin-top-20">800</view>
|
||||
<view class="education-box-num u-margin-top-6">800</view>
|
||||
</view>
|
||||
<view class="education-box">
|
||||
<view class="education-box-lab">设计交底总数</view>
|
||||
<view class="education-box-num u-margin-top-20">800</view>
|
||||
<view class="education-box-num u-margin-top-6">800</view>
|
||||
</view>
|
||||
</view>
|
||||
</ChartCard>
|
||||
|
||||
Reference in New Issue
Block a user