美文网首页
使用公式简单快速切换颜色

使用公式简单快速切换颜色

作者: Sallyscript | 来源:发表于2018-08-30 16:54 被阅读0次

·点击字体,样式切换,简单写法

<template>
<div class="bottomBox">
            <div   @click="changepage(0)">
                <text :style="{color:page === 0?'#66BFA6':'#8E8E93'}">模拟考</text>
            </div>
            <div  @click="changepage(1)">
                <text :style="{color:page === 1?'#66BFA6':'#8E8E93'}">我的错题</text>
            </div>
</div>
</template>
<script >
    export default {
        data(){
            return{
                page:0,
            }
        },
        methods:{
            changepage(page){
                this.page=page
            }
        },
    }
</script>

显示:


默认
点击我的错题

相关文章

网友评论

      本文标题:使用公式简单快速切换颜色

      本文链接:https://www.haomeiwen.com/subject/ealdwftx.html