[Doc] beautify demo

packages/notify/demo/index.vue

@@ -2,6 +2,7 @@
   <demo-section>
     <demo-block :title="$t('basicUsage')">
       <van-button
+        type="primary"
         :text="$t('showNotify')"
         @click="showNotify"
       />
@@ -9,6 +10,7 @@
 
     <demo-block :title="$t('customConfig')">
       <van-button
+        type="primary"
         :text="$t('showCustomNotify')"
         @click="showCustomNotify"
       />
@@ -50,7 +52,11 @@ export default {
 </script>
 
 <style lang="less">
+@import "../../style/var";
+
 .demo-notify {
+  background-color: @white;
+
   .van-button {
     margin-left: 15px;
   }

packages/notify/test/__snapshots__/demo.spec.js.snap

@@ -2,7 +2,7 @@
 
 exports[`renders demo correctly 1`] = `
 <div>
-  <div><button class="van-button van-button--default van-button--normal"><span class="van-button__text">显示消息通知</span></button></div>
-  <div><button class="van-button van-button--default van-button--normal"><span class="van-button__text">显示自定义消息通知</span></button></div>
+  <div><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">显示消息通知</span></button></div>
+  <div><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">显示自定义消息通知</span></button></div>
 </div>
 `;