diff --git a/CHANGELOG.md b/CHANGELOG.md index 39c5d1f8..5693e666 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,11 @@ # Change Log +## 0.6.12 +- [!] Fixed set transparency issues [wxc-lightbox](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-lightbox/). +- [!] Fixed set transparency issues [wxc-mask](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-mask/). +- [!] Fixed cannot click, the component cannot modify the internal style [wxc-special-rich-text](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-rich-text/). +- [!] Fixed click no highlighting question [wxc-button](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-button/). + ## 0.6.11 - [!] Fixed the shake when change disabled about [wxc-button](https://alibaba.github.io/weex-ui/#/packages/wxc-button/). - [!] Fixed the line-height bug about [wxc-stepper](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-stepper/). diff --git a/CHANGELOG_cn.md b/CHANGELOG_cn.md index 7b591976..21e215b5 100644 --- a/CHANGELOG_cn.md +++ b/CHANGELOG_cn.md @@ -1,5 +1,11 @@ # 升级日志 +## 0.6.12 +- [!] 修复 [wxc-lightbox](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-lightbox/) 设置透明度问题 +- [!] 修复 [wxc-mask](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-mask/) 设置透明度问题 +- [!] 修复 [wxc-special-rich-text](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-rich-text/) 不能单击，组件不能修改内部样式的问题 +- [!] 修复 [wxc-button](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-button/) 单击没有高亮显示问题 + ## 0.6.11 - [!] 修复 [wxc-button](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-button/) 动态修改 disabled 时候抖动问题 - [!] 修复 [wxc-stepper](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-stepper/) line-height 对其问题 diff --git a/docs/_coverpage.md b/docs/_coverpage.md index 3f7bcf41..1ca30a8c 100644 --- a/docs/_coverpage.md +++ b/docs/_coverpage.md @@ -1,6 +1,6 @@ -# Weex Ui 0.6.10 +# Weex Ui 0.6.12 > A rich interaction, lightweight, high performance UI library. diff --git a/package.json b/package.json index 555f882f..532b9809 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "weex-ui", - "version": "0.6.11", + "version": "0.6.12", "description": "A rich interaction, lightweight, high performance UI library based on Weex", "main": "index.js", "lib": "vue", diff --git a/packages/utils/index.js b/packages/utils/index.js index cb63c1f3..87d4f2c5 100644 --- a/packages/utils/index.js +++ b/packages/utils/index.js @@ -110,7 +110,7 @@ const Utils = { && ((parseInt(window.screen.width, 10) === 375) && (parseInt(window.screen.height, 10) === 812) || (parseInt(window.screen.width, 10) === 414) && (parseInt(window.screen.height, 10) === 896)); } - return Utils.env.isIOS() && (deviceHeight === 2436 || deviceHeight === 2688 || deviceHeight == 1792); + return Utils.env.isIOS() && (deviceHeight === 2436 || deviceHeight === 2688 || deviceHeight === 1792 || deviceHeight === 1624); }, isAndroid () { const { platform } = weex.config.env; diff --git a/packages/wxc-button/index.vue b/packages/wxc-button/index.vue index 42f813fe..b0150a60 100644 --- a/packages/wxc-button/index.vue +++ b/packages/wxc-button/index.vue @@ -81,6 +81,10 @@ opacity: 1; } + .wxc-btn:active { + opacity: .8; + } + .btn-text { text-overflow: ellipsis; lines: 1; diff --git a/packages/wxc-lightbox/README.md b/packages/wxc-lightbox/README.md index 2035c9b6..59a27b71 100644 --- a/packages/wxc-lightbox/README.md +++ b/packages/wxc-lightbox/README.md @@ -69,6 +69,7 @@ More details can be found in [here](https://github.com/alibaba/weex-ui/blob/mast | indicator-color | `Object` |`N`| `{}` | indicator style（*1）| | index | `Number` |`N`| `0` | the index of current shown slider| | interval | `Number` |`N`| `3000` | time interval for each page displayed in slider| +| opacity | `Number` |`N`| `0.6` | set transparency | *1 default style: ``` diff --git a/packages/wxc-lightbox/README_cn.md b/packages/wxc-lightbox/README_cn.md index 1e2c673d..e4ed672f 100644 --- a/packages/wxc-lightbox/README_cn.md +++ b/packages/wxc-lightbox/README_cn.md @@ -71,6 +71,7 @@ | indicator-color | `Object` |`N`| `{}` |索引样式配置（注 1）| | index | `Number` |`N`| `0` | 当前初始打开选择哪一页 | | interval | `Number` |`N`| `3000` | 设置自动播放时候的间隔时间 | +| opacity | `Number` |`N`| `0.6` | 设置透明度 | 注 1 中样式： ``` diff --git a/packages/wxc-lightbox/index.vue b/packages/wxc-lightbox/index.vue index 921f2d71..727dba32 100644 --- a/packages/wxc-lightbox/index.vue +++ b/packages/wxc-lightbox/index.vue @@ -8,6 +8,7 @@ mask-bg-color="transparent" overlay-opacity="0.8" :show="show" + :opacity='opacity' :show-close="false" @wxcMaskSetHidden="maskOverlayClick"> - - +
+ + +
``` diff --git a/packages/wxc-mask/README.md b/packages/wxc-mask/README.md index d4c69ef0..9358cad5 100644 --- a/packages/wxc-mask/README.md +++ b/packages/wxc-mask/README.md @@ -85,7 +85,7 @@ More details can be found in [here](https://github.com/alibaba/weex-ui/blob/mast | duration | `String` |`N`| `300` | animation duration time | | timing-function | `String` |`N`| `ease-in` | animation timing function | | overlay-cfg | `Object` |`N`| `{}` | [wxc-overlay](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-overlay/README.md) configs | - +| opacity | `Number` |`N`| `0.6` | set transparency | ### Event diff --git a/packages/wxc-mask/README_cn.md b/packages/wxc-mask/README_cn.md index b7b585c1..0ec394fd 100644 --- a/packages/wxc-mask/README_cn.md +++ b/packages/wxc-mask/README_cn.md @@ -87,6 +87,7 @@ | duration | `String` |`N`| `300` | 弹层出现时间 | | timing-function | `String` |`N`| `ease-in` | 弹层出现动画方式 | | overlay-cfg | `Object` |`N`| `{}` | 蒙层配置参数 [wxc-overlay](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-overlay/README.md) | +| opacity | `Number` |`N`| `0.6` | 设置透明度 | ### 事件回调 diff --git a/packages/wxc-mask/index.vue b/packages/wxc-mask/index.vue index 0656bf4c..dc69af68 100644 --- a/packages/wxc-mask/index.vue +++ b/packages/wxc-mask/index.vue @@ -9,6 +9,7 @@ v-if="show" v-bind="mergeOverlayCfg" :can-auto-close="overlayCanClose" + :opacity='opacity' @wxcOverlayBodyClicking="wxcOverlayBodyClicking" @wxcOverlayBodyClicked="wxcOverlayBodyClicked">
({ closeIcon: 'https://gw.alicdn.com/tfs/TB1qDJUpwMPMeJjy1XdXXasrXXa-64-64.png', diff --git a/packages/wxc-progress/README.md b/packages/wxc-progress/README.md index 15d92ae3..f087b821 100644 --- a/packages/wxc-progress/README.md +++ b/packages/wxc-progress/README.md @@ -84,5 +84,7 @@ More details can be found in [here](https://github.com/alibaba/weex-ui/blob/mast |-------------|------------|--------|-----|-----| | value | `Number` |`Y`| `0` | percent `(0-100)` | | bar-height | `Number` |`N`| `8` | progress bar height | +| bar-color | `String` |`N`| `#FFC900` | progress bar color | | bar-width | `Number` |`N`| `600` | progress bar width | | bar-radius | `number` |`n`| `0` | progress bar radius | +| background-color | `String` |`N`| `#f2f3f4` | overall background color | \ No newline at end of file diff --git a/packages/wxc-progress/README_cn.md b/packages/wxc-progress/README_cn.md index 4e781fc7..80ae638a 100644 --- a/packages/wxc-progress/README_cn.md +++ b/packages/wxc-progress/README_cn.md @@ -87,3 +87,4 @@ | bar-width | `Number` |`N`| `600` | 长度 | | bar-color | `String` |`N`| `#FFC900` | 颜色 | | bar-radius | `Number` |`N`| `0` | 圆角 | +| background-color | `String` |`N`| `#f2f3f4` | 整体背景色 | \ No newline at end of file diff --git a/packages/wxc-progress/index.vue b/packages/wxc-progress/index.vue index 804abc5a..5ef3b23b 100644 --- a/packages/wxc-progress/index.vue +++ b/packages/wxc-progress/index.vue @@ -43,15 +43,20 @@ value: { type: Number, default: 0 + }, + backgroundColor: { + type: String, + default: '#f2f3f4' } }, computed: { runWayStyle () { - const { barWidth, barHeight, barRadius } = this; + const { barWidth, barHeight, barRadius, backgroundColor } = this; return { width: barWidth + 'px', height: barHeight + 'px', - borderRadius: barRadius + 'px' + borderRadius: barRadius + 'px', + backgroundColor } }, progressStyle () { diff --git a/packages/wxc-radio/item.vue b/packages/wxc-radio/item.vue index 489792c7..88d96ed8 100644 --- a/packages/wxc-radio/item.vue +++ b/packages/wxc-radio/item.vue @@ -19,12 +19,14 @@ diff --git a/packages/wxc-rich-text/README.md b/packages/wxc-rich-text/README.md index 64f182bd..0ede1398 100644 --- a/packages/wxc-rich-text/README.md +++ b/packages/wxc-rich-text/README.md @@ -19,7 +19,7 @@
- +
@@ -76,6 +76,9 @@ borderColor: '#FFC900', backgroundColor: '#FFC900', borderRadius: 14, + }, + tagDivStyle: { + left: '50px' } }, { @@ -89,7 +92,8 @@ ], }), methods: { - wxcRichTextLinkClick () {} + wxcRichTextLinkClick () {}, + wxcSpecialRichTextClick () {} } }; @@ -110,6 +114,7 @@ More details can be found in [here](https://github.com/alibaba/weex-ui/blob/mast ``` @wxcRichTextLinkClick='wxcRichTextLinkClick' +@wxcSpecialRichTextClick="wxcSpecialRichTextClick" ``` diff --git a/packages/wxc-rich-text/README_cn.md b/packages/wxc-rich-text/README_cn.md index 13321602..71d0e484 100644 --- a/packages/wxc-rich-text/README_cn.md +++ b/packages/wxc-rich-text/README_cn.md @@ -19,7 +19,7 @@
- +
@@ -76,6 +76,9 @@ borderColor: '#FFC900', backgroundColor: '#FFC900', borderRadius: 14, + }, + tagDivStyle: { + left: '50px' } }, { @@ -89,7 +92,8 @@ ], }), methods: { - wxcRichTextLinkClick () {} + wxcRichTextLinkClick () {}, + wxcSpecialRichTextClick () {} } }; @@ -110,6 +114,7 @@ ``` @wxcRichTextLinkClick="wxcRichTextLinkClick" +@wxcSpecialRichTextClick="wxcSpecialRichTextClick" ``` diff --git a/packages/wxc-special-rich-text/index.vue b/packages/wxc-special-rich-text/index.vue index 4d998f93..841fc1da 100644 --- a/packages/wxc-special-rich-text/index.vue +++ b/packages/wxc-special-rich-text/index.vue @@ -3,9 +3,9 @@