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

2018-08-30  本文已影响0人  Sallyscript

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

<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>

显示:


默认
点击我的错题
上一篇下一篇

猜你喜欢

热点阅读