Merge pull request #497 from ReedSun/dev

fix CHANGELOG href wrong
diff --git a/CHANGELOG.md b/CHANGELOG.md
index edae158..b82d7fd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,26 +1,26 @@
 # Change Log
 
 ## 0.8.4
-- [+] [wxc-lightbox](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-lightbox) add `show-indicator` param to show indicator
+- [+] [wxc-lightbox](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-lightbox/) add `show-indicator` param to show indicator
 
 ## 0.8.3
-- [+] [wxc-loading](https://apache.github.io/incubator-weex-ui/#/packages/wxc-loading) add `loading-pic` param.
-- [+] [wxc-loading](https://apache.github.io/incubator-weex-ui/#/packages/wxc-slider-bar) add `block-color` param.
+- [+] [wxc-loading](https://apache.github.io/incubator-weex-ui/#/packages/wxc-loading/) add `loading-pic` param.
+- [+] [wxc-loading](https://apache.github.io/incubator-weex-ui/#/packages/wxc-slider-bar/) add `block-color` param.
 
 ## 0.8.0
 - [!]From alibaba/weex-ui to [apcahe/incubator-weex-ui](https://github.com/apache/incubator-weex-ui) 
 
 ## 0.7.1
-- [+] [wxc-slider-bar](https://apache.github.io/incubator-weex-ui/#/packages/wxc-slider-bar) add `wxcSliderBarTouchEnd` event.
-- [!] Fixed [wxc-mask](https://apache.github.io/incubator-weex-ui/#/packages/wxc-mask) jitter bug when inputting.
+- [+] [wxc-slider-bar](https://apache.github.io/incubator-weex-ui/#/packages/wxc-slider-bar/) add `wxcSliderBarTouchEnd` event.
+- [!] Fixed [wxc-mask](https://apache.github.io/incubator-weex-ui/#/packages/wxc-mask/) jitter bug when inputting.
 - [!] Fixed the problem that the QR code does not display when debugging.
 
 ## 0.7.0
 - [-] Remove alipay util,Preventing audit issues [issue/467](https://github.com/apache/incubator-weex-ui/issues/467)
-- [!] [wxc-tab-bar](https://apache.github.io/incubator-weex-ui/#/packages/wxc-tab-bar) add `supportXBar` param.
+- [!] [wxc-tab-bar](https://apache.github.io/incubator-weex-ui/#/packages/wxc-tab-bar/) add `supportXBar` param.
 
 ## 0.6.16
-- [+] [wxc-pan-item](https://apache.github.io/incubator-weex-ui/#/packages/wxc-pan-item/) add `extId` when  pan. [issue/441](https://github.com/apache/incubator-weex-ui/issues/441)
+- [+] [wxc-pan-item](https://apache.github.io/incubator-weex-ui/#/packages/wxc-tab-page/?id=wxc-pan-item) add `extId` when  pan. [issue/441](https://github.com/apache/incubator-weex-ui/issues/441)
 
 ## 0.6.15
 - [!] [wxc-swipe-action](https://apache.github.io/incubator-weex-ui/#/packages/wxc-swipe-action/)fix delete the last data item, then click on another item to report the error.
diff --git a/CHANGELOG_cn.md b/CHANGELOG_cn.md
index 1e6fbb3..948cd34 100644
--- a/CHANGELOG_cn.md
+++ b/CHANGELOG_cn.md
@@ -1,28 +1,28 @@
 # 升级日志
 
 ## 0.8.4
-- [+] [wxc-lightbox](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-lightbox) 增加 `show-indicator` 参数控制是否显示indicator
+- [+] [wxc-lightbox](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-lightbox/) 增加 `show-indicator` 参数控制是否显示indicator
 
 ## 0.8.3
-- [+] [wxc-loading](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-loading) 增加 `loading-pic` 参数用于覆盖原有 loading 图片.
-- [+] [wxc-loading](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-slider-bar) 增加 `block-color` 参数用于覆盖原有滑块颜色.
+- [+] [wxc-loading](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-loading/) 增加 `loading-pic` 参数用于覆盖原有 loading 图片.
+- [+] [wxc-loading](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-slider-bar/) 增加 `block-color` 参数用于覆盖原有滑块颜色.
 
 ## 0.8.0
 - [!]从 alibaba/weex-ui 迁移到 [apcahe/incubator-weex-ui](https://github.com/apache/incubator-weex-ui) 
 
 
 ## 0.7.1
-- [+] [wxc-slider-bar](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-slider-bar) 新增 `wxcSliderBarTouchEnd` 事件.
-- [!] 修复 [wxc-mask](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-mask) 输入时候抖动问题
+- [+] [wxc-slider-bar](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-slider-bar/) 新增 `wxcSliderBarTouchEnd` 事件.
+- [!] 修复 [wxc-mask](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-mask/) 输入时候抖动问题
 - [!] 修复调试时候 console 不显示二维码的问题
 
 
 ## 0.7.0
 - [-] 移除支付宝判断,防止审核问题 [issue/467](https://github.com/apache/incubator-weex-ui/issues/467)
-- [!] [wxc-tab-bar](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-tab-bar) 增加 `supportXBar` 参数可用于设置不要 iPhone X 底部 bar 的增高兼容效果
+- [!] [wxc-tab-bar](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-tab-bar/) 增加 `supportXBar` 参数可用于设置不要 iPhone X 底部 bar 的增高兼容效果
 
 ## 0.6.16
-- [+] [wxc-pan-item](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-pan-item/) 滑动时候新增 `extId` 回调  [issue/441](https://github.com/apache/incubator-weex-ui/issues/441)
+- [+] [wxc-pan-item](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-tab-page/?id=wxc-pan-item-%E7%9A%84%E4%BD%BF%E7%94%A8) 滑动时候新增 `extId` 回调  [issue/441](https://github.com/apache/incubator-weex-ui/issues/441)
 
 ## 0.6.15
 - [!] 解决[wxc-swipe-action](https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-swipe-action/)删除最后一个数据项,再点击其他项动画报错
diff --git a/packages/wxc-swipe-action/index.vue b/packages/wxc-swipe-action/index.vue
index 3b74a32..cf93dbb 100644
--- a/packages/wxc-swipe-action/index.vue
+++ b/packages/wxc-swipe-action/index.vue
@@ -19,7 +19,7 @@
 <!-- Created by wjun94 on 19/05/14. -->
 
 <template>
-<div class="container">
+<div :style="containerStyle">
   <div ref="skid" v-for="(item, i) of data" @click="onNodeClick(item, i)" :key="'skid-' + i" class="wxc-skid" :style="{width: (750 + item.right.length * 100) + 'px', height: height + 'px'}" @touchstart="(e) => !isAndroid && onPanStart(e, item, i)" @horizontalpan="(e) => isAndroid && onPanStart(e, item, i)" @touchend="(e) => onPanEnd(e, item, i)">
     <div :style='styles' class="swipe-action-center border">
       <slot :val='{item: item, index: i}'/>
@@ -33,11 +33,6 @@
 </template>
 
 <style scoped>
-.container {
-  background-color: #dddddd;
-  border-top-width: 1px;
-  border-top-color: #dddddd;
-}
 .border {
   border-bottom-width: 1px;
   border-bottom-color: #dddddd;
@@ -89,6 +84,14 @@
 
 export default {
   props: {
+    containerStyle: {
+      type: Object,
+      default: () => ({
+        backgroundColor: '#dddddd',
+        borderTopWidth: 1,
+        borderTopColor: '#dddddd',
+      }),
+    },
     data: {
       type: Array,
       default: []