diff --git a/packages/notify/index.wxml b/packages/notify/index.wxml
index 060d1ba8..42d913eb 100644
--- a/packages/notify/index.wxml
+++ b/packages/notify/index.wxml
@@ -1,15 +1,16 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
 
 <van-transition
   name="slide-down"
   show="{{ show }}"
   custom-class="van-notify__container"
-  custom-style="z-index: {{ zIndex }}; top: {{ utils.addUnit(top) }}"
+  custom-style="{{ computed.rootStyle({ zIndex, top }) }}"
   bind:tap="onTap"
 >
   <view
     class="van-notify van-notify--{{ type }}"
-    style="background:{{ background }};color:{{ color }};"
+    style="{{ computed.notifyStyle({ background, color }) }}"
   >
     <view
       wx:if="{{ safeAreaInsetTop }}"
diff --git a/packages/notify/index.wxs b/packages/notify/index.wxs
new file mode 100644
index 00000000..3b427521
--- /dev/null
+++ b/packages/notify/index.wxs
@@ -0,0 +1,21 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+
+function rootStyle(data) {
+  return style({
+    'z-index': data.zIndex,
+    top: addUnit(data.top),
+  });
+}
+
+function notifyStyle(data) {
+  return style({
+    background: data.background,
+    color: data.color,
+  });
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+  notifyStyle: notifyStyle,
+};