diff --git a/packages/tag/index.wxml b/packages/tag/index.wxml
index 16ab7508..59352ddd 100644
--- a/packages/tag/index.wxml
+++ b/packages/tag/index.wxml
@@ -1,8 +1,9 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
 
 <view
   class="custom-class {{ utils.bem('tag', [type, size, { mark, plain, round }]) }}"
-  style="{{ color && !plain ? 'background-color: ' + color + ';' : '' }}{{ textColor || (color && plain) ? 'color: ' + (textColor || color) : '' }}"
+  style="{{ computed.rootStyle({ plain, color, textColor }) }}"
 >
   <slot />
   <van-icon
diff --git a/packages/tag/index.wxs b/packages/tag/index.wxs
new file mode 100644
index 00000000..12d1668e
--- /dev/null
+++ b/packages/tag/index.wxs
@@ -0,0 +1,13 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+
+function rootStyle(data) {
+  return style({
+    'background-color': data.plain ? '' : data.color,
+    color: data.textColor || data.plain ? data.textColor || data.color : '',
+  });
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+};