ai-read-over-mobile 0.0.2 → 0.0.3

package/components/demo/src/main.vue

@@ -1,5 +1,9 @@
 <template>
   <div class="ai-contain" v-if="visible">
+    <div
+        class="nav-top-space"
+        :style="`height: ${navTopHeight}px`"
+    ></div>
     <div class="ai-contain-header">
       <div class="header-left">
         <i class="el-icon-back" @click="closeMessage"></i>
@@ -129,6 +133,10 @@ export default {
     businessSource: {
       type: String,
       default: ''
+    },
+    navTopHeight: {
+      type: Number,
+      default: 0
     }
   },
   data() {
@@ -154,6 +162,17 @@ export default {
       showFeedback: false
     }
   },
+  computed: {
+    mainContentStyle() {
+      const baseHeight = this.activeKey === 'qaFile' && this.fileId
+          ? `calc(100% - 120px - 86px - 32px - ${this.navTopHeight}px)`
+          : `calc(100% - 180px - ${this.navTopHeight}px)`;
+
+      return {
+        height: baseHeight
+      };
+    }
+  },
   watch: {
     visible() {
       if (this.visible) {
@@ -767,6 +786,7 @@ export default {
         flex-basis: auto;
         min-width: unset;
         padding: 6px 8px;
+        height: 50px;
 
         .number {
           font-size: 16px;

package/dist/ai-read-over-mobile.common.js

@@ -6530,13 +6530,16 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/main.vue?vue&type=template&id=407c7afe&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/main.vue?vue&type=template&id=d850a75a&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.visible ? _c('div', {
     staticClass: "ai-contain"
   }, [_c('div', {
+    staticClass: "nav-top-space",
+    style: `height: ${_vm.navTopHeight}px`
+  }), _c('div', {
     staticClass: "ai-contain-header"
   }, [_c('div', {
     staticClass: "header-left"
@@ -6702,7 +6705,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=template&id=407c7afe&scoped=true
+;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=template&id=d850a75a&scoped=true
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/read-over.vue?vue&type=template&id=0b86011a&scoped=true
 var read_overvue_type_template_id_0b86011a_scoped_true_render = function render() {
@@ -12045,6 +12048,10 @@ var feedback_component = normalizeComponent(
     businessSource: {
       type: String,
       default: ''
+    },
+    navTopHeight: {
+      type: Number,
+      default: 0
     }
   },
   data() {
@@ -12070,6 +12077,14 @@ var feedback_component = normalizeComponent(
       showFeedback: false
     };
   },
+  computed: {
+    mainContentStyle() {
+      const baseHeight = this.activeKey === 'qaFile' && this.fileId ? `calc(100% - 120px - 86px - 32px - ${this.navTopHeight}px)` : `calc(100% - 180px - ${this.navTopHeight}px)`;
+      return {
+        height: baseHeight
+      };
+    }
+  },
   watch: {
     visible() {
       if (this.visible) {
@@ -12403,10 +12418,10 @@ var feedback_component = normalizeComponent(
 });
 ;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=script&lang=js
  /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/main.vue?vue&type=style&index=0&id=407c7afe&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/main.vue?vue&type=style&index=0&id=d850a75a&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=style&index=0&id=407c7afe&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=style&index=0&id=d850a75a&prod&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./components/demo/src/main.vue
 
@@ -12423,7 +12438,7 @@ var main_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "407c7afe",
+  "d850a75a",
   null
   
 )