WebApp【公共组件库】@前端(For Git Submodule)
Tevin
2021-11-23 dcf664aa949c57b1fa6f7e1f2157d2b8e76f9dbe
页面筛选器,加大字体大小
3 files modified
23 ■■■■ changed files
plugins/filter/CFilterDateRange.vue 4 ●●● patch | view | raw | blame | history
plugins/filter/CFilterSelect.vue 4 ●●● patch | view | raw | blame | history
plugins/filter/cFilter.scss 15 ●●●●● patch | view | raw | blame | history
plugins/filter/CFilterDateRange.vue
@@ -20,9 +20,7 @@
                <view
                    class="label"
                    v-if="type==='bar'"
                >
                    {{label}}:
                </view>
                >{{label}}:</view>
                <view :class="selected ? 'filled':'empty'">
                    {{selected ? value.replace(',', ' , ') : ('请选择' + label)}}
                </view>
plugins/filter/CFilterSelect.vue
@@ -23,9 +23,7 @@
                <view
                    class="label"
                    v-if="type==='bar'"
                >
                    {{label}}:
                </view>
                >{{label}}:</view>
                <view :class="selected ? 'filled':'empty'">
                    {{selected ? options2[current].name : ('请选择' + label)}}
                </view>
plugins/filter/cFilter.scss
@@ -7,9 +7,9 @@
.c-filter {
    width: 100%;
    height: 86px;
    line-height: 86px;
    font-size: 30px;
    height: 90px;
    line-height: 90px;
    font-size: 36px;
    color: #666;
    background-color: #fff;
    border-top: 1px solid #eee;
@@ -40,7 +40,7 @@
            color: #36a0e7;
            &::after {
                display: block;
                @include position(absolute, 20px n n 44px);
                @include position(absolute, 20px n n 35px);
                width: 12px;
                height: 12px;
                content: " ";
@@ -113,7 +113,11 @@
        .content {
            height: 86px;
            .label {
                padding-right: 12px;
                color: #666;
            }
            .filled {
                letter-spacing: -2px;
            }
            .at-icon {
                padding-left: 4px;
@@ -123,9 +127,8 @@
    }
    &.type-item {
        .label {
            font-weight: bold;
            color: #666;
            line-height: 35px;
            line-height: 40px;
        }
        .content {
            .empty,