From 52f1a09e774faea7e89d51a51c2739e1464bc964 Mon Sep 17 00:00:00 2001 From: dexterdai Date: Wed, 29 May 2024 18:08:20 +0800 Subject: [PATCH 1/4] =?UTF-8?q?loading=20plugin=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style/mobile/components/loading/_index.less | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/style/mobile/components/loading/_index.less b/style/mobile/components/loading/_index.less index c3f291fcec..1573ac4801 100644 --- a/style/mobile/components/loading/_index.less +++ b/style/mobile/components/loading/_index.less @@ -111,6 +111,23 @@ animation: none; } } + + &__parent--relative { + position: relative !important; + } + &--lock { + overflow: hidden; + } + &__container { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + } } .generate-spinner(@n, @i: 1) when (@i =< @n) { From 87b40d9683f75d0cdb717f9cce062e2c13c6f47b Mon Sep 17 00:00:00 2001 From: dexterdai Date: Mon, 3 Jun 2024 10:33:27 +0800 Subject: [PATCH 2/4] =?UTF-8?q?=E5=8E=BB=E9=99=A4!important?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style/mobile/components/loading/_index.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style/mobile/components/loading/_index.less b/style/mobile/components/loading/_index.less index 1573ac4801..aaff2f5f95 100644 --- a/style/mobile/components/loading/_index.less +++ b/style/mobile/components/loading/_index.less @@ -113,7 +113,7 @@ } &__parent--relative { - position: relative !important; + position: relative; } &--lock { overflow: hidden; From d7dd65e2ce373690f6e2f68627fc0812b9dd889c Mon Sep 17 00:00:00 2001 From: dexterdai Date: Thu, 6 Jun 2024 14:50:53 +0800 Subject: [PATCH 3/4] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dstylelint=E8=AD=A6?= =?UTF-8?q?=E5=91=8A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style/mobile/components/loading/_index.less | 2 ++ 1 file changed, 2 insertions(+) diff --git a/style/mobile/components/loading/_index.less b/style/mobile/components/loading/_index.less index aaff2f5f95..11241b5ec3 100644 --- a/style/mobile/components/loading/_index.less +++ b/style/mobile/components/loading/_index.less @@ -115,9 +115,11 @@ &__parent--relative { position: relative; } + &--lock { overflow: hidden; } + &__container { position: absolute; top: 0; From 34f40e941848eea294dfa2ffa0da14de0407b089 Mon Sep 17 00:00:00 2001 From: dexterdai Date: Tue, 11 Jun 2024 15:42:44 +0800 Subject: [PATCH 4/4] feat/mobile/loading --- style/mobile/components/loading/_index.less | 23 ++++++++++++++++++--- style/mobile/components/loading/_var.less | 2 ++ 2 files changed, 22 insertions(+), 3 deletions(-) diff --git a/style/mobile/components/loading/_index.less b/style/mobile/components/loading/_index.less index 11241b5ec3..4a8c60668d 100644 --- a/style/mobile/components/loading/_index.less +++ b/style/mobile/components/loading/_index.less @@ -120,15 +120,32 @@ overflow: hidden; } - &__container { + &--full { + z-index: @z-index-loading; position: absolute; top: 0; left: 0; - width: 100%; - height: 100%; + bottom: 0; + right: 0; display: flex; align-items: center; + vertical-align: middle; justify-content: center; + background-color: @loading-full-bg-color; + } + + &--fullscreen { + position: fixed; + display: flex; + align-items: center; + vertical-align: middle; + justify-content: center; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: @z-index-loading; + background-color: @loading-full-bg-color; } } diff --git a/style/mobile/components/loading/_var.less b/style/mobile/components/loading/_var.less index 5b46a18964..6c3bcc8a8f 100644 --- a/style/mobile/components/loading/_var.less +++ b/style/mobile/components/loading/_var.less @@ -7,3 +7,5 @@ @loading-text-line-height: var(--td-loading-text-line-height, 20px); @loading-dot-size: var(--td-loading-dot-size, 8px); @loading-line-bg-color: var(--td-loading-line-bg-color, @text-color-primary); +@loading-z-index: var(--td-loading-z-index, 3500); +@loading-full-bg-color: var(--td-loading-full-bg-color, rgba(255, 255, 255, 60%));