<template>
|
<view class="statistics_box">
|
<wd-row>
|
<wd-col :span="12">
|
<view class="h_48 px-4 flex items-center">
|
<view class="icon_box">
|
<wd-icon name="computer" size="12px"></wd-icon>
|
</view>
|
<text class="text-sm text-[#232A64] ml-2">总生产数</text>
|
<text class="text-lg text-[#339599] ml-2 font-semibold">987</text>
|
</view>
|
</wd-col>
|
<wd-col :span="12">
|
<view class="h_48 px-4 flex items-center">
|
<view class="icon_box">
|
<wd-icon name="computer" size="12px"></wd-icon>
|
</view>
|
<text class="text-sm text-[#232A64] ml-2">总生产比</text>
|
<text class="text-lg text-[#339599] ml-2 font-semibold">87%</text>
|
</view>
|
</wd-col>
|
</wd-row>
|
</view>
|
</template>
|
<style scoped lang="scss">
|
.statistics_box {
|
background: #f6faf9;
|
border-radius: 8px 8px 8px 8px;
|
}
|
.icon_box {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 20px;
|
height: 20px;
|
background: rgba(18, 162, 154, 0.1412);
|
border-radius: 50%;
|
color: #339599;
|
}
|
.h_48 {
|
height: 48px;
|
}
|
</style>
|
