添加新文件

unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loading-page/props.js

@@ -0,0 +1,59 @@
+"use strict";
+const uni_modules_uviewPlus_libs_vue = require("../../libs/vue.js");
+const uni_modules_uviewPlus_libs_config_props = require("../../libs/config/props.js");
+const props = uni_modules_uviewPlus_libs_vue.defineMixin({
+  props: {
+    // 提示内容
+    loadingText: {
+      type: [String, Number],
+      default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.loadingText
+    },
+    // 文字上方用于替换loading动画的图片
+    image: {
+      type: String,
+      default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.image
+    },
+    // 加载动画的模式，circle-圆形，spinner-花朵形，semicircle-半圆形
+    loadingMode: {
+      type: String,
+      default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.loadingMode
+    },
+    // 是否加载中
+    loading: {
+      type: Boolean,
+      default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.loading
+    },
+    // 背景色
+    bgColor: {
+      type: String,
+      default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.bgColor
+    },
+    // 文字颜色
+    color: {
+      type: String,
+      default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.color
+    },
+    // 文字大小
+    fontSize: {
+      type: [String, Number],
+      default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.fontSize
+    },
+    // 图标大小
+    iconSize: {
+      type: [String, Number],
+      default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.fontSize
+    },
+    // 加载中图标的颜色，只能rgb或者十六进制颜色值
+    loadingColor: {
+      type: String,
+      default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.loadingColor
+    },
+    // 层级
+    zIndex: {
+      type: [Number],
+      default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.zIndex
+    }
+  }
+});
+exports.props = props;
+//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/uni_modules/uview-plus/components/u-loading-page/props.js.map

unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loading-page/u-loading-page.js

@@ -0,0 +1,62 @@
+"use strict";
+const uni_modules_uviewPlus_components_uLoadingPage_props = require("./props.js");
+const uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js");
+const uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js");
+const uni_modules_uviewPlus_libs_function_index = require("../../libs/function/index.js");
+const common_vendor = require("../../../../common/vendor.js");
+const _sfc_main = {
+  name: "u-loading-page",
+  mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uLoadingPage_props.props],
+  data() {
+    return {};
+  },
+  methods: {
+    addUnit: uni_modules_uviewPlus_libs_function_index.addUnit
+  }
+};
+if (!Array) {
+  const _easycom_u_loading_icon2 = common_vendor.resolveComponent("u-loading-icon");
+  const _easycom_u_transition2 = common_vendor.resolveComponent("u-transition");
+  (_easycom_u_loading_icon2 + _easycom_u_transition2)();
+}
+const _easycom_u_loading_icon = () => "../u-loading-icon/u-loading-icon.js";
+const _easycom_u_transition = () => "../u-transition/u-transition.js";
+if (!Math) {
+  (_easycom_u_loading_icon + _easycom_u_transition)();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: _ctx.image
+  }, _ctx.image ? {
+    b: _ctx.image,
+    c: $options.addUnit(_ctx.iconSize),
+    d: $options.addUnit(_ctx.iconSize)
+  } : {
+    e: common_vendor.p({
+      mode: _ctx.loadingMode,
+      size: $options.addUnit(_ctx.iconSize),
+      color: _ctx.loadingColor
+    })
+  }, {
+    f: common_vendor.t(_ctx.loadingText),
+    g: $options.addUnit(_ctx.fontSize),
+    h: _ctx.color,
+    i: common_vendor.p({
+      show: _ctx.loading,
+      ["custom-style"]: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: _ctx.bgColor,
+        display: "flex",
+        zIndex: _ctx.zIndex,
+        ..._ctx.customStyle
+      }
+    })
+  });
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9c9e88a3"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/uni_modules/uview-plus/components/u-loading-page/u-loading-page.js.map

unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loading-page/u-loading-page.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "u-loading-icon": "../u-loading-icon/u-loading-icon",
+    "u-transition": "../u-transition/u-transition"
+  }
+}

unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loading-page/u-loading-page.wxml

@@ -0,0 +1 @@
+<u-transition wx:if="{{i}}" class="data-v-9c9e88a3" u-s="{{['d']}}" u-i="9c9e88a3-0" bind:__l="__l" u-p="{{i}}"><view class="u-loading-page data-v-9c9e88a3"><view class="u-loading-page__warpper data-v-9c9e88a3"><view class="u-loading-page__warpper__loading-icon data-v-9c9e88a3"><image wx:if="{{a}}" src="{{b}}" class="u-loading-page__warpper__loading-icon__img data-v-9c9e88a3" mode="widthFit" style="{{'width:' + c + ';' + ('height:' + d)}}"></image><u-loading-icon wx:else class="data-v-9c9e88a3" u-i="9c9e88a3-1,9c9e88a3-0" bind:__l="__l" u-p="{{e||''}}"></u-loading-icon></view><block wx:if="{{$slots.d}}"><slot></slot></block><block wx:else><text class="u-loading-page__warpper__text data-v-9c9e88a3" style="{{'font-size:' + g + ';' + ('color:' + h)}}">{{f}}</text></block></view></view></u-transition>

unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loading-page/u-loading-page.wxss

@@ -0,0 +1,75 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/* uni.scss */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+.u-empty.data-v-9c9e88a3,
+.u-empty__wrap.data-v-9c9e88a3,
+.u-tabs.data-v-9c9e88a3,
+.u-tabs__wrapper.data-v-9c9e88a3,
+.u-tabs__wrapper__scroll-view-wrapper.data-v-9c9e88a3,
+.u-tabs__wrapper__scroll-view.data-v-9c9e88a3,
+.u-tabs__wrapper__nav.data-v-9c9e88a3,
+.u-tabs__wrapper__nav__line.data-v-9c9e88a3,
+.up-empty.data-v-9c9e88a3,
+.up-empty__wrap.data-v-9c9e88a3,
+.up-tabs.data-v-9c9e88a3,
+.up-tabs__wrapper.data-v-9c9e88a3,
+.up-tabs__wrapper__scroll-view-wrapper.data-v-9c9e88a3,
+.up-tabs__wrapper__scroll-view.data-v-9c9e88a3,
+.up-tabs__wrapper__nav.data-v-9c9e88a3,
+.up-tabs__wrapper__nav__line.data-v-9c9e88a3 {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  flex-grow: 0;
+  flex-basis: auto;
+  align-items: stretch;
+  align-content: flex-start;
+}
+.u-loading-page.data-v-9c9e88a3 {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+}
+.u-loading-page__warpper.data-v-9c9e88a3 {
+  margin-top: -150px;
+  justify-content: center;
+  align-items: center;
+  color: #c8c8c8;
+  font-size: 19px;
+  display: flex;
+  flex-direction: column;
+}
+.u-loading-page__warpper__loading-icon.data-v-9c9e88a3 {
+  margin-bottom: 10px;
+}
+.u-loading-page__warpper__loading-icon__img.data-v-9c9e88a3 {
+  width: 40px;
+  height: 40px;
+}
+.u-loading-page__warpper__text.data-v-9c9e88a3 {
+  font-size: 19px;
+  color: #c8c8c8;
+}