diff --git a/miniprogram/components/userManagementSync/userManagementSync.less b/miniprogram/components/userManagementSync/userManagementSync.less index 44ff623..29724cf 100644 --- a/miniprogram/components/userManagementSync/userManagementSync.less +++ b/miniprogram/components/userManagementSync/userManagementSync.less @@ -23,11 +23,34 @@ align-items: center; padding: 64rpx 48rpx; + .sync-spinner { + width: 96rpx; + height: 96rpx; + border: 8rpx solid rgba(19, 133, 250, 0.1); + border-top-color: #1385FA; + border-radius: 50%; + animation: sync-spin 1s linear infinite; + } + + .sync-tick { + width: 96rpx; + height: 96rpx; + border: 8rpx solid #1385FA; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: #1385FA; + font-size: 56rpx; + line-height: 56rpx; + } + .sync-title { color: #252535; height: 32rpx; font-size: 32rpx; line-height: 32rpx; + margin-top: 40rpx; } .sync-status { @@ -61,3 +84,13 @@ } } } + +@keyframes sync-spin { + from { + transform: rotate(0deg); + } + + to { + transform: rotate(360deg); + } +} diff --git a/miniprogram/components/userManagementSync/userManagementSync.wxml b/miniprogram/components/userManagementSync/userManagementSync.wxml index 21b89f3..49a7315 100644 --- a/miniprogram/components/userManagementSync/userManagementSync.wxml +++ b/miniprogram/components/userManagementSync/userManagementSync.wxml @@ -1,6 +1,12 @@ + + + + + + 同步成员至设备 {{ status }} {{ percent }}%