1.H5可以通过原生js操作Dom,修改css自定义的变量
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
:root {
--color: #7f8c8d;
--spacing: 20px;
}
div.colors{
height: 100px;
width: 100px;
background-color: var(--color);
padding: var(--spacing);
}
</style>
</head>
<body>
<div class="colors">
</div>
<div class="actions">
<a class="red">div红色</a>
<a class="blue">div蓝色</a>
</div>
</body>
<script>
var btnColorRed = document.querySelector('.red');
var btnColorBlue = document.querySelector('.blue');
var root = document.querySelector(':root');
btnColorRed.addEventListener('click', function() {
root.setAttribute('style', '--color: #e74c3c');
});
btnColorBlue.addEventListener('click', function() {
root.setAttribute('style', '--color: #3498db');
});
</script>
</html>
- 但是uni中元素没有setAttribute方法修改,元素的属性
稳定点行不行 (作者)
要理解我的意思哈,H5的dom怎么操作这个不重要,我就只想知道uni-app怎么通过js修改sass变量。
2020-12-31 10:35