<template>
    <div class="page_consumables">
        <div class="consumablesCell" v-for="item in 20">
            <span>FX90</span>
            <van-stepper v-model="value" theme="round" button-size="22" disable-input />
        </div>
        <div class="consumablesCell">
            <span>FX90000</span>
            <van-stepper v-model="value" theme="round" button-size="22" disable-input />
        </div>
        <div class="determine">确定</div>
    </div>
</template>


<script>
export default {
    data(){
        return{
           value:1 
        }
    }
}
</script>

<style lang="scss" scoped>
.page_consumables{
    width:100%;
    .consumablesCell{
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 0.53rem;
        padding: 0 0.53rem;
        height: 1.3rem;
        border-bottom: 1px solid #e5e5e5;
    }
    >div:last-child{
        border:none;
    }
    .determine{
        height: 1.66rem;
        line-height: 1.66rem;
        text-align: center;
        background: #5b98ff;
        color: #fff;
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        font-size: 0.53rem;
    }
}
</style>
