数值显示组件，显示微调

Tevin

2024-04-18 6276c99e177189710c37026bad6559945f649cfb

数值显示组件，显示微调

 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">&#187;</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">&#187;</text>
            </view>
            <view class="c-numerical-title">{{item.title}}</view>
        </view>

 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;