From 7df96aeb5d5d3150fc0225391f884c0071baa6b9 Mon Sep 17 00:00:00 2001
From: rex <rexkaneki@gmail.com>
Date: Tue, 22 Dec 2020 20:43:49 +0800
Subject: [PATCH] perf(notice-bar): use wxs (#3891)

---
 packages/notice-bar/index.wxml |  3 ++-
 packages/notice-bar/index.wxs  | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 packages/notice-bar/index.wxs

diff --git a/packages/notice-bar/index.wxml b/packages/notice-bar/index.wxml
index 9228c6b5..f16854bf 100644
--- a/packages/notice-bar/index.wxml
+++ b/packages/notice-bar/index.wxml
@@ -1,9 +1,10 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
 
 <view
   wx:if="{{ show }}"
   class="custom-class {{ utils.bem('notice-bar', { withicon: mode, wrapable }) }}"
-  style="color: {{ color }}; background-color: {{ backgroundColor }}; background: {{ background }}"
+  style="{{ computed.rootStyle({ color, backgroundColor, background }) }}"
   bind:tap="onClick"
 >
   <van-icon
diff --git a/packages/notice-bar/index.wxs b/packages/notice-bar/index.wxs
new file mode 100644
index 00000000..11e6456f
--- /dev/null
+++ b/packages/notice-bar/index.wxs
@@ -0,0 +1,15 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function rootStyle(data) {
+  return style({
+    color: data.color,
+    'background-color': data.backgroundColor,
+    background: data.background,
+  });
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+};