2024-04-10

        <div class="r9page">
            <p class="r9title">第XXX</p>
            <div class="r9list" v-for="(item,index) in 14">
                <div class="r9num">{{index+1}}</div>
                <div class="r9sele">
                    <span>3</span>
                    <span>1</span>
                    <span>0</span>
                </div>
            </div>
            <div class="r9btn">
                <span>选了<em>0</em><i class="r9tag">至少选9个</i></span>
                <span onChage=''>选好了</span>
            </div>
        </div>

.r9page {
        width: 100%;
    }
    .r9title{}
    .r9list{        
        display: flex;
        justify-content: space-evenly;
        margin-bottom: 10px;
        
        }
    .r9num{
        width: 30%;
        padding: 1px 0;
    }
    .r9sele{
        width: 70%;
        display: flex;
        justify-content: space-evenly;
        
        
    }
    .r9sele span{
        width: 30%;
        background: #eee;
        padding: 1px 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .r9sele span:last-child{
        border-right: none;
    }
    .r9btn{
        display: flex;
        justify-content: space-between;
    }
    .r9btn span{
        width: 50%;

    }
    .r9tag{
        font-style: normal;
        display: block;
        font-size: 8px;
        color: #666;
    }