dolphin-weex-ui 2.4.22 → 2.4.24

package/dist/index.web.js

@@ -904,6 +904,21 @@ var Utils = {
     }
     return false;
   },
+  toNum: function toNum(a) {
+    a = a.toString();
+    var c = a.split('.');
+    var r = ['0000', '000', '00', '0', ''];
+    for (var i = 0; i < c.length; i++) {
+      var len = c[i].length;
+      c[i] = r[len] + c[i];
+    }
+    var res = c.join('');
+    return res;
+  },
+  compareVersionNew: function compareVersionNew(a) {
+    // 判断当前版本是否大于等于比较的版本
+    return this.toNum(weex.config.env.appVersion) >= this.toNum(a);
+  },
 
   /**
    * 分割数组
@@ -8627,7 +8642,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.wrapper[data-v-44d44e58] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.dof-result[data-v-44d44e58] {\n  /* width: 750px; */\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  /* background-color: #f9f9f9; */\n}\n.result-image[data-v-44d44e58] {\n  width: 4.26667rem;\n  height: 4.26667rem;\n}\n.result-content[data-v-44d44e58] {\n  margin-top: 0px;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.content-text[data-v-44d44e58] {\n  height: auto;\n  font-family: PingFangSC-Regular;\n  font-size: 0.37333rem;\n  color: #616c73;\n  letter-spacing: 0;\n  text-align: center;\n  line-height: 0.48rem;\n  width: 8rem;\n}\n.content-desc[data-v-44d44e58] {\n  margin-top: 0.10667rem;\n}\n.result-button[data-v-44d44e58] {\n  margin-top: 0.64rem;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n}\n.btn-sub-text[data-v-44d44e58] {\n  font-family: PingFangSC-Medium;\n  font-size: 0.37333rem;\n  color: #00a4f2;\n  letter-spacing: 0;\n  text-align: center;\n  line-height: 0.37333rem;\n  margin-top: 0.42667rem;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-result/index.vue?00a45547"],"names":[],"mappings":";AA6BA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;CACA;AAEA;EACA,mBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,gCAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,gBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,aAAA;EACA,gCAAA;EACA,sBAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,qBAAA;EACA,YAAA;CACA;AAEA;EACA,uBAAA;CACA;AAEA;EACA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;EACA,+BAAA;EACA,sBAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,wBAAA;EACA,uBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"wrapper\" v-if=\"show\" :style=\"wrapStyle\">\n    <div class=\"dof-result\" :style=\"{ top: setPaddingTop, backgroundColor: bgColor_ }\">\n      <image class=\"result-image\" :aria-hidden=\"true\" :src=\"resultType.pic\" :style=\"imgStyle\"></image>\n      <slot name=\"text\">\n        <div class=\"result-content\" v-if=\"resultType.content\">\n          <text class=\"content-text\">{{ resultType.content }}</text>\n          <text class=\"content-text content-desc\" v-if=\"resultType.desc\">{{ resultType.desc }}</text>\n        </div>\n      </slot>\n\n      <div class=\"result-button\" @touchend=\"handleTouchEnd\">\n        <slot name=\"button\">\n          <dof-button\n            v-if=\"resultType.button\"\n            size=\"medium\"\n            :btnStyle=\"{ width: 'auto', overflow: 'hidden', minWidth: '240px', maxWidth: '480px' }\"\n            :textStyle=\"{ textOverflow: 'none', maxWidth: '418px', marginLeft: 0, textAlign: 'center' }\"\n            :text=\"resultType.button\"\n            @dofButtonClicked=\"onClick\"\n          ></dof-button>\n        </slot>\n        <text class=\"btn-sub-text\" v-if=\"resultType.btnSubTitle\" @click=\"onSubClick\">{{ resultType.btnSubTitle }}</text>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.dof-result {\n  /* width: 750px; */\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  /* background-color: #f9f9f9; */\n}\n\n.result-image {\n  width: 320px;\n  height: 320px;\n}\n\n.result-content {\n  margin-top: 0px;\n  align-items: center;\n}\n\n.content-text {\n  height: auto;\n  font-family: PingFangSC-Regular;\n  font-size: 28px;\n  color: #616c73;\n  letter-spacing: 0;\n  text-align: center;\n  line-height: 36px;\n  width: 600px;\n}\n\n.content-desc {\n  margin-top: 8px;\n}\n\n.result-button {\n  margin-top: 48px;\n  align-items: center;\n  justify-content: center;\n}\n\n.btn-sub-text {\n  font-family: PingFangSC-Medium;\n  font-size: 28px;\n  color: #00a4f2;\n  letter-spacing: 0;\n  text-align: center;\n  line-height: 28px;\n  margin-top: 32px;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nimport DofButton from '../dof-button'\nimport imgs from './imgs'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\nconst Types = {\n  noNetwork: {\n    pic: imgs['noNetwork'],\n    content: '网络异常，请检查您的网络设置'\n    // button: '刷新'\n  },\n  noUpdate: {\n    pic: imgs['noUpdate'],\n    content: '当前版本较低',\n    desc: '请更新到最新版APP'\n  },\n  noPage: {\n    pic: imgs['noPage'],\n    content: '找不到页面'\n  },\n  colmo: {\n    pic: imgs['colmo']\n  }\n}\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: {\n    DofButton\n  },\n  props: {\n    type: {\n      type: String,\n      default: ''\n    },\n    configuration: {\n      type: Object,\n      default: () => ({})\n    },\n    show: {\n      type: Boolean,\n      default: true\n    },\n    wrapStyle: Object,\n    paddingTop: {\n      type: [Number, String],\n      default: '-80'\n    },\n    bgColor: {\n      type: String,\n      default: ''\n    },\n    imgStyle: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  computed: {\n    type_() {\n      if (this.type) return this.type\n      return this._isColmo ? 'colmo' : 'noPage'\n    },\n    bgColor_() {\n      if (this.bgColor) return this.bgColor\n      return this._isColmo ? '#151617' : this._isDiablo ? '#101315' : '#ffffff'\n    },\n    resultType() {\n      return {\n        ...(Types[this.type_] ? Types[this.type_] : {}),\n        ...this.configuration\n      }\n    },\n    setPaddingTop() {\n      const paddingTop = this.paddingTop\n      return `${paddingTop}px`\n    }\n  },\n  methods: {\n    handleTouchEnd(e) {\n      // web上面有点击穿透问题\n      const { platform } = weex.config.env\n      platform === 'Web' && e.preventDefault && e.preventDefault()\n    },\n    onClick() {\n      this.$emit('dofResultButtonClicked', { ...this.configuration })\n    },\n    onSubClick() {\n      this.$emit('dofResultSubButtonClicked', { ...this.configuration })\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
+exports.push([module.i, "\n.wrapper[data-v-44d44e58] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.dof-result[data-v-44d44e58] {\n  /* width: 750px; */\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  /* background-color: #f9f9f9; */\n}\n.result-image[data-v-44d44e58] {\n  width: 4.26667rem;\n  height: 4.26667rem;\n}\n.result-image-new[data-v-44d44e58] {\n  width: 460x;\n  height: 5.12rem;\n}\n.result-content[data-v-44d44e58] {\n  margin-top: 0px;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.content-text[data-v-44d44e58] {\n  height: auto;\n  font-family: PingFangSC-Regular;\n  font-size: 0.37333rem;\n  color: #616c73;\n  letter-spacing: 0;\n  text-align: center;\n  line-height: 0.48rem;\n  width: 8rem;\n}\n.content-desc[data-v-44d44e58] {\n  margin-top: 0.10667rem;\n}\n.result-button[data-v-44d44e58] {\n  margin-top: 0.64rem;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n}\n.btn-sub-text[data-v-44d44e58] {\n  font-family: PingFangSC-Medium;\n  font-size: 0.37333rem;\n  color: #00a4f2;\n  letter-spacing: 0;\n  text-align: center;\n  line-height: 0.37333rem;\n  margin-top: 0.42667rem;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-result/index.vue?9062430c"],"names":[],"mappings":";AAkCA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;CACA;AAEA;EACA,mBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,gCAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,YAAA;EACA,gBAAA;CACA;AAEA;EACA,gBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,aAAA;EACA,gCAAA;EACA,sBAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,qBAAA;EACA,YAAA;CACA;AAEA;EACA,uBAAA;CACA;AAEA;EACA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;EACA,+BAAA;EACA,sBAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,wBAAA;EACA,uBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"wrapper\" v-if=\"show\" :style=\"wrapStyle\">\n    <div class=\"dof-result\" :style=\"{ top: setPaddingTop, backgroundColor: bgColor_ }\">\n      <image\n        :class=\"[isNewVersion ? 'result-image-new' : 'result-image']\"\n        :aria-hidden=\"true\"\n        :src=\"resultType.pic\"\n        :style=\"imgStyle\"\n      ></image>\n      <slot name=\"text\">\n        <div class=\"result-content\" v-if=\"resultType.content\">\n          <text class=\"content-text\">{{ resultType.content }}</text>\n          <text class=\"content-text content-desc\" v-if=\"resultType.desc\">{{ resultType.desc }}</text>\n        </div>\n      </slot>\n\n      <div class=\"result-button\" @touchend=\"handleTouchEnd\">\n        <slot name=\"button\">\n          <dof-button\n            v-if=\"resultType.button\"\n            size=\"medium\"\n            :btnStyle=\"{ width: 'auto', overflow: 'hidden', minWidth: '240px', maxWidth: '480px' }\"\n            :textStyle=\"{ textOverflow: 'none', maxWidth: '418px', marginLeft: 0, textAlign: 'center' }\"\n            :text=\"resultType.button\"\n            @dofButtonClicked=\"onClick\"\n          ></dof-button>\n        </slot>\n        <text class=\"btn-sub-text\" v-if=\"resultType.btnSubTitle\" @click=\"onSubClick\">{{ resultType.btnSubTitle }}</text>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.dof-result {\n  /* width: 750px; */\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  /* background-color: #f9f9f9; */\n}\n\n.result-image {\n  width: 320px;\n  height: 320px;\n}\n\n.result-image-new {\n  width: 460x;\n  height: 384px;\n}\n\n.result-content {\n  margin-top: 0px;\n  align-items: center;\n}\n\n.content-text {\n  height: auto;\n  font-family: PingFangSC-Regular;\n  font-size: 28px;\n  color: #616c73;\n  letter-spacing: 0;\n  text-align: center;\n  line-height: 36px;\n  width: 600px;\n}\n\n.content-desc {\n  margin-top: 8px;\n}\n\n.result-button {\n  margin-top: 48px;\n  align-items: center;\n  justify-content: center;\n}\n\n.btn-sub-text {\n  font-family: PingFangSC-Medium;\n  font-size: 28px;\n  color: #00a4f2;\n  letter-spacing: 0;\n  text-align: center;\n  line-height: 28px;\n  margin-top: 32px;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nimport DofButton from '../dof-button'\nimport imgs from './imgs'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\nimport Utils from '../utils/index.js'\n\nconst defaultPicBaseUrl = imageName => `meiju://common/emptyImage?imageName=${imageName}`\nconst isNewVersion = Utils.compareVersionNew('11.4.15')\nconst Types = {\n  noNetwork: {\n    pic: isNewVersion ? defaultPicBaseUrl('img_empty_02_disconnection') : imgs['noNetwork'],\n    content: '网络异常，请检查您的网络设置'\n    // button: '刷新'\n  },\n  noUpdate: {\n    pic: isNewVersion ? defaultPicBaseUrl('img_empty_03_update') : imgs['noUpdate'],\n    content: '当前版本较低',\n    desc: '请更新到最新版APP'\n  },\n  noPage: {\n    pic: isNewVersion ? defaultPicBaseUrl('img_empty_04_content') : imgs['noPage'],\n    content: '找不到页面'\n  },\n  colmo: {\n    pic: imgs['colmo']\n  }\n}\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: {\n    DofButton\n  },\n  props: {\n    type: {\n      type: String,\n      default: ''\n    },\n    configuration: {\n      type: Object,\n      default: () => ({})\n    },\n    show: {\n      type: Boolean,\n      default: true\n    },\n    wrapStyle: Object,\n    paddingTop: {\n      type: [Number, String],\n      default: '-80'\n    },\n    bgColor: {\n      type: String,\n      default: ''\n    },\n    imgStyle: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  computed: {\n    isNewVersion() {\n      return Utils.compareVersionNew('11.4.15')\n    },\n    type_() {\n      if (this.type) return this.type\n      return this._isColmo ? 'colmo' : 'noPage'\n    },\n    bgColor_() {\n      if (this.bgColor) return this.bgColor\n      return this._isColmo ? '#151617' : this._isDiablo ? '#101315' : '#ffffff'\n    },\n    resultType() {\n      return {\n        ...(Types[this.type_] ? Types[this.type_] : {}),\n        ...this.configuration\n      }\n    },\n    setPaddingTop() {\n      const paddingTop = this.paddingTop\n      return `${paddingTop}px`\n    }\n  },\n  methods: {\n    handleTouchEnd(e) {\n      // web上面有点击穿透问题\n      const { platform } = weex.config.env\n      platform === 'Web' && e.preventDefault && e.preventDefault()\n    },\n    onClick() {\n      this.$emit('dofResultButtonClicked', { ...this.configuration })\n    },\n    onSubClick() {\n      this.$emit('dofResultSubButtonClicked', { ...this.configuration })\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
 
 // exports
 
@@ -9957,7 +9972,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-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":""}]);
+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":""}]);
 
 // exports
 
@@ -20597,7 +20612,7 @@ exports.default = {
       // harmony
       if (_utils2.default.env.isHarmony()) return _extends({
         backgroundColor: backgroundColor,
-        height: +this.statusBarHeight + 44 + 'wx',
+        // height: +this.statusBarHeight + 44 + 'wx',
         'padding-top': this.statusBarHeight + 'wx'
       }, barStyle);
 
@@ -26044,6 +26059,16 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 var _dofButton = __webpack_require__(21);
 
@@ -26061,21 +26086,29 @@ var _diablo = __webpack_require__(4);
 
 var _diablo2 = _interopRequireDefault(_diablo);
 
+var _index = __webpack_require__(5);
+
+var _index2 = _interopRequireDefault(_index);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var defaultPicBaseUrl = function defaultPicBaseUrl(imageName) {
+  return 'meiju://common/emptyImage?imageName=' + imageName;
+};
+var isNewVersion = _index2.default.compareVersionNew('11.4.15');
 var Types = {
   noNetwork: {
-    pic: _imgs2.default['noNetwork'],
+    pic: isNewVersion ? defaultPicBaseUrl('img_empty_02_disconnection') : _imgs2.default['noNetwork'],
     content: '网络异常，请检查您的网络设置'
     // button: '刷新'
   },
   noUpdate: {
-    pic: _imgs2.default['noUpdate'],
+    pic: isNewVersion ? defaultPicBaseUrl('img_empty_03_update') : _imgs2.default['noUpdate'],
     content: '当前版本较低',
     desc: '请更新到最新版APP'
   },
   noPage: {
-    pic: _imgs2.default['noPage'],
+    pic: isNewVersion ? defaultPicBaseUrl('img_empty_04_content') : _imgs2.default['noPage'],
     content: '找不到页面'
   },
   colmo: {
@@ -26119,6 +26152,9 @@ exports.default = {
     }
   },
   computed: {
+    isNewVersion: function isNewVersion() {
+      return _index2.default.compareVersionNew('11.4.15');
+    },
     type_: function type_() {
       if (this.type) return this.type;
       return this._isColmo ? 'colmo' : 'noPage';
@@ -47686,7 +47722,8 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       "weex-type": "div"
     }
   }, [_c('figure', {
-    staticClass: "result-image weex-el weex-image",
+    staticClass: " weex-el weex-image",
+    class: [_vm.isNewVersion ? 'result-image-new' : 'result-image'],
     style: (_vm._px2rem(_vm.imgStyle, 75)),
     attrs: {
       "aria-hidden": true,