From f4991944d13b94355fb8aaf03dad7d60ca530ee9 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Thu, 30 Nov 2023 16:36:45 +0800
Subject: [PATCH] fix:是否修改
---
uni_modules/uview-ui/components/u-loading-page/u-loading-page.vue | 115 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 115 insertions(+), 0 deletions(-)
diff --git a/uni_modules/uview-ui/components/u-loading-page/u-loading-page.vue b/uni_modules/uview-ui/components/u-loading-page/u-loading-page.vue
new file mode 100644
index 0000000..03a78ad
--- /dev/null
+++ b/uni_modules/uview-ui/components/u-loading-page/u-loading-page.vue
@@ -0,0 +1,115 @@
+<template>
+ <u-transition
+ :show="loading"
+ :custom-style="{
+ position: 'fixed',
+ top: 0,
+ left: 0,
+ right: 0,
+ bottom: 0,
+ backgroundColor: bgColor,
+ display: 'flex',
+ }"
+ >
+ <view class="u-loading-page">
+ <view class="u-loading-page__warpper">
+ <view class="u-loading-page__warpper__loading-icon">
+ <image
+ v-if="image"
+ :src="image"
+ class="u-loading-page__warpper__loading-icon__img"
+ mode="widthFit"
+ :style="{
+ width: $u.addUnit(iconSize),
+ height: $u.addUnit(iconSize)
+ }"
+ ></image>
+ <u-loading-icon
+ v-else
+ :mode="loadingMode"
+ :size="$u.addUnit(iconSize)"
+ :color="loadingColor"
+ ></u-loading-icon>
+ </view>
+ <slot>
+ <text
+ class="u-loading-page__warpper__text"
+ :style="{
+ fontSize: $u.addUnit(fontSize),
+ color: color,
+ }"
+ >{{ loadingText }}</text
+ >
+ </slot>
+ </view>
+ </view>
+ </u-transition>
+</template>
+
+<script>
+import props from "./props.js";
+/**
+ * loadingPage ������������
+ * @description ���������������������������������������������uView���loadmore���������������switch���������������������������������������������
+ * @tutorial https://www.uviewui.com/components/loading.html
+ * @property {String | Number} loadingText ������������ (������ '������������' )
+ * @property {String} image ������������������������loading���������������
+ * @property {String} loadingMode ������������������������circle-���������spinner-������������semicircle-��������� ��������� 'circle' ���
+ * @property {Boolean} loading ��������������� ��������� false ���
+ * @property {String} bgColor ��������� ��������� '#ffffff' ���
+ * @property {String} color ������������ ��������� '#C8C8C8' ���
+ * @property {String | Number} fontSize ������������ ��������� 19 ���
+ * @property {String | Number} iconSize ������������ ��������� 28 ���
+ * @property {String} loadingColor ���������������������������������rgb��������������������������� ��������� '#C8C8C8' ���
+ * @property {Object} customStyle ���������������
+ * @example <u-loading mode="circle"></u-loading>
+ */
+export default {
+ name: "u-loading-page",
+ mixins: [uni.$u.mpMixin, uni.$u.mixin, props],
+ data() {
+ return {};
+ },
+ methods: {},
+};
+</script>
+
+<style lang="scss" scoped>
+@import "../../libs/css/components.scss";
+
+$text-color: rgb(200, 200, 200) !default;
+$text-size: 19px !default;
+$u-loading-icon-margin-bottom: 10px !default;
+
+.u-loading-page {
+ @include flex(column);
+ flex: 1;
+ align-items: center;
+ justify-content: center;
+
+ &__warpper {
+ margin-top: -150px;
+ justify-content: center;
+ align-items: center;
+ /* #ifndef APP-NVUE */
+ color: $text-color;
+ font-size: $text-size;
+ /* #endif */
+ @include flex(column);
+
+ &__loading-icon {
+ margin-bottom: $u-loading-icon-margin-bottom;
+
+ &__img {
+ width: 40px;
+ height: 40px;
+ }
+ }
+
+ &__text {
+ font-size: $text-size;
+ color: $text-color;
+ }
+ }
+}
+</style>
--
Gitblit v1.8.0