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

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

作者: 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