@10yun/cv-mobile-ui 0.5.29 → 0.5.31

package/uview-plus/components/u-line/_doc/readme.md

@@ -0,0 +1,16 @@
+## u-line 线条
+
+> **组件名：u-line**
+
+该组件一般用于显示一根线条，用于分隔内容块，有横向和竖向两种模式，且能设置0.5px线条。
+
+## [查看文档](https://ijry.github.io/uview-plus/components/line.html)
+
+## [更多组件, 请查看 `u-ui` 组件库](https://ext.dcloud.net.cn/plugin?name=u--ui)
+(请勿下载插件zip)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=u--ui">
+	<img src="https://wuui.cn/intr.png">
+</a>
+
+**如使用过程中有任何问题，或者您对u-ui有一些好的建议。<br>欢迎加入 [u-ui 交流群](https://ijry.github.io/uview-plus/components/qqFeedBack.html)**

package/uview-plus/components/u-line/u-line.vue

@@ -17,7 +17,7 @@ import { addUnit, addStyle, deepMerge } from '../../libs/function/index';
  * @property {String | Number}	margin		线条与上下左右元素的间距，字符串形式，如"30px"  (默认 0 )
  * @property {Boolean}			dashed		是否虚线，true-虚线，false-实线 (默认 false )
  * @property {Object}			customStyle	定义需要用到的外部样式
- * @example <u-line color="red"></u-line>
+ * @example <up-line color="red"></up-line>
  */
 export default {
   name: 'u-line',

package/uview-plus/components/u-line-progress/u-line-progress.vue

@@ -35,7 +35,7 @@ const dom = uni.requireNativePlugin('dom');
  * @property {Boolean}			showText		是否在进度条内部显示百分比的值 ( 默认 true )
  * @property {String | Number}	height			进度条的高度，单位px ( 默认 12 )
  *
- * @example <u-line-progress :percent="70" :show-percent="true"></u-line-progress>
+ * @example <up-line-progress :percent="70" :show-percent="true"></up-line-progress>
  */
 export default {
   name: 'u-line-progress',

package/uview-plus/components/u-link/_doc/changelog.md

@@ -0,0 +1,8 @@
+## 1.0.3（2024-05-08）
+更新域名
+## 1.0.2（2023-08-21）
+修复无默认颜色bug
+## 1.0.1（2023-08-10）
+修复链接依赖引入错误
+## 1.0.0（2023-08-10）
+超链接组件，在不同平台有不同表现形式。

package/uview-plus/components/u-link/_doc/package.json

@@ -0,0 +1,86 @@
+{
+  "id": "u-link",
+  "displayName": "u-link 超链接，全端兼容，无论平台，一致体验",
+  "version": "1.0.3",
+  "description": "u-link是超链接组件，在不同平台有不同表现形式。",
+  "keywords": [
+    "u-link",
+    "wuui",
+    "u-ui",
+    "全端兼容",
+    "超链接"
+  ],
+  "repository": "",
+  "engines": {
+    "HBuilderX": "^3.4.15"
+  },
+  "dcloudext": {
+    "type": "component-vue",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "插件不采集任何数据",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y",
+          "钉钉": "n",
+          "快手": "n",
+          "飞书": "n",
+          "京东": "n"
+        },
+        "快应用": {
+          "华为": "n",
+          "联盟": "n"
+        }
+      }
+    }
+  }
+}

package/uview-plus/components/u-link/_doc/readme.md

