update ColorPicker

梁灏
1 parent 9af2f01c
Showing 2 changed files with 4 additions and 8 deletions Show diff stats
src/components/color-picker/color-picker.vue
src/styles/components/color-picker.less
@@ -16,7 +16,7 @@
                     <Slider v-model="alphaNumber" :min="0" :max="100"></Slider>
                 </div>
                 <recommend-colors v-if="colors.length" :list="colors" :class="[prefixCls + '-picker-colors']"></recommend-colors>
-                <recommend-colors v-if="!colors.length && recommend" :list="recommendedColor" :class="[prefixCls + '-picker-colors', prefixCls + '-picker-colors-recommended']"></recommend-colors>
+                <recommend-colors v-if="!colors.length && recommend" :list="recommendedColor" :class="[prefixCls + '-picker-colors']"></recommend-colors>
                 <Confirm></Confirm>
             </div>
         </Dropdown-menu>
@@ -7,7 +7,8 @@
     &-color{
         width: 18px;
         height: 18px;
-        border: 1px solid @text-color;
+        box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
+        border-radius: 2px;
         position: relative;
         top: 2px;
     }
@@ -47,17 +48,12 @@
                     display: block;
                     width: 16px;
                     height: 16px;
-                    border: 1px solid transparent;
                     cursor: pointer;
                     border-radius: 2px;
+                    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
                 }
             }
         }
-        &-colors-recommended{
-            span:last-child em{
-                border: 1px solid #6b6f78;
-            }
-        }
         .@{picker-prefix-cls}-confirm{
             margin-top: 8px;
         }