blackteay/vue3-vant4-mobile
1
0
Fork 0
mirror of https://github.com/xiangshu233/vue3-vant4-mobile.git synced 2025-04-05 19:42:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: ⏪ loading icon follow the appTheme

Browse Source
This commit is contained in:
xiangshu233 2024-02-26 21:22:34 +08:00
parent 4651004c89
commit 3b02172ca2
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
index.html
View File

@ -9,9 +9,9 @@
<body> <body>
<div id="app"> <div id="app">
<script> <script>
const appDesignSetting = window.localStorage.getItem('DESIGN-SETTING')
;(() => { ;(() => {
let htmlRoot = document.getElementById('htmlRoot') let htmlRoot = document.getElementById('htmlRoot')
const appDesignSetting = window.localStorage.getItem('DESIGN-SETTING')
let darkMode = let darkMode =
appDesignSetting && JSON.parse(appDesignSetting).darkMode appDesignSetting && JSON.parse(appDesignSetting).darkMode
if (htmlRoot && darkMode) { if (htmlRoot && darkMode) {
@ -21,6 +21,13 @@
htmlRoot.setAttribute('data-theme', 'light') htmlRoot.setAttribute('data-theme', 'light')
} }
})() })()
document.addEventListener('DOMContentLoaded', (event) => {
const elements = document.querySelectorAll('.dot-spin i')
elements.forEach((element) => {
element.style.background = JSON.parse(appDesignSetting).appTheme
})
})
</script> </script>
<style> <style>
body { body {
@ -61,7 +68,7 @@
height: 14px; height: 14px;
position: absolute; position: absolute;
display: block; display: block;
background-color: #1890ff; /* background-color: #1890ff; */
border-radius: 100%; border-radius: 100%;
transform: scale(0.75); transform: scale(0.75);
transform-origin: 50% 50%; transform-origin: 50% 50%;