@@ -0,0 +1,20 @@
+## u-link 超链接
+
+> **组件名：u-link**
+
+该组件为超链接组件，在不同平台有不同表现形式：
+
++ 在APP平台会通过plus环境打开内置浏览器
++ 在小程序中把链接复制到粘贴板，同时提示信息
++ 在H5中通过window.open打开链接
+
+## [查看文档](https://ijry.github.io/uview-plus/components/link.html)
+
+## [更多组件, 请查看 `u-ui` 组件库](https://ext.dcloud.net.cn/plugin?name=u--ui)
+(请勿下载插件zip)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=u--ui">
+	<img src="https://wuui.cn/intr.png">
+</a>
+
+**如使用过程中有任何问题，或者您对u-ui有一些好的建议。<br>欢迎加入 [u-ui 交流群](https://ijry.github.io/uview-plus/components/qqFeedBack.html)**

package/uview-plus/components/u-link/u-link.vue

@@ -19,7 +19,7 @@ import { addStyle, addUnit, getPx, toast } from '../../libs/function/index';
  * @property {String}			text		超链接的问题，不使用slot形式传入，是因为nvue下无法修改颜色
  * @property {Object}			customStyle	定义需要用到的外部样式
  *
- * @example <u-link href="http://www.uviewui.com">蜀道难，难于上青天</u-link>
+ * @example <up-link href="http://www.uviewui.com">蜀道难，难于上青天</up-link>
  */
 export default {
   name: 'u-link',

package/uview-plus/components/u-list/u-list.vue

@@ -73,7 +73,7 @@ const dom = uni.requireNativePlugin('dom');
  * @property {String ｜ Number}	preLoadScreen		列表前后预渲染的屏数，1代表一个屏幕的高度，1.5代表1个半屏幕高度  （默认 1 ）
  * @property {Object}			customStyle			定义需要用到的外部样式
  *
- * @example <u-list @scrolltolower="scrolltolower"></u-list>
+ * @example <up-list @scrolltolower="scrolltolower"></up-list>
  */
 export default {
   name: 'u-list',

package/uview-plus/components/u-list-item/u-list-item.vue

@@ -22,7 +22,7 @@ const dom = uni.requireNativePlugin('dom');
  * @description 该组件为高性能列表组件
  * @tutorial https://ijry.github.io/uview-plus/components/list.html
  * @property {String | Number}	anchor	用于滚动到指定item
- * @example <u-list-ite v-for="(item, index) in indexList" :key="index" ></u-list-item>
+ * @example <up-list-ite v-for="(item, index) in indexList" :key="index" ></up-list-item>
  */
 export default {
   name: 'u-list-item',

package/uview-plus/components/u-loading-icon/_doc/changelog.md

@@ -0,0 +1,12 @@
+## 1.0.5（2024-05-08）
+更新域名
+## 1.0.4（2023-08-21）
+更新组件说明
+## 1.0.3（2023-08-15）
+修复插件api错误
+## 1.0.2（2023-08-08）
+增加说明
+## 1.0.1（2023-08-04）
+u-loading-icon 加载动画  全面兼容小程序、nvue、vue2、vue3等多端
+## 1.0.0（2023-08-01）
+u-loading-icon 加载动画  全面兼容小程序、nvue、vue2、vue3等多端

package/uview-plus/components/u-loading-icon/_doc/package.json

@@ -0,0 +1,86 @@
+{
+  "id": "u-loading-icon",
+  "displayName": "u-loading-icon 加载动画  全面兼容小程序、nvue、vue2、vue3等多端",
+  "version": "1.0.5",
+  "description": "u-loading-icon 此组件为一个小动画，目前用在u-ui的loadMore加载更多等组件的正在加载状态场景。",
+  "keywords": [
+    "u-loading-icon",
+    "wuui",
+    "u-ui",
+    "loading",
+    "加载动画"
+  ],
+  "repository": "",
+  "engines": {
+    "HBuilderX": "^3.1.0"
+  },
+  "dcloudext": {
+    "type": "component-vue",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "插件不采集任何数据",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y",
+          "钉钉": "u",
+          "快手": "u",
+          "飞书": "u",
+          "京东": "u"
+        },
+        "快应用": {
+          "华为": "u",
+          "联盟": "u"
+        }
+      }
+    }
+  }
+}

package/uview-plus/components/u-loading-icon/_doc/readme.md

@@ -0,0 +1,16 @@
+## LoadingIcon 加载动画
+
+> **组件名：u-loading-icon**
+
+此组件为一个小动画，目前用在u-ui的loadMore加载更多等组件的正在加载状态场景。
+
+### <a href="https://ijry.github.io/uview-plus/components/loadingIcon" target="_blank">查看文档</a>
+
+## [更多组件, 请查看 `u-ui` 组件库](https://ext.dcloud.net.cn/plugin?name=u--ui)
+(请勿下载插件zip)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=u--ui">
+	<img src="https://wuui.cn/intr.png">
+</a>
+
+**如使用过程中有任何问题，或者您对u-ui有一些好的建议。<br>欢迎加入 [u-ui 交流群](https://ijry.github.io/uview-plus/components/qqFeedBack.html)**

package/uview-plus/components/u-loading-icon/props.js

@@ -42,7 +42,7 @@ export const props = defineMixin({
       type: [String, Number],
       default: () => defProps.loadingIcon.text
     },
-    // 动画模式
+    // 动画模式 https://www.runoob.com/cssref/css3-pr-animation-timing-function.html
     timingFunction: {
       type: String,
       default: () => defProps.loadingIcon.timingFunction

package/uview-plus/components/u-loading-icon/u-loading-icon.vue

@@ -1,3 +1,191 @@
-<template>
  <view class="u-loading-icon" :style="[addStyle(customStyle)]" :class="[vertical && 'u-loading-icon--vertical']" v-if="show">
    <view
      v-if="!webviewHide"
      class="u-loading-icon__spinner"
      :class="[`u-loading-icon__spinner--${mode}`]"
      ref="ani"
      :style="{
        color: color,
        width: addUnit(size),
        height: addUnit(size),
        borderTopColor: color,
        borderBottomColor: otherBorderColor,
        borderLeftColor: otherBorderColor,
        borderRightColor: otherBorderColor,
        'animation-duration': `${duration}ms`,
        'animation-timing-function': mode === 'semicircle' || mode === 'circle' ? timingFunction : ''
      }"
    >
      <block v-if="mode === 'spinner'">
        <!-- #ifndef APP-NVUE -->
        <view v-for="(item, index) in array12" :key="index" class="u-loading-icon__dot"></view>
        <!-- #endif -->
        <!-- #ifdef APP-NVUE -->
        <!-- 此组件内部图标部分无法设置宽高，即使通过width和height配置了也无效 -->
        <loading-indicator
          v-if="!webviewHide"
          class="u-loading-indicator"
          :animating="true"
          :style="{
            color: color,
            width: addUnit(size),
            height: addUnit(size)
          }"
        />
        <!-- #endif -->
      </block>
    </view>
    <text
      v-if="text"
      class="u-loading-icon__text"
      :style="{
        fontSize: addUnit(textSize),
        color: textColor
      }"
    >
      {{ text }}
    </text>
  </view>
 * loading 加载动画
 * @description 警此组件为一个小动画，目前用在uView的loadmore加载更多和switch开关等组件的正在加载状态场景。
 * @tutorial https://ijry.github.io/uview-plus/components/loading.html
 * @property {Boolean}			show			是否显示组件  (默认 true)
 * @property {String}			color			动画活动区域的颜色，只对 mode = flower 模式有效（默认color['u-tips-color']）
 * @property {String}			textColor		提示文本的颜色（默认color['u-tips-color']）
 * @property {Boolean}			vertical		文字和图标是否垂直排列 (默认 false )
 * @property {String}			mode			模式选择，见官网说明（默认 'circle' ）
 * @property {String | Number}	size			加载图标的大小，单位px （默认 24 ）
 * @property {String | Number}	textSize		文字大小（默认 15 ）
 * @property {String | Number}	text			文字内容
 * @property {String}			timingFunction	动画模式 （默认 'ease-in-out' ）
 * @property {String | Number}	duration		动画执行周期时间（默认 1200）
 * @property {String}			inactiveColor	mode=circle时的暗边颜色
 * @property {Object}			customStyle		定义需要用到的外部样式
 * @example <u-loading mode="circle"></u-loading>
 */
  name: 'u-loading-icon',
  mixins: [mpMixin, mixin, props],
  data() {
    return {
      // Array.form可以通过一个伪数组对象创建指定长度的数组
      // https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from
      array12: Array.from({
        length: 12
      }),
      // 这里需要设置默认值为360，否则在安卓nvue上，会延迟一个duration周期后才执行
      // 在iOS nvue上，则会一开始默认执行两个周期的动画
      aniAngel: 360, // 动画旋转角度
      webviewHide: false, // 监听webview的状态，如果隐藏了页面，则停止动画，以免性能消耗
      loading: false // 是否运行中，针对nvue使用
    };
  },
  computed: {
    // 当为circle类型时，给其另外三边设置一个更轻一些的颜色
    // 之所以需要这么做的原因是，比如父组件传了color为红色，那么需要另外的三个边为浅红色
    // 而不能是固定的某一个其他颜色(因为这个固定的颜色可能浅蓝，导致效果没有那么细腻良好)
    otherBorderColor() {
      const lightColor = colorGradient(this.color, '#ffffff', 100)[80];
      if (this.mode === 'circle') {
        return this.inactiveColor ? this.inactiveColor : lightColor;
      } else {
        return 'transparent';
      }
      // return this.mode === 'circle' ? this.inactiveColor ? this.inactiveColor : lightColor : 'transparent'
    }
  },
  watch: {
    show(n) {
      // nvue中，show为true，且为非loading状态，就重新执行动画模块
      // #ifdef APP-NVUE
      if (n && !this.loading) {
        setTimeout(() => {
          this.startAnimate();
        }, 30);
      }
      // #endif
    }
  },
  mounted() {
    this.init();
  },
  methods: {
    addUnit,
    addStyle,
    init() {
      setTimeout(() => {
        // #ifdef APP-NVUE
        this.show && this.nvueAnimate();
        // #endif
        // #ifdef APP-PLUS
        this.show && this.addEventListenerToWebview();
        // #endif
      }, 20);
    },
    // 监听webview的显示与隐藏
    addEventListenerToWebview() {
      // webview的堆栈
      const pages = getCurrentPages();
      // 当前页面
      const page = pages[pages.length - 1];
      // 当前页面的webview实例
      const currentWebview = page.$getAppWebview();
      // 监听webview的显示与隐藏，从而停止或者开始动画(为了性能)
      currentWebview.addEventListener('hide', () => {
        this.webviewHide = true;
      });
      currentWebview.addEventListener('show', () => {
        this.webviewHide = false;
      });
    },
    // #ifdef APP-NVUE
    nvueAnimate() {
      // nvue下，非spinner类型时才需要旋转，因为nvue的spinner类型，使用了weex的
      // loading-indicator组件，自带旋转功能
      this.mode !== 'spinner' && this.startAnimate();
    },
    // 执行nvue的animate模块动画
    startAnimate() {
      this.loading = true;
      const ani = this.$refs.ani;
      if (!ani) return;
      animation.transition(
        ani,
        {
          // 进行角度旋转
          styles: {
            transform: `rotate(${this.aniAngel}deg)`,
            transformOrigin: 'center center'
          },
          duration: this.duration,
          timingFunction: this.timingFunction
          // delay: 10
        },
        () => {
          // 每次增加360deg，为了让其重新旋转一周
          this.aniAngel += 360;
          // 动画结束后，继续循环执行动画，需要同时判断webviewHide变量
          // nvue安卓，页面隐藏后依然会继续执行startAnimate方法
          this.show && !this.webviewHide ? this.startAnimate() : (this.loading = false);
        }
      );
    }
    // #endif
  }
-@import './style.css';
-</style>
+<template>
+  <view class="u-loading-icon" :style="[addStyle(customStyle)]" :class="[vertical && 'u-loading-icon--vertical']" v-if="show">
+    <view
+      v-if="!webviewHide"
+      class="u-loading-icon__spinner"
+      :class="[`u-loading-icon__spinner--${mode}`]"
+      ref="ani"
+      :style="{
+        color: color,
+        width: addUnit(size),
+        height: addUnit(size),
+        borderTopColor: color,
+        borderBottomColor: otherBorderColor,
+        borderLeftColor: otherBorderColor,
+        borderRightColor: otherBorderColor,
+        'animation-duration': `${duration}ms`,
+        'animation-timing-function': mode === 'semicircle' || mode === 'circle' ? timingFunction : ''
+      }"
+    >
+      <block v-if="mode === 'spinner'">
+        <!-- #ifndef APP-NVUE -->
+        <view v-for="(item, index) in array12" :key="index" class="u-loading-icon__dot"></view>
+        <!-- #endif -->
+        <!-- #ifdef APP-NVUE -->
+        <!-- 此组件内部图标部分无法设置宽高，即使通过width和height配置了也无效 -->
+        <loading-indicator
+          v-if="!webviewHide"
+          class="u-loading-indicator"
+          :animating="true"
+          :style="{
+            color: color,
+            width: addUnit(size),
+            height: addUnit(size)
+          }"
+        />
+        <!-- #endif -->
+      </block>
+    </view>
+    <text
+      v-if="text"
+      class="u-loading-icon__text"
+      :style="{
+        fontSize: addUnit(textSize),
+        color: textColor
+      }"
+    >
+      {{ text }}
+    </text>
+  </view>
+</template>
+<script>
+import { props } from './props';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import { addUnit, addStyle } from '../../libs/function/index';
+import { colorGradient } from '../../libs/function/colorGradient';
+// #ifdef APP-NVUE
+const animation = weex.requireModule('animation');
+// #endif
+/**
+ * loading 加载动画
+ * @description 警此组件为一个小动画，目前用在uView的loadmore加载更多和switch开关等组件的正在加载状态场景。
+ * @tutorial https://ijry.github.io/uview-plus/components/loading.html
+ * @property {Boolean}			show			是否显示组件  (默认 true)
+ * @property {String}			color			动画活动区域的颜色，只对 mode = flower 模式有效（默认color['u-tips-color']）
+ * @property {String}			textColor		提示文本的颜色（默认color['u-tips-color']）
+ * @property {Boolean}			vertical		文字和图标是否垂直排列 (默认 false )
+ * @property {String}			mode			模式选择，见官网说明（默认 'circle' ）
+ * @property {String | Number}	size			加载图标的大小，单位px （默认 24 ）
+ * @property {String | Number}	textSize		文字大小（默认 15 ）
+ * @property {String | Number}	text			文字内容
+ * @property {String}			timingFunction	动画模式 （默认 'ease-in-out' ）
+ * @property {String | Number}	duration		动画执行周期时间（默认 1200）
+ * @property {String}			inactiveColor	mode=circle时的暗边颜色
+ * @property {Object}			customStyle		定义需要用到的外部样式
+ * @example <up-loading mode="circle"></up-loading>
+ */
+export default {
+  name: 'u-loading-icon',
+  mixins: [mpMixin, mixin, props],
+  data() {
+    return {
+      // Array.form可以通过一个伪数组对象创建指定长度的数组
+      // https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from
+      array12: Array.from({
+        length: 12
+      }),
+      // 这里需要设置默认值为360，否则在安卓nvue上，会延迟一个duration周期后才执行
+      // 在iOS nvue上，则会一开始默认执行两个周期的动画
+      aniAngel: 360, // 动画旋转角度
+      webviewHide: false, // 监听webview的状态，如果隐藏了页面，则停止动画，以免性能消耗
+      loading: false // 是否运行中，针对nvue使用
+    };
+  },
+  computed: {
+    // 当为circle类型时，给其另外三边设置一个更轻一些的颜色
+    // 之所以需要这么做的原因是，比如父组件传了color为红色，那么需要另外的三个边为浅红色
+    // 而不能是固定的某一个其他颜色(因为这个固定的颜色可能浅蓝，导致效果没有那么细腻良好)
+    otherBorderColor() {
+      const lightColor = colorGradient(this.color, '#ffffff', 100)[80];
+      if (this.mode === 'circle') {
+        return this.inactiveColor ? this.inactiveColor : lightColor;
+      } else {
+        return 'transparent';
+      }
+      // return this.mode === 'circle' ? this.inactiveColor ? this.inactiveColor : lightColor : 'transparent'
+    }
+  },
+  watch: {
+    show(n) {
+      // nvue中，show为true，且为非loading状态，就重新执行动画模块
+      // #ifdef APP-NVUE
+      if (n && !this.loading) {
+        setTimeout(() => {
+          this.startAnimate();
+        }, 30);
+      }
+      // #endif
+    }
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    addUnit,
+    addStyle,
+    init() {
+      setTimeout(() => {
+        // #ifdef APP-NVUE
+        this.show && this.nvueAnimate();
+        // #endif
+        // #ifdef APP-PLUS
+        this.show && this.addEventListenerToWebview();
+        // #endif
+      }, 20);
+    },
+    // 监听webview的显示与隐藏
+    addEventListenerToWebview() {
+      // webview的堆栈
+      const pages = getCurrentPages();
+      // 当前页面
+      const page = pages[pages.length - 1];
+      // 当前页面的webview实例
+      const currentWebview = page.$getAppWebview();
+      // 监听webview的显示与隐藏，从而停止或者开始动画(为了性能)
+      currentWebview.addEventListener('hide', () => {
+        this.webviewHide = true;
+      });
+      currentWebview.addEventListener('show', () => {
+        this.webviewHide = false;
+      });
+    },
+    // #ifdef APP-NVUE
+    nvueAnimate() {
+      // nvue下，非spinner类型时才需要旋转，因为nvue的spinner类型，使用了weex的
+      // loading-indicator组件，自带旋转功能
+      this.mode !== 'spinner' && this.startAnimate();
+    },
+    // 执行nvue的animate模块动画
+    startAnimate() {
+      this.loading = true;
+      const ani = this.$refs.ani;
+      if (!ani) return;
+      animation.transition(
+        ani,
+        {
+          // 进行角度旋转
+          styles: {
+            transform: `rotate(${this.aniAngel}deg)`,
+            transformOrigin: 'center center'
+          },
+          duration: this.duration,
+          timingFunction: this.timingFunction
+          // delay: 10
+        },
+        () => {
+          // 每次增加360deg，为了让其重新旋转一周
+          this.aniAngel += 360;
+          // 动画结束后，继续循环执行动画，需要同时判断webviewHide变量
+          // nvue安卓，页面隐藏后依然会继续执行startAnimate方法
+          this.show && !this.webviewHide ? this.startAnimate() : (this.loading = false);
+        }
+      );
+    }
+    // #endif
+  }
+};
+</script>
+<style scoped>
+@import './style.css';
+</style>