dolphin-weex-ui 2.4.23 → 2.4.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.web.js CHANGED
@@ -9370,7 +9370,7 @@ exports = module.exports = __webpack_require__(0)(true);
9370
9370
 
9371
9371
 
9372
9372
  // module
9373
- exports.push([module.i, "\n.indicator[data-v-7ecb2930] {\n position: absolute;\n item-color: rgba(255, 195, 0, .5);\n item-selected-color: #ffc300;\n item-size: 0.26667rem;\n height: 0.26667rem;\n bottom: 0.32rem;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n width: 0.26667rem;\n height: 0.26667rem;\n}\n.indicator .weex-indicator-item.weex-indicator-item-active[data-v-7ecb2930] {\n background-color: #ffc300;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n background-color: rgba(255, 195, 0, .5);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/index.vue?25abe080","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 15>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 14>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 13>"],"names":[],"mappings":";AA6BA;EACA,mBAAA;EACA,kCAAA;EACA,6BAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;CACA;ACnCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,0BAA0B;CAC3B;ACFD;EACE,wCAAwC;CACzC","file":"index.vue","sourcesContent":["<template>\n <dof-mask :width=\"width\"\n :height=\"height\"\n aria-hidden=\"true\"\n mask-bg-color=\"transparent\"\n overlay-opacity=\"0.8\"\n :show=\"show\"\n :opacity='opacity'\n :show-close=\"false\"\n @dofMaskSetHidden=\"maskOverlayClick\">\n <slider auto-play=\"false\"\n v-if=\"show\"\n :index=\"index\"\n :interval=\"interval\"\n :style=\"{ height: height + 'px'}\">\n <div v-for=\"(v,index) in imageList\"\n :style=\"{ height: height + 'px'}\"\n :key=\"index\">\n <image resize=\"cover\"\n :src=\"v.src\"\n :style=\"{ height: height + 'px', width: width + 'px'}\"></image>\n </div>\n <indicator class=\"indicator\"\n :style=\"indicatorStyle\"></indicator>\n </slider>\n </dof-mask>\n</template>\n\n<style scoped>\n .indicator {\n position: absolute;\n item-color: rgba(255, 195, 0, .5);\n item-selected-color: #ffc300;\n item-size: 20px;\n height: 20px;\n bottom: 24px;\n }\n</style>\n\n<script>\n import DofMask from '../dof-mask';\n\n export default {\n components: {\n DofMask\n },\n props: {\n width: {\n type: [Number, String],\n default: 750\n },\n height: {\n type: [Number, String],\n default: 750\n },\n show: {\n type: Boolean,\n default: false\n },\n imageList: Array,\n indicatorColor: {\n type: Object,\n default: () => ({\n 'item-color': 'rgba(255, 195, 0, .5)',\n 'item-selected-color': '#ffc300',\n 'item-size': '20px'\n })\n },\n index: {\n type: [Number, String],\n default: 0\n },\n interval: {\n type: [Number, String],\n default: 3000\n },\n opacity: {\n type: [Number, String],\n default: 0.6\n }\n },\n computed: {\n indicatorStyle () {\n return {\n width: this.width + 'px',\n ...this.indicatorColor\n };\n }\n },\n methods: {\n maskOverlayClick () {\n this.$emit('dofLightboxOverlayClicked', {});\n }\n }\n };\n</script>\n","\n.indicator .weex-indicator-item {\n width: 20px;\n height: 20px;\n}","\n.indicator .weex-indicator-item.weex-indicator-item-active {\n background-color: #ffc300;\n}","\n.indicator .weex-indicator-item {\n background-color: rgba(255, 195, 0, .5);\n}"],"sourceRoot":""}]);
9373
+ exports.push([module.i, "\n.indicator[data-v-7ecb2930] {\n position: absolute;\n item-color: rgba(255, 195, 0, .5);\n item-selected-color: #ffc300;\n item-size: 0.26667rem;\n height: 0.26667rem;\n bottom: 0.32rem;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n width: 0.26667rem;\n height: 0.26667rem;\n}\n.indicator .weex-indicator-item.weex-indicator-item-active[data-v-7ecb2930] {\n background-color: #ffc300;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n background-color: rgba(255, 195, 0, .5);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/index.vue?25abe080","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 17>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 16>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 15>"],"names":[],"mappings":";AA6BA;EACA,mBAAA;EACA,kCAAA;EACA,6BAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;CACA;ACnCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,0BAA0B;CAC3B;ACFD;EACE,wCAAwC;CACzC","file":"index.vue","sourcesContent":["<template>\n <dof-mask :width=\"width\"\n :height=\"height\"\n aria-hidden=\"true\"\n mask-bg-color=\"transparent\"\n overlay-opacity=\"0.8\"\n :show=\"show\"\n :opacity='opacity'\n :show-close=\"false\"\n @dofMaskSetHidden=\"maskOverlayClick\">\n <slider auto-play=\"false\"\n v-if=\"show\"\n :index=\"index\"\n :interval=\"interval\"\n :style=\"{ height: height + 'px'}\">\n <div v-for=\"(v,index) in imageList\"\n :style=\"{ height: height + 'px'}\"\n :key=\"index\">\n <image resize=\"cover\"\n :src=\"v.src\"\n :style=\"{ height: height + 'px', width: width + 'px'}\"></image>\n </div>\n <indicator class=\"indicator\"\n :style=\"indicatorStyle\"></indicator>\n </slider>\n </dof-mask>\n</template>\n\n<style scoped>\n .indicator {\n position: absolute;\n item-color: rgba(255, 195, 0, .5);\n item-selected-color: #ffc300;\n item-size: 20px;\n height: 20px;\n bottom: 24px;\n }\n</style>\n\n<script>\n import DofMask from '../dof-mask';\n\n export default {\n components: {\n DofMask\n },\n props: {\n width: {\n type: [Number, String],\n default: 750\n },\n height: {\n type: [Number, String],\n default: 750\n },\n show: {\n type: Boolean,\n default: false\n },\n imageList: Array,\n indicatorColor: {\n type: Object,\n default: () => ({\n 'item-color': 'rgba(255, 195, 0, .5)',\n 'item-selected-color': '#ffc300',\n 'item-size': '20px'\n })\n },\n index: {\n type: [Number, String],\n default: 0\n },\n interval: {\n type: [Number, String],\n default: 3000\n },\n opacity: {\n type: [Number, String],\n default: 0.6\n }\n },\n computed: {\n indicatorStyle () {\n return {\n width: this.width + 'px',\n ...this.indicatorColor\n };\n }\n },\n methods: {\n maskOverlayClick () {\n this.$emit('dofLightboxOverlayClicked', {});\n }\n }\n };\n</script>\n","\n.indicator .weex-indicator-item {\n width: 20px;\n height: 20px;\n}","\n.indicator .weex-indicator-item.weex-indicator-item-active {\n background-color: #ffc300;\n}","\n.indicator .weex-indicator-item {\n background-color: rgba(255, 195, 0, .5);\n}"],"sourceRoot":""}]);
9374
9374
 
