|
|
@@ -51,8 +51,8 @@
|
|
|
<zui-svg-icon
|
|
|
v-if="item.icon"
|
|
|
:icon="item.icon"
|
|
|
- :width="20"
|
|
|
- :height="20"
|
|
|
+ :width="tabIndex == index ? 22 : 20"
|
|
|
+ :height="tabIndex == index ? 22 : 20"
|
|
|
:color="tabIndex == index ? '#09c567' : '#858b94'"
|
|
|
/>
|
|
|
</view>
|
|
|
@@ -446,7 +446,7 @@ export default {
|
|
|
|
|
|
.stat-tabs {
|
|
|
display: flex;
|
|
|
- margin: 24upx -22upx 0;
|
|
|
+ margin: 30upx -22upx 0;
|
|
|
padding: 4upx 0 0;
|
|
|
background: #fff;
|
|
|
border-radius: 0;
|
|
|
@@ -488,6 +488,11 @@ export default {
|
|
|
justify-content: center;
|
|
|
}
|
|
|
|
|
|
+.stat-tab.active .tab-icon {
|
|
|
+ width: 30upx;
|
|
|
+ height: 30upx;
|
|
|
+}
|
|
|
+
|
|
|
.toolbar-icon,
|
|
|
.avatar-icon,
|
|
|
.meta-icon {
|
|
|
@@ -522,7 +527,7 @@ export default {
|
|
|
.tab-name {
|
|
|
margin-top: 16upx;
|
|
|
color: #33383f;
|
|
|
- font-size: 23upx;
|
|
|
+ font-size: 25upx;
|
|
|
line-height: 32upx;
|
|
|
}
|
|
|
|
|
|
@@ -530,7 +535,7 @@ export default {
|
|
|
margin-top: 6upx;
|
|
|
margin-bottom: 14upx;
|
|
|
color: #858b94;
|
|
|
- font-size: 24upx;
|
|
|
+ font-size: 25upx;
|
|
|
line-height: 28upx;
|
|
|
}
|
|
|
|
|
|
@@ -539,6 +544,16 @@ export default {
|
|
|
color: #09c567;
|
|
|
}
|
|
|
|
|
|
+.stat-tab.active .tab-name {
|
|
|
+ font-size: 27upx;
|
|
|
+ line-height: 34upx;
|
|
|
+}
|
|
|
+
|
|
|
+.stat-tab.active .tab-value {
|
|
|
+ font-size: 27upx;
|
|
|
+ line-height: 30upx;
|
|
|
+}
|
|
|
+
|
|
|
.list-wrap {
|
|
|
padding: 12upx 12upx 14upx;
|
|
|
}
|
|
|
@@ -547,10 +562,10 @@ export default {
|
|
|
position: relative;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- min-height: 148upx;
|
|
|
+ min-height: 154upx;
|
|
|
margin-bottom: 12upx;
|
|
|
padding: 25upx 52upx 25upx 24upx;
|
|
|
- border-radius: 20upx;
|
|
|
+ border-radius: 18upx;
|
|
|
background: #fff;
|
|
|
box-shadow: 0 8upx 24upx rgba(24, 37, 30, 0.05);
|
|
|
box-sizing: border-box;
|
