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