|
|
|
|
@ -1,13 +1,13 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="header_wrap">
|
|
|
|
|
<div v-for="(item, index) in data" :key="index" class="header_item">
|
|
|
|
|
<SvgIcon :name="item.link" />
|
|
|
|
|
<SvgIcon :name="item.link"/>
|
|
|
|
|
<div class="data_wrap">
|
|
|
|
|
<div class="data_title" :style="hasColor?`color:${item.color || ''}`:''">{{ item.count }}</div>
|
|
|
|
|
<div class="data_content">{{ item.title }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<SvgIcon size="14px" style="cursor: pointer" name="setting"></SvgIcon>
|
|
|
|
|
<SvgIcon size="14px" style="cursor: pointer" name="setting" class="settingSvg"></SvgIcon>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
@ -77,7 +77,7 @@ const data = [
|
|
|
|
|
flex-flow: row nowrap;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
padding: 1rem 3.125rem;
|
|
|
|
|
padding: 1rem 1rem 1rem 3.125rem;
|
|
|
|
|
background: #fff;
|
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
|
|
|
|
|
@ -93,9 +93,9 @@ const data = [
|
|
|
|
|
}
|
|
|
|
|
.data_wrap {
|
|
|
|
|
.data_title {
|
|
|
|
|
font-size: 1.25rem;
|
|
|
|
|
font-size: 1.125rem;
|
|
|
|
|
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Bold;
|
|
|
|
|
font-weight: Bold;
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
text-align: left;
|
|
|
|
|
color: #202020;
|
|
|
|
|
line-height: 1.4375rem;
|
|
|
|
|
@ -104,9 +104,9 @@ const data = [
|
|
|
|
|
}
|
|
|
|
|
.data_content {
|
|
|
|
|
opacity: 0.6;
|
|
|
|
|
font-size: .875rem;
|
|
|
|
|
font-size: .75rem;
|
|
|
|
|
font-family: PingFang SC, PingFang SC-Regular;
|
|
|
|
|
font-weight: Regular;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #202020;
|
|
|
|
|
line-height: 1rem;
|
|
|
|
|
@ -116,4 +116,8 @@ const data = [
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.settingSvg{
|
|
|
|
|
width: 1rem !important;
|
|
|
|
|
height: 1rem !important;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
