From dcf664aa949c57b1fa6f7e1f2157d2b8e76f9dbe Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Tue, 23 Nov 2021 16:27:51 +0800 Subject: [PATCH] 页面筛选器,加大字体大小 --- plugins/filter/CFilterDateRange.vue | 4 +--- plugins/filter/CFilterSelect.vue | 4 +--- plugins/filter/cFilter.scss | 15 +++++++++------ 3 files changed, 11 insertions(+), 12 deletions(-) diff --git a/plugins/filter/CFilterDateRange.vue b/plugins/filter/CFilterDateRange.vue index cb204f0..d2fb0d7 100644 --- a/plugins/filter/CFilterDateRange.vue +++ b/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> diff --git a/plugins/filter/CFilterSelect.vue b/plugins/filter/CFilterSelect.vue index f1a1427..4a8b9d3 100644 --- a/plugins/filter/CFilterSelect.vue +++ b/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> diff --git a/plugins/filter/cFilter.scss b/plugins/filter/cFilter.scss index 97f02f3..355c818 100644 --- a/plugins/filter/cFilter.scss +++ b/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, -- Gitblit v1.9.1