<template>
    <div>
        <div class="letBallBox">
            <div class="tit">
                <span>让球</span>
            </div>
            <div class="playCode">
                <div class="home">
                    <div class="teamName">
                        <span>艾斯坦拿II队</span>
                    </div>
                    <div class="oddsBox">
                        <span class="condation">0.5</span>
                        <span class="odds">1.28</span>
                    </div>
                </div>
                <div class="guest">
                    <div class="teamName">
                        <span>玛塔拉尔杰提萨</span>
                    </div>
                    <div class="oddsBox">
                        <span class="condation"></span>
                        <span class="odds">0.76</span>
                    </div>
                </div>
            </div>            
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
        title:'concede',
        data:[],//数据源
        }
    },

    /**
     * 计算属性
     */
    computed: {
        getGameRatio(){
            return this.$store.getters.getGameRatio
        }
    },

    /**
    * 监听器
    */
    watch: {
        getGameRatio(val){
        val.forEach(e => {
            if(e[0].p_code == this.title){
            this.data = e
            console.log(e);
            }
        });
        }
    },
}
</script>
<style scoped>
.tit{
    background: #373737;
    font-size: 0.14rem;
    padding: 0 0.1rem;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #b4b4b4;
}
.playCode{
    background: #fff;
    width: 100%;
    height: auto;
}
.playCode:hover{
    background: #fff5e9;
}
.home,.guest{
    color: rgba(0,0,0);
    display: flex;
    align-items: center;
    height: 0.4rem;
    font-size: 0.14rem;
}
.teamName{
    width: 20%;
    padding-left: 0.1rem;
}
.oddsBox{
    width: 25%;
    text-align: right;
}
.playCode .odds{
    display: inline-block;
    height: 0.3rem;
    border: 1px solid #e4e4e4;
    width: 0.5rem;
    background-color: #fff;
    text-align: center;
    line-height: 0.23rem;
    margin: 7px auto 4px;
    padding: 0.04rem;
}
.playCode .odds:hover{
    background: orange; 
    color: #fff;
    border-color: orange;
}
.condation{
    height: 0.4rem;
    vertical-align: middle;
    color: #bd4700;
    padding: 0 0.1rem;
    font-size: 0.12rem;
}
</style>