From 6276c99e177189710c37026bad6559945f649cfb Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Thu, 18 Apr 2024 17:02:31 +0800
Subject: [PATCH] 数值显示组件，显示微调
---
layout/numerical/cNumerical.scss | 16 ++++++++--------
layout/numerical/CNumerical.vue | 13 +++++++------
2 files changed, 15 insertions(+), 14 deletions(-)
diff --git a/layout/numerical/CNumerical.vue b/layout/numerical/CNumerical.vue
index d1c3e09..d187929 100644
--- a/layout/numerical/CNumerical.vue
+++ b/layout/numerical/CNumerical.vue
@@ -12,16 +12,17 @@
:class="'at-col-' + valueFlex[index] + ' ' + (!!item.onClick?'on-clickable':'')"
@tap="evt => item.onClick && item.onClick(item)"
>
- <view class="c-numerical-value">
- <text :class="item.textType?('m-text-'+item.textType):''">
- {{item.integer}}
- <text class="c-numerical-more">»</text>
- </text>
+ <view
+ class="c-numerical-value"
+ :class="item.textType?('m-text-'+item.textType):''"
+ >
+ <text class="c-numerical-interger">{{item.integer}}</text>
<text
class="c-numerical-decimal"
- :class="item.integer.length>6?'small':''"
+ :class="item.integer.length>4?'small':''"
v-if="item.decimal.length>0"
>.{{item.decimal}}</text>
+ <text class="c-numerical-more">»</text>
</view>
<view class="c-numerical-title">{{item.title}}</view>
</view>
diff --git a/layout/numerical/cNumerical.scss b/layout/numerical/cNumerical.scss
index ba9f0c5..f6fa290 100644
--- a/layout/numerical/cNumerical.scss
+++ b/layout/numerical/cNumerical.scss
@@ -8,7 +8,7 @@
.c-numerical {
text-align: center;
.at-col {
- padding: 10px 0;
+ padding: 14px 0;
&.on-clickable {
&:active {
background-color: #f2f2f2;
@@ -20,17 +20,17 @@
}
.c-numerical-value {
font-size: 40px;
- line-height: 60px;
- .c-numerical-more {
- display: none;
- margin-left: -8px;
- font-size: 36px;
- }
+ line-height: 52px;
.c-numerical-decimal {
&.small {
- font-size: 30px;
+ font-size: 32px;
}
}
+ .c-numerical-more {
+ display: none;
+ margin-left: 2px;
+ font-size: 36px;
+ }
}
.c-numerical-title {
font-size: 30px;
--
Gitblit v1.9.1