9375
9375
  // exports
9376
9376
 
@@ -9748,7 +9748,7 @@ exports = module.exports = __webpack_require__(0)(true);
9748
9748
 
9749
9749
 
9750
9750
  // module
9751
- exports.push([module.i, "\n.indicator {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 0.66667rem;\n item-color: rgba(255, 255, 255, 0.5);\n item-selectedcolor: rgba(255, 255, 255, 1);\n item-size: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n width: 0.18667rem;\n height: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n background-color: rgba(255, 255, 255, 0.5);\n}\n.slider {\n /* background-color: #f2f2f2; */\n /* margin-left: 32px; */\n border-radius: 0.21333rem;\n}\n.image {\n border-radius: 0.21333rem;\n /* background-color: #f2f2f2; */\n}\n.div_out {\n border-radius: 0.21333rem;\n position: relative;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/index.vue?c4f8ca12","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 17>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 16>"],"names":[],"mappings":";AAkCA;EACA,mBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,qCAAA;EACA,2CAAA;EACA,sBAAA;CACA;AC1CA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,2CAA2C;CAC5C;AFyCD;EACA,gCAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,gCAAA;CACA;AACA;EACA,0BAAA;EACA,mBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n <div :style=\"{ marginLeft: divLeft, width: imgWidth }\" class=\"div_out\">\n <slider\n class=\"slider\"\n :style=\"sliderStyle\"\n :interval=\"interval\"\n @change=\"change\"\n :auto-play=\"autoplay\"\n :infinite=\"infinite\"\n >\n <div v-for=\"(item, index) in slItems\" :key=\"index\" @click=\"imgClicked(item, index)\">\n <image\n :resize=\"imgResize\"\n :style=\"{ width: imgWidth, height: imgHeight, backgroundColor: imageBgColor }\"\n :src=\"item.url\"\n :placeholder=\"phImgUrl\"\n class=\"image\"\n >\n </image>\n </div>\n <indicator class=\"indicator\" :style=\"indicatorStyle\" v-if=\"showIndicator && !_isColmo\"></indicator>\n </slider>\n <div class=\"indicator-box\" v-if=\"showIndicator && _isColmo\">\n <div\n :class=\"['indicator-item', i === slItems.length - 1 && 'isLast', i == active && 'active']\"\n :style=\"indicatorStyle\"\n v-for=\"(item, i) in slItems\"\n :key=\"i\"\n ></div>\n </div>\n </div>\n</template>\n\n<style>\n.indicator {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 50px;\n item-color: rgba(255, 255, 255, 0.5);\n item-selectedcolor: rgba(255, 255, 255, 1);\n item-size: 14px;\n}\n.slider {\n /* background-color: #f2f2f2; */\n /* margin-left: 32px; */\n border-radius: 16px;\n}\n.image {\n border-radius: 16px;\n /* background-color: #f2f2f2; */\n}\n.div_out {\n border-radius: 16px;\n position: relative;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64')\nvar PLACEHOLDERIMAGE = icon['ic_img_null@2x']\nconst modal = weex.requireModule('modal')\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n mixins: [ColmoMixin],\n props: {\n sliderStyle: {\n type: Object,\n default: () => ({\n width: '686px',\n height: '280px',\n position: 'relative'\n })\n },\n indicatorStyle: {\n type: Object,\n default: () => ({})\n },\n items: {\n type: Array,\n default: () => []\n },\n interval: {\n type: Number,\n default: 3000\n },\n autoplay: {\n type: Boolean,\n default: true\n },\n infinite: {\n type: Boolean,\n default: true\n },\n imgResize: {\n type: String,\n default: 'cover'\n },\n imgWidth: {\n type: String,\n default: '686px'\n },\n divLeft: {\n type: String,\n default: '32px'\n },\n imgHeight: {\n type: String,\n default: '280px'\n },\n showIndicator: {\n type: Boolean,\n default: true\n },\n phImgUrl: {\n type: String,\n default: PLACEHOLDERIMAGE\n },\n imageBgColor: {\n type: String,\n default: '#f2f2f2'\n }\n },\n data: function() {\n return {\n slItems: [],\n active: 0\n }\n },\n created() {\n if (this.items.length > 10) {\n this.slItems.splice(0)\n this.slItems = this.items.slice(0, 10)\n } else if (this.items.length <= 10) {\n this.slItems.splice(0)\n this.slItems = this.items.slice(0)\n }\n },\n methods: {\n imgClicked(target, index) {\n this.$emit('dofSwiperClicked', { target, index })\n },\n change(val) {\n this.active = val.index\n }\n }\n}\n</script>\n","\n.indicator .weex-indicator-item {\n width: 14px;\n height: 14px;\n}","\n.indicator .weex-indicator-item {\n background-color: rgba(255, 255, 255, 0.5);\n}"],"sourceRoot":""}]);
9751
+ exports.push([module.i, "\n.indicator {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 0.66667rem;\n item-color: rgba(255, 255, 255, 0.5);\n item-selectedcolor: rgba(255, 255, 255, 1);\n item-size: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n width: 0.18667rem;\n height: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n background-color: rgba(255, 255, 255, 0.5);\n}\n.slider {\n /* background-color: #f2f2f2; */\n /* margin-left: 32px; */\n border-radius: 0.21333rem;\n}\n.image {\n border-radius: 0.21333rem;\n /* background-color: #f2f2f2; */\n}\n.div_out {\n border-radius: 0.21333rem;\n position: relative;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/index.vue?c4f8ca12","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 14>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 13>"],"names":[],"mappings":";AAkCA;EACA,mBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,qCAAA;EACA,2CAAA;EACA,sBAAA;CACA;AC1CA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,2CAA2C;CAC5C;AFyCD;EACA,gCAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,gCAAA;CACA;AACA;EACA,0BAAA;EACA,mBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n <div :style=\"{ marginLeft: divLeft, width: imgWidth }\" class=\"div_out\">\n <slider\n class=\"slider\"\n :style=\"sliderStyle\"\n :interval=\"interval\"\n @change=\"change\"\n :auto-play=\"autoplay\"\n :infinite=\"infinite\"\n >\n <div v-for=\"(item, index) in slItems\" :key=\"index\" @click=\"imgClicked(item, index)\">\n <image\n :resize=\"imgResize\"\n :style=\"{ width: imgWidth, height: imgHeight, backgroundColor: imageBgColor }\"\n :src=\"item.url\"\n :placeholder=\"phImgUrl\"\n class=\"image\"\n >\n </image>\n </div>\n <indicator class=\"indicator\" :style=\"indicatorStyle\" v-if=\"showIndicator && !_isColmo\"></indicator>\n </slider>\n <div class=\"indicator-box\" v-if=\"showIndicator && _isColmo\">\n <div\n :class=\"['indicator-item', i === slItems.length - 1 && 'isLast', i == active && 'active']\"\n :style=\"indicatorStyle\"\n v-for=\"(item, i) in slItems\"\n :key=\"i\"\n ></div>\n </div>\n </div>\n</template>\n\n<style>\n.indicator {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 50px;\n item-color: rgba(255, 255, 255, 0.5);\n item-selectedcolor: rgba(255, 255, 255, 1);\n item-size: 14px;\n}\n.slider {\n /* background-color: #f2f2f2; */\n /* margin-left: 32px; */\n border-radius: 16px;\n}\n.image {\n border-radius: 16px;\n /* background-color: #f2f2f2; */\n}\n.div_out {\n border-radius: 16px;\n position: relative;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64')\nvar PLACEHOLDERIMAGE = icon['ic_img_null@2x']\nconst modal = weex.requireModule('modal')\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n mixins: [ColmoMixin],\n props: {\n sliderStyle: {\n type: Object,\n default: () => ({\n width: '686px',\n height: '280px',\n position: 'relative'\n })\n },\n indicatorStyle: {\n type: Object,\n default: () => ({})\n },\n items: {\n type: Array,\n default: () => []\n },\n interval: {\n type: Number,\n default: 3000\n },\n autoplay: {\n type: Boolean,\n default: true\n },\n infinite: {\n type: Boolean,\n default: true\n },\n imgResize: {\n type: String,\n default: 'cover'\n },\n imgWidth: {\n type: String,\n default: '686px'\n },\n divLeft: {\n type: String,\n default: '32px'\n },\n imgHeight: {\n type: String,\n default: '280px'\n },\n showIndicator: {\n type: Boolean,\n default: true\n },\n phImgUrl: {\n type: String,\n default: PLACEHOLDERIMAGE\n },\n imageBgColor: {\n type: String,\n default: '#f2f2f2'\n }\n },\n data: function() {\n return {\n slItems: [],\n active: 0\n }\n },\n created() {\n if (this.items.length > 10) {\n this.slItems.splice(0)\n this.slItems = this.items.slice(0, 10)\n } else if (this.items.length <= 10) {\n this.slItems.splice(0)\n this.slItems = this.items.slice(0)\n }\n },\n methods: {\n imgClicked(target, index) {\n this.$emit('dofSwiperClicked', { target, index })\n },\n change(val) {\n this.active = val.index\n }\n }\n}\n</script>\n","\n.indicator .weex-indicator-item {\n width: 14px;\n height: 14px;\n}","\n.indicator .weex-indicator-item {\n background-color: rgba(255, 255, 255, 0.5);\n}"],"sourceRoot":""}]);
9752
9752
 
