setup() {
const rotate = ref<number>(0);
const color: string = "red";
const changeStatus = (): void => {
rotate.value = -90;
};
return {
rotate,
color,
};
},
<style>
.test {
color: v-bind(color);
transform: rotateX(calc(v-bind(rotate) * 1deg))
}
</style>
相关文章
- 06-23static方法中为什么使用的都是静态变量
- 06-23CSS中vh的使用
- 06-23移动端开发使用rem时动态设置html的字体大小
- 06-23css3新单位vw、vh、vmin、vmax的使用详解
- 06-23web应用系统开发,CSS内联样式的使用
- 06-23使用TransmittableThreadLocal弥补InheritableThreadLocal的不足,可动态刷新线程变量
- 06-23继承时,当父子类都具有相同的成员变量,默认情况下是直接调用子类的成员变量,当要调用父类的成员变量则需要使用super关键之
- 06-23动态路由OSPF的使用
- 06-23vue3.0使用vant组件的过程
- 06-23css transparent属性_css 透明颜色transparent的使用