chore(doc,example): add textDecoration intro

Author: zoomchan-cxj

docs/style/appearance.md

@@ -154,6 +154,50 @@
 | ------ | -------- | --- |
 | number | 否  | All
 
+# textDecoration
+
+同 `textDecorationLine`
+
+| 类型   | 必需 | 平台 | 
+| ------ | -------- | --------|
+| enum('underline', 'line-through', 'none')  | 否 | 双平台支持 |
+
+# textDecorationColor
+
+[Hippy-React 范例](https://github.com/Tencent/Hippy/blob/master/examples/hippy-react-demo/src/components/Text/index.jsx)
+
+[Hippy-Vue 范例](https://github.com/Tencent/Hippy/blob/master/examples/hippy-vue-demo/src/components/demos/demo-p.vue)
+
+文本的修饰线颜色
+
+| 类型   | 必需 | 平台 |
+| ------ | -------- | --------|
+| [color](style/color.md)  | 否 | iOS |
+
+# textDecorationLine
+
+[Hippy-React 范例](https://github.com/Tencent/Hippy/blob/master/examples/hippy-react-demo/src/components/Text/index.jsx)
+
+[Hippy-Vue 范例](https://github.com/Tencent/Hippy/blob/master/examples/hippy-vue-demo/src/components/demos/demo-p.vue)
+
+文本的修饰线类型
+
+| 类型   | 必需 | 平台 | 
+| ------ | -------- | --------|
+| enum('underline', 'line-through', 'none')  | 否 | 双平台支持 |
+
+# textDecorationStyle
+
+[Hippy-React 范例](https://github.com/Tencent/Hippy/blob/master/examples/hippy-react-demo/src/components/Text/index.jsx)
+
+[Hippy-Vue 范例](https://github.com/Tencent/Hippy/blob/master/examples/hippy-vue-demo/src/components/demos/demo-p.vue)
+
+文本的修饰线样式
+
+| 类型   | 必需 | 平台 | 
+| ------ | -------- | --------|
+| enum('dotted', 'dashed', 'solid')  | 否 | iOS |
+
 # textShadowColor
 
 > 最低支持版本 2.10.0

examples/hippy-react-demo/src/components/Text/index.jsx

@@ -160,6 +160,15 @@ export default class TextExpo extends React.Component {
             lines just two lines just two lines just two lines just two lines just two lines
           </Text>
         </View>
+        {renderTitle('textDecoration')}
+        <View style={styles.itemContent}>
+          <Text numberOfLines={1} style={[styles.normalText, { textDecorationLine: 'underline', textDecorationStyle: 'dotted' }]}>
+            underline
+          </Text>
+          <Text numberOfLines={1} style={[styles.normalText, { textDecorationLine: 'line-through', textDecorationColor: 'red' }]}>
+            line-through
+          </Text>
+        </View>
         {renderTitle('Nest Text')}
         <View style={styles.itemContent}>
           <Text numberOfLines={3}>

examples/hippy-vue-demo/src/components/demos/demo-p.vue

@@ -116,11 +116,12 @@ export default {
 
 .p-demo .p-demo-4 {
   text-decoration-line: underline;
-  text-decoration: underline;
+  text-decoration-style: dotted;
 }
 
 .p-demo .p-demo-5 {
-  text-decoration: line-through;
+  text-decoration-line: line-through;
+  text-decoration-color: red;
 }
 
 .p-demo .p-demo-6 {