From 36e46e5a775f8c91fd6486b99f911f35ca7a3c8c Mon Sep 17 00:00:00 2001
From: 梁灏 <admin@aresn.com>
Date: Mon, 25 Jun 2018 21:06:39 +0800
Subject: [PATCH] update Notice style

---
 examples/routers/notice.vue       | 16 +++++++++-------
 src/styles/components/notice.less | 32 +++-----------------------------
 2 files changed, 12 insertions(+), 36 deletions(-)

diff --git a/examples/routers/notice.vue b/examples/routers/notice.vue
index 2507b9d..ed0e103 100644
--- a/examples/routers/notice.vue
+++ b/examples/routers/notice.vue
@@ -2,7 +2,9 @@
     <div>
         <p>带描述信息</p>
         <Button @click="normal(false)">普通</Button>
+        <Button @click="normal(true)">普通</Button>
         <Button @click="info(false)">消息</Button>
+        <Button @click="info(true)">消息</Button>
         <Button @click="success(false)">成功</Button>
         <Button @click="warning(false)">警告</Button>
         <Button @click="error(false)">错误</Button>
@@ -23,19 +25,19 @@
                     title: 'google',
                     duration: 0,
                     desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述',
-                    render (h) {
-                        return h('span', {}, 'sdsdfsdf');
-                    }
+//                    render (h) {
+//                        return h('span', {}, 'sdsdfsdf');
+//                    }
                 });
             },
             info (nodesc) {
                 this.$Notice.info({
-                    // title: '这是通知标题',
+                     title: '这是通知标题',
                     duration: 0,
                     desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述',
-                    render (h) {
-                        return h('span', {}, 'sdsdfsdf');
-                    }
+//                    render (h) {
+//                        return h('span', {}, 'sdsdfsdf');
+//                    }
                 });
             },
             success () {
diff --git a/src/styles/components/notice.less b/src/styles/components/notice.less
index 76b27d3..094cd50 100644
--- a/src/styles/components/notice.less
+++ b/src/styles/components/notice.less
@@ -31,7 +31,7 @@
 
         &-close {
             position: absolute;
-            right: 16px;
+            right: 8px;
             top: 15px;
             color: #999;
             outline: none;
@@ -89,9 +89,8 @@
 
     &-icon {
         position: absolute;
-        left: 20px;
-        margin-top: -1px;
-        font-size: 16px;
+        left: 16px;
+        font-size: @font-size-large;
 
         &-success {
             color: @success-color;
@@ -121,29 +120,4 @@
             left: 0;
         }
     }
-    &-with-normal{
-        &:after{
-            background: @primary-color;
-        }
-    }
-    &-with-info{
-        &:after{
-            background: @primary-color;
-        }
-    }
-    &-with-success{
-        &:after{
-            background: @success-color;
-        }
-    }
-    &-with-warning{
-        &:after{
-            background: @warning-color;
-        }
-    }
-    &-with-error{
-        &:after{
-            background: @error-color;
-        }
-    }
 }
\ No newline at end of file
--
libgit2 0.21.4