update:更新了el-statistic的字体移动端适应
This commit is contained in:
parent
3d2578a8a4
commit
8d6294c064
@ -17,7 +17,7 @@ body{
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
/* height: 100vh; */
|
/* height: 100vh; */
|
||||||
/* 设置高度,打开注册页面不滚动 */
|
/* 设置高度,打开注册页面就可以不滚动 */
|
||||||
}
|
}
|
||||||
:root {
|
:root {
|
||||||
--bgcolor: #ea4322;
|
--bgcolor: #ea4322;
|
||||||
|
|||||||
@ -36,7 +36,7 @@
|
|||||||
<el-statistic
|
<el-statistic
|
||||||
:value="businessmanValue"
|
:value="businessmanValue"
|
||||||
:formatter="formatter"
|
:formatter="formatter"
|
||||||
:value-style="{ fontSize: '35px' }"
|
|
||||||
/>
|
/>
|
||||||
</h3>
|
</h3>
|
||||||
<p>商家数量</p>
|
<p>商家数量</p>
|
||||||
@ -49,7 +49,7 @@
|
|||||||
<el-statistic
|
<el-statistic
|
||||||
:value="productValue"
|
:value="productValue"
|
||||||
:formatter="formatter2"
|
:formatter="formatter2"
|
||||||
:value-style="{ fontSize: '35px' }"
|
|
||||||
/>
|
/>
|
||||||
</h3>
|
</h3>
|
||||||
<p>商品数量</p>
|
<p>商品数量</p>
|
||||||
@ -62,7 +62,7 @@
|
|||||||
<el-statistic
|
<el-statistic
|
||||||
:value="memberValue"
|
:value="memberValue"
|
||||||
:formatter="formatter"
|
:formatter="formatter"
|
||||||
:value-style="{ fontSize: '35px' }"
|
|
||||||
/>
|
/>
|
||||||
</h3>
|
</h3>
|
||||||
<p>会员数量</p>
|
<p>会员数量</p>
|
||||||
@ -75,7 +75,7 @@
|
|||||||
<el-statistic
|
<el-statistic
|
||||||
:value="orderValue"
|
:value="orderValue"
|
||||||
:formatter="formatter2"
|
:formatter="formatter2"
|
||||||
:value-style="{ fontSize: '35px' }"
|
|
||||||
/>
|
/>
|
||||||
</h3>
|
</h3>
|
||||||
<p>订单数量</p>
|
<p>订单数量</p>
|
||||||
@ -251,7 +251,9 @@ onMounted(() => {
|
|||||||
.counter_wrapper .count_box:hover p {
|
.counter_wrapper .count_box:hover p {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
:deep(span.el-statistic__number) {
|
||||||
|
font-size: 35px;
|
||||||
|
}
|
||||||
:deep(.count_box:hover .el-statistic__content) {
|
:deep(.count_box:hover .el-statistic__content) {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
@ -292,7 +294,9 @@ onMounted(() => {
|
|||||||
padding-top: 30px;//顶部调整
|
padding-top: 30px;//顶部调整
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
:deep(span.el-statistic__number) {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
.bg {
|
.bg {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user