9753
9753
  // exports
9754
9754
 
@@ -9972,7 +9972,7 @@ exports = module.exports = __webpack_require__(0)(true);
9972
9972
 
9973
9973
 
9974
9974
  // module
9975
- exports.push([module.i, "\n.bottom-border[data-v-f607d5d2] {\n border-bottom-width: 1px;\n border-color: #e5e5e8;\n}\n.dof-minibar[data-v-f607d5d2] {\n width: 10rem;\n display: -webkit-inline-box;\n display: -webkit-inline-flex;\n display: inline-flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n -webkit-box-align: stretch;\n -webkit-align-items: stretch;\n align-items: stretch;\n}\n.isFixed[data-v-f607d5d2] {\n position: fixed;\n top: 0;\n left: 0;\n}\n.left[data-v-f607d5d2] {\n width: 2.13333rem;\n /* width: 64px; */\n height: 1.17333rem;\n padding-left: 0.42667rem;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n /* margin-right: 12px; */\n}\n.middle-title-wrapper[data-v-f607d5d2] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n}\n.middle-title[data-v-f607d5d2] {\n font-family: PingFangSC-Medium;\n /* width: 390px; */\n lines: 1;\n text-overflow: ellipsis;\n font-size: 0.42667rem;\n text-align: center;\n letter-spacing: 0;\n font-weight: 600;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n.middle-sub-title[data-v-f607d5d2] {\n font-family: PingFangSC-Medium;\n width: 5.2rem;\n lines: 1;\n text-overflow: ellipsis;\n font-size: 0.26667rem;\n text-align: center;\n letter-spacing: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n.right[data-v-f607d5d2] {\n width: 2.13333rem;\n /* width: 84px; */\n min-width: 1.12rem;\n height: 1.17333rem;\n padding-right: 0.42667rem;\n -webkit-box-align: end;\n -webkit-align-items: flex-end;\n align-items: flex-end;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n}\n.left-button[data-v-f607d5d2] {\n width: 0.77333rem;\n height: 0.77333rem;\n}\n.right-button[data-v-f607d5d2] {\n width: 0.77333rem;\n height: 0.77333rem;\n}\n.icon-text[data-v-f607d5d2] {\n font-size: 0.37333rem;\n color: #1e2e37;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-minibar/index.vue?71887550","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-minibar/<no source>"],"names":[],"mappings":";AAgEA;EACA,yBAAA;EACA,sBAAA;CACA;AACA;EACA,aAAA;EACA,4BAAA;EAAA,6BAAA;EAAA,qBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,2BAAA;EAAA,6BAAA;UAAA,qBAAA;CACA;AACA;EACA,gBAAA;EACA,OAAA;EACA,QAAA;CACA;AAEA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,yBAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,6BAAA;EAAA,8BAAA;EAAA,+BAAA;UAAA,uBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AACA;EACA,+BAAA;EACA,mBAAA;EACA,SAAA;EACA,wBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ECxGA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDyGA;AACA;EACA,+BAAA;EACA,cAAA;EACA,SAAA;EACA,wBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;ECjHA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDkHA;AAEA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,0BAAA;EACA,uBAAA;EAAA,8BAAA;UAAA,sBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,sBAAA;EACA,eAAA;CACA","file":"index.vue","sourcesContent":["<template>\n <div\n :class=\"['minibar-wrapper', hasBottomBorder && 'bottom-border', isFixed && 'isFixed']\"\n :style=\"{ 'background-color': backgroundColor_ }\"\n :key=\"_isColmo + 'minibar'\"\n >\n <div class=\"dof-minibar\" :style=\"newBarStyle\">\n <div class=\"left\" @click=\"leftButtonClicked\" :aria-label=\"leftButtonBlindHelp\" :accessible=\"true\">\n <slot name=\"left\">\n <image :src=\"leftButton_\" v-if=\"leftButton_ && !leftText\" class=\"left-button\"></image>\n <dof-iconfont\n style=\"width: 58px;\"\n v-if=\"!leftButton_ && !leftText && _isColmo\"\n :code=\"'\\u4717'\"\n :size=\"64\"\n :color=\"'rgba(255,255,255,0.80)'\"\n @dofIconFontClicked=\"leftButtonClicked\"\n ></dof-iconfont>\n <text v-if=\"leftText\" class=\"icon-text\" :style=\"newTextStyle\">{{ leftText }}</text>\n </slot>\n </div>\n <slot name=\"middle\">\n <div class=\"middle-title-wrapper\">\n <text class=\"middle-title\" :style=\"newTextWrapStyle\" :aria-label=\"title ? title + '。文本。' : ''\">{{\n title\n }}</text>\n <text\n v-if=\"subTitle\"\n class=\"middle-sub-title\"\n :aria-label=\"subTitle ? subTitle + '。文本。' : ''\"\n :style=\"newTextWrapStyleSubTitle\"\n >{{ subTitle }}</text\n >\n </div>\n </slot>\n <div class=\"right\" @click=\"rightButtonClicked\">\n <slot name=\"right\">\n <image\n v-if=\"rightButton_ && rightButton_ !== 'default' && !rightText\"\n class=\"right-button\"\n :src=\"rightButton_\"\n :aria-hidden=\"true\"\n ></image>\n <dof-iconfont\n class=\"right-button\"\n v-if=\"rightButton_ === 'default' && _isColmo && !rightText\"\n :code=\"'\\u4807'\"\n :size=\"64\"\n @dofIconFontClicked=\"rightButtonClicked\"\n ></dof-iconfont>\n <text\n v-if=\"rightText\"\n class=\"icon-text\"\n :aria-label=\"rightText ? rightText + '。按钮。' : ''\"\n :style=\"newTextStyle\"\n >{{ rightText }}</text\n >\n </slot>\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.bottom-border {\n border-bottom-width: 1px;\n border-color: #e5e5e8;\n}\n.dof-minibar {\n width: 750px;\n display: inline-flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n}\n.isFixed {\n position: fixed;\n top: 0;\n left: 0;\n}\n\n.left {\n width: 160px;\n /* width: 64px; */\n height: 88px;\n padding-left: 32px;\n justify-content: center;\n /* margin-right: 12px; */\n}\n\n.middle-title-wrapper {\n flex: 1;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.middle-title {\n font-family: PingFangSC-Medium;\n /* width: 390px; */\n lines: 1;\n text-overflow: ellipsis;\n font-size: 32px;\n text-align: center;\n letter-spacing: 0;\n font-weight: 600;\n}\n.middle-sub-title {\n font-family: PingFangSC-Medium;\n width: 390px;\n lines: 1;\n text-overflow: ellipsis;\n font-size: 20px;\n text-align: center;\n letter-spacing: 0;\n}\n\n.right {\n width: 160px;\n /* width: 84px; */\n min-width: 84px;\n height: 88px;\n padding-right: 32px;\n align-items: flex-end;\n justify-content: center;\n}\n\n.left-button {\n width: 58px;\n height: 58px;\n}\n\n.right-button {\n width: 58px;\n height: 58px;\n}\n\n.icon-text {\n font-size: 28px;\n color: #1e2e37;\n}\n</style>\n<style src=\"./diablo.css\"></style>\n<style src=\"./colmo.css\"></style>\n\n<script>\nconst Navigator = weex.requireModule('navigator')\nconst platform = weex.config.env.platform.toLowerCase()\nimport Utils from '../utils'\nimport { back_black as backBlack, back_white as backWhite, back_diablo, icon_more as iconMore, icon_more_diablo } from '../setting/icon.base64'\nimport { STYLE_MAP } from './style'\nimport DofIconfont from '../dof-iconfont'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\n\nexport default {\n components: { DofIconfont },\n mixins: [ColmoMixin, DiabloMixin],\n props: {\n isFixed: {\n type: Boolean,\n default: false\n },\n isImmersion: {\n type: Boolean,\n default: true\n },\n backgroundColor: {\n type: String,\n default: ''\n },\n hasBottomBorder: {\n type: Boolean,\n default: false\n },\n leftButton: {\n type: String,\n default: ''\n },\n textColor: {\n type: String,\n default: ''\n },\n rightButton: {\n type: String,\n default: ''\n },\n title: {\n type: String,\n default: '标题'\n },\n subTitle: {\n type: String,\n default: ''\n },\n leftText: {\n type: String,\n default: ''\n },\n rightText: {\n type: String,\n default: ''\n },\n useDefaultReturn: {\n type: Boolean,\n default: true\n },\n show: {\n type: Boolean,\n default: true\n },\n barStyle: {\n type: Object\n },\n middleTextStyle: {\n type: Object\n }\n },\n created() {\n this.isIPhoneX = Utils.env.isIPhoneX()\n },\n computed: {\n themeStyle() {\n const _theme = this._theme || (this._isDiablo ? 'diablo' : 'default')\n return STYLE_MAP[_theme] || STYLE_MAP['default']\n },\n backgroundColor_() {\n return this.backgroundColor ? this.backgroundColor : this.themeStyle.backgroundColor\n },\n leftButton_() {\n return this.leftButton ? this.leftButton : !this._isColmo ? (this._isDiablo ? back_diablo : backBlack) : ''\n },\n rightButton_() {\n if (this.rightButton === 'default') {\n return this._isColmo ? 'default' : iconMore\n }\n return this.rightButton ? this.rightButton : ''\n },\n leftButtonBlindHelp() {\n return `${this.leftText || '返回'}。按钮。`\n },\n statusBarHeight: function() {\n let result = '20'\n if (weex.config.env.statusBarHeight) {\n if (weex.config.env.platform === 'iOS' || weex.config.env.platform == 'harmony') {\n // iOS使用pt为单位\n result = weex.config.env.statusBarHeight\n } else {\n // 安卓使用px为单位\n result = weex.config.env.statusBarHeight / weex.config.env.scale\n }\n }\n return result\n },\n newBarStyle() {\n let result\n const { barStyle, backgroundColor_ } = this\n const backgroundColor = backgroundColor_\n let isIPhoneSE = weex.config.env.deviceModel.substr(6) === '12,8'\n // harmony\n if (Utils.env.isHarmony())\n return {\n backgroundColor,\n height: +this.statusBarHeight + 44 + 'wx',\n 'padding-top': this.statusBarHeight + 'wx',\n ...barStyle\n }\n\n if (this.isImmersion) {\n // 全屏显示,weex自行处理状态栏高度\n result = {\n backgroundColor,\n paddingTop: (isIPhoneSE ? 20 : this.statusBarHeight) + 'wx',\n // height: +this.statusBarHeight + 44 + 'wx',\n ...barStyle\n }\n } else {\n // 非全屏显示,app已处理状态栏高度\n result = {\n backgroundColor,\n height: '44wx',\n ...barStyle\n }\n }\n return result\n },\n newTextWrapStyle() {\n if (this.textColor) {\n return {\n color: this.textColor,\n ...this.middleTextStyle\n }\n } else {\n return {\n color: this.themeStyle.middleTitleColor,\n ...this.middleTextStyle\n }\n }\n },\n newTextWrapStyleSubTitle() {\n if (this.textColor) {\n return {\n color: this.textColor\n }\n } else {\n return {\n color: this.themeStyle.middleSubTitleColor,\n ...this.middleTextStyle\n }\n }\n },\n newTextStyle() {\n if (this.textColor) {\n return {\n color: this.textColor,\n marginLeft: '0px'\n }\n }\n return {}\n }\n },\n methods: {\n leftButtonClicked() {\n if (this.useDefaultReturn) {\n Navigator.pop({}, e => {})\n }\n this.$emit('dofMinibarLeftButtonClicked', {})\n },\n rightButtonClicked() {\n const hasRightContent = this.rightText || this.rightButton || (this.$slots && this.$slots.right)\n hasRightContent && this.$emit('dofMinibarRightButtonClicked', {})\n }\n }\n}\n</script>\n",null],"sourceRoot":""}]);
9975
+ exports.push([module.i, "\n.bottom-border[data-v-f607d5d2] {\n border-bottom-width: 1px;\n border-color: #e5e5e8;\n}\n.dof-minibar[data-v-f607d5d2] {\n width: 10rem;\n display: -webkit-inline-box;\n display: -webkit-inline-flex;\n display: inline-flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n -webkit-box-align: stretch;\n -webkit-align-items: stretch;\n align-items: stretch;\n}\n.isFixed[data-v-f607d5d2] {\n position: fixed;\n top: 0;\n left: 0;\n}\n.left[data-v-f607d5d2] {\n width: 2.13333rem;\n /* width: 64px; */\n height: 1.17333rem;\n padding-left: 0.42667rem;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n /* margin-right: 12px; */\n}\n.middle-title-wrapper[data-v-f607d5d2] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n}\n.middle-title[data-v-f607d5d2] {\n font-family: PingFangSC-Medium;\n /* width: 390px; */\n lines: 1;\n text-overflow: ellipsis;\n font-size: 0.42667rem;\n text-align: center;\n letter-spacing: 0;\n font-weight: 600;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n.middle-sub-title[data-v-f607d5d2] {\n font-family: PingFangSC-Medium;\n width: 5.2rem;\n lines: 1;\n text-overflow: ellipsis;\n font-size: 0.26667rem;\n text-align: center;\n letter-spacing: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n.right[data-v-f607d5d2] {\n width: 2.13333rem;\n /* width: 84px; */\n min-width: 1.12rem;\n height: 1.17333rem;\n padding-right: 0.42667rem;\n -webkit-box-align: end;\n -webkit-align-items: flex-end;\n align-items: flex-end;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n}\n.left-button[data-v-f607d5d2] {\n width: 0.77333rem;\n height: 0.77333rem;\n}\n.right-button[data-v-f607d5d2] {\n width: 0.77333rem;\n height: 0.77333rem;\n}\n.icon-text[data-v-f607d5d2] {\n font-size: 0.37333rem;\n color: #1e2e37;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-minibar/index.vue?4d08672c","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-minibar/<no source>"],"names":[],"mappings":";AAgEA;EACA,yBAAA;EACA,sBAAA;CACA;AACA;EACA,aAAA;EACA,4BAAA;EAAA,6BAAA;EAAA,qBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,2BAAA;EAAA,6BAAA;UAAA,qBAAA;CACA;AACA;EACA,gBAAA;EACA,OAAA;EACA,QAAA;CACA;AAEA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,yBAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,6BAAA;EAAA,8BAAA;EAAA,+BAAA;UAAA,uBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AACA;EACA,+BAAA;EACA,mBAAA;EACA,SAAA;EACA,wBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ECxGA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDyGA;AACA;EACA,+BAAA;EACA,cAAA;EACA,SAAA;EACA,wBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;ECjHA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDkHA;AAEA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,0BAAA;EACA,uBAAA;EAAA,8BAAA;UAAA,sBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,sBAAA;EACA,eAAA;CACA","file":"index.vue","sourcesContent":["<template>\n <div\n :class=\"['minibar-wrapper', hasBottomBorder && 'bottom-border', isFixed && 'isFixed']\"\n :style=\"{ 'background-color': backgroundColor_ }\"\n :key=\"_isColmo + 'minibar'\"\n >\n <div class=\"dof-minibar\" :style=\"newBarStyle\">\n <div class=\"left\" @click=\"leftButtonClicked\" :aria-label=\"leftButtonBlindHelp\" :accessible=\"true\">\n <slot name=\"left\">\n <image :src=\"leftButton_\" v-if=\"leftButton_ && !leftText\" class=\"left-button\"></image>\n <dof-iconfont\n style=\"width: 58px;\"\n v-if=\"!leftButton_ && !leftText && _isColmo\"\n :code=\"'\\u4717'\"\n :size=\"64\"\n :color=\"'rgba(255,255,255,0.80)'\"\n @dofIconFontClicked=\"leftButtonClicked\"\n ></dof-iconfont>\n <text v-if=\"leftText\" class=\"icon-text\" :style=\"newTextStyle\">{{ leftText }}</text>\n </slot>\n </div>\n <slot name=\"middle\">\n <div class=\"middle-title-wrapper\">\n <text class=\"middle-title\" :style=\"newTextWrapStyle\" :aria-label=\"title ? title + '。文本。' : ''\">{{\n title\n }}</text>\n <text\n v-if=\"subTitle\"\n class=\"middle-sub-title\"\n :aria-label=\"subTitle ? subTitle + '。文本。' : ''\"\n :style=\"newTextWrapStyleSubTitle\"\n >{{ subTitle }}</text\n >\n </div>\n </slot>\n <div class=\"right\" @click=\"rightButtonClicked\">\n <slot name=\"right\">\n <image\n v-if=\"rightButton_ && rightButton_ !== 'default' && !rightText\"\n class=\"right-button\"\n :src=\"rightButton_\"\n :aria-hidden=\"true\"\n ></image>\n <dof-iconfont\n class=\"right-button\"\n v-if=\"rightButton_ === 'default' && _isColmo && !rightText\"\n :code=\"'\\u4807'\"\n :size=\"64\"\n @dofIconFontClicked=\"rightButtonClicked\"\n ></dof-iconfont>\n <text\n v-if=\"rightText\"\n class=\"icon-text\"\n :aria-label=\"rightText ? rightText + '。按钮。' : ''\"\n :style=\"newTextStyle\"\n >{{ rightText }}</text\n >\n </slot>\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.bottom-border {\n border-bottom-width: 1px;\n border-color: #e5e5e8;\n}\n.dof-minibar {\n width: 750px;\n display: inline-flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n}\n.isFixed {\n position: fixed;\n top: 0;\n left: 0;\n}\n\n.left {\n width: 160px;\n /* width: 64px; */\n height: 88px;\n padding-left: 32px;\n justify-content: center;\n /* margin-right: 12px; */\n}\n\n.middle-title-wrapper {\n flex: 1;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.middle-title {\n font-family: PingFangSC-Medium;\n /* width: 390px; */\n lines: 1;\n text-overflow: ellipsis;\n font-size: 32px;\n text-align: center;\n letter-spacing: 0;\n font-weight: 600;\n}\n.middle-sub-title {\n font-family: PingFangSC-Medium;\n width: 390px;\n lines: 1;\n text-overflow: ellipsis;\n font-size: 20px;\n text-align: center;\n letter-spacing: 0;\n}\n\n.right {\n width: 160px;\n /* width: 84px; */\n min-width: 84px;\n height: 88px;\n padding-right: 32px;\n align-items: flex-end;\n justify-content: center;\n}\n\n.left-button {\n width: 58px;\n height: 58px;\n}\n\n.right-button {\n width: 58px;\n height: 58px;\n}\n\n.icon-text {\n font-size: 28px;\n color: #1e2e37;\n}\n</style>\n<style src=\"./diablo.css\"></style>\n<style src=\"./colmo.css\"></style>\n\n<script>\nconst Navigator = weex.requireModule('navigator')\nconst platform = weex.config.env.platform.toLowerCase()\nimport Utils from '../utils'\nimport { back_black as backBlack, back_white as backWhite, back_diablo, icon_more as iconMore, icon_more_diablo } from '../setting/icon.base64'\nimport { STYLE_MAP } from './style'\nimport DofIconfont from '../dof-iconfont'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\n\nexport default {\n components: { DofIconfont },\n mixins: [ColmoMixin, DiabloMixin],\n props: {\n isFixed: {\n type: Boolean,\n default: false\n },\n isImmersion: {\n type: Boolean,\n default: true\n },\n backgroundColor: {\n type: String,\n default: ''\n },\n hasBottomBorder: {\n type: Boolean,\n default: false\n },\n leftButton: {\n type: String,\n default: ''\n },\n textColor: {\n type: String,\n default: ''\n },\n rightButton: {\n type: String,\n default: ''\n },\n title: {\n type: String,\n default: '标题'\n },\n subTitle: {\n type: String,\n default: ''\n },\n leftText: {\n type: String,\n default: ''\n },\n rightText: {\n type: String,\n default: ''\n },\n useDefaultReturn: {\n type: Boolean,\n default: true\n },\n show: {\n type: Boolean,\n default: true\n },\n barStyle: {\n type: Object\n },\n middleTextStyle: {\n type: Object\n }\n },\n created() {\n this.isIPhoneX = Utils.env.isIPhoneX()\n },\n computed: {\n themeStyle() {\n const _theme = this._theme || (this._isDiablo ? 'diablo' : 'default')\n return STYLE_MAP[_theme] || STYLE_MAP['default']\n },\n backgroundColor_() {\n return this.backgroundColor ? this.backgroundColor : this.themeStyle.backgroundColor\n },\n leftButton_() {\n return this.leftButton ? this.leftButton : !this._isColmo ? (this._isDiablo ? back_diablo : backBlack) : ''\n },\n rightButton_() {\n if (this.rightButton === 'default') {\n return this._isColmo ? 'default' : iconMore\n }\n return this.rightButton ? this.rightButton : ''\n },\n leftButtonBlindHelp() {\n return `${this.leftText || '返回'}。按钮。`\n },\n statusBarHeight: function() {\n let result = '20'\n if (weex.config.env.statusBarHeight) {\n if (weex.config.env.platform === 'iOS' || weex.config.env.platform == 'harmony') {\n // iOS使用pt为单位\n result = weex.config.env.statusBarHeight\n } else {\n // 安卓使用px为单位\n result = weex.config.env.statusBarHeight / weex.config.env.scale\n }\n }\n return result\n },\n newBarStyle() {\n let result\n const { barStyle, backgroundColor_ } = this\n const backgroundColor = backgroundColor_\n let isIPhoneSE = weex.config.env.deviceModel.substr(6) === '12,8'\n // harmony\n if (Utils.env.isHarmony())\n return {\n backgroundColor,\n // height: +this.statusBarHeight + 44 + 'wx',\n 'padding-top': this.statusBarHeight + 'wx',\n ...barStyle\n }\n\n if (this.isImmersion) {\n // 全屏显示,weex自行处理状态栏高度\n result = {\n backgroundColor,\n paddingTop: (isIPhoneSE ? 20 : this.statusBarHeight) + 'wx',\n // height: +this.statusBarHeight + 44 + 'wx',\n ...barStyle\n }\n } else {\n // 非全屏显示,app已处理状态栏高度\n result = {\n backgroundColor,\n height: '44wx',\n ...barStyle\n }\n }\n return result\n },\n newTextWrapStyle() {\n if (this.textColor) {\n return {\n color: this.textColor,\n ...this.middleTextStyle\n }\n } else {\n return {\n color: this.themeStyle.middleTitleColor,\n ...this.middleTextStyle\n }\n }\n },\n newTextWrapStyleSubTitle() {\n if (this.textColor) {\n return {\n color: this.textColor\n }\n } else {\n return {\n color: this.themeStyle.middleSubTitleColor,\n ...this.middleTextStyle\n }\n }\n },\n newTextStyle() {\n if (this.textColor) {\n return {\n color: this.textColor,\n marginLeft: '0px'\n }\n }\n return {}\n }\n },\n methods: {\n leftButtonClicked() {\n if (this.useDefaultReturn) {\n Navigator.pop({}, e => {})\n }\n this.$emit('dofMinibarLeftButtonClicked', {})\n },\n rightButtonClicked() {\n const hasRightContent = this.rightText || this.rightButton || (this.$slots && this.$slots.right)\n hasRightContent && this.$emit('dofMinibarRightButtonClicked', {})\n }\n }\n}\n</script>\n",null],"sourceRoot":""}]);
9976
9976
 
9977
9977
  // exports
9978
9978
 
@@ -20612,7 +20612,7 @@ exports.default = {
20612
20612
  // harmony
20613
20613
  if (_utils2.default.env.isHarmony()) return _extends({
20614
20614
  backgroundColor: backgroundColor,
20615
- height: +this.statusBarHeight + 44 + 'wx',
20615
+ // height: +this.statusBarHeight + 44 + 'wx',
20616
20616
  'padding-top': this.statusBarHeight + 'wx'
20617
20617
  }, barStyle);
20618
20618