Browse Source

TimePicker: fix icon style, fixed #92

qingwei.li 9 years ago
parent
commit
0c01aea528
3 changed files with 19 additions and 14 deletions
  1. 3 0
      CHANGELOG.md
  2. 4 4
      examples/docs/date-picker.md
  3. 12 10
      packages/date-picker/src/css/picker.css

+ 3 - 0
CHANGELOG.md

@@ -7,6 +7,9 @@
 - 修复 Select 多选时选项变为空数组后 placeholder 不出现的问题
 - 修复 Select 多选时选项变为空数组后 placeholder 不出现的问题
 - 修复 Time Picker 时间选择可滚动
 - 修复 Time Picker 时间选择可滚动
 - 修复 Tooltip 有时会错位的问题
 - 修复 Tooltip 有时会错位的问题
+- 修复 丢失的组件 css 文件
+- 修复 Table 在 Safari 下边框没对齐
+- 修复 TimePicker 图标样式被默认图标样式覆盖
 
 
 #### 非兼容性更新
 #### 非兼容性更新
 - Select 组件样式的 `display` 属性默认值修改为 `block`
 - Select 组件样式的 `display` 属性默认值修改为 `block`

+ 4 - 4
examples/docs/date-picker.md

@@ -68,7 +68,7 @@
     padding: 0;
     padding: 0;
     display: flex;
     display: flex;
   }
   }
-  
+
   .demo-date-picker .block {
   .demo-date-picker .block {
     padding: 30px 0;
     padding: 30px 0;
     text-align: center;
     text-align: center;
@@ -78,7 +78,7 @@
       border-right: none;
       border-right: none;
     }
     }
   }
   }
-  
+
   .demo-date-picker .demonstration {
   .demo-date-picker .demonstration {
     display: block;
     display: block;
     color: #8492a6;
     color: #8492a6;
@@ -154,7 +154,7 @@
 
 
 通过扩展基础的日期选择,可以选择周、月、年
 通过扩展基础的日期选择,可以选择周、月、年
 
 
-:::demo 
+:::demo
 ```html
 ```html
 <div class="block">
 <div class="block">
   <span class="demonstration">周</span>
   <span class="demonstration">周</span>
@@ -188,7 +188,7 @@
 
 
 可在一个选择器中便捷地选择一个时间范围
 可在一个选择器中便捷地选择一个时间范围
 
 
-:::demo 
+:::demo
 ```html
 ```html
 <template>
 <template>
   <div class="block">
   <div class="block">

+ 12 - 10
packages/date-picker/src/css/picker.css

@@ -43,16 +43,18 @@
     }
     }
 
 
     @e trigger {
     @e trigger {
-      cursor: pointer;
-      position: absolute;
-      display: inline-block;
-      width: 20px;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      color: var(--datepicker-trigger-color);
-      font-size: 13px;
-      line-height: 38px;
+      &.el-icon {
+        cursor: pointer;
+        position: absolute;
+        display: inline-block;
+        width: 20px;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        color: var(--datepicker-trigger-color);
+        font-size: 13px;
+        line-height: 38px;
+      }
     }
     }
 
 
     @e clear {
     @e clear {