blackteay/vue3-vant4-mobile
1
0
Fork 0
mirror of https://github.com/xiangshu233/vue3-vant4-mobile.git synced 2025-04-05 06:22:45 +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>
<div id="app">
<script>
const appDesignSetting = window.localStorage.getItem('DESIGN-SETTING')
;(() => {
let htmlRoot = document.getElementById('htmlRoot')
const appDesignSetting = window.localStorage.getItem('DESIGN-SETTING')
let darkMode =
appDesignSetting && JSON.parse(appDesignSetting).darkMode
if (htmlRoot && darkMode) {
@ -21,6 +21,13 @@
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>
<style>
body {
@ -61,7 +68,7 @@
height: 14px;
position: absolute;
display: block;
background-color: #1890ff;
/* background-color: #1890ff; */
border-radius: 100%;
transform: scale(0.75);
transform-origin: 50% 50%;