<!-- 系统帮助-解绑 -->
<template>
    <van-nav-bar
        title="解绑"
        left-arrow
        @click-left="$router.go(-1)"
    >
    </van-nav-bar>
    <div class="contbox">
        <p class="Operation">操作说明</p>
        <p class="contxt">1.如图1所示，从主页点击【解绑】后进入关联解绑界面，扫描需要解绑的二维码进行解绑操作，扫描条二维码后点击解绑按钮会解除盒条关联关系，扫描件二维码后点击解绑按钮会解除件条关联关系。</p>
        <img class="contImg" src="/public/assets/htjHelpImg/13.jpg" alt="">
        <p class="imgIndex">图1</p>

    </div>
</template>
<script>
import { Button, Dialog, NavBar, Cell, CellGroup } from "vant";
export default{
    name:'',
    components: {
        [Button.name]: Button,
        [NavBar.name]: NavBar,
        [Cell.name]: Cell,
        [CellGroup.name]: CellGroup,
    },
    data() {
        return {

        }
    },
    }
</script>
<style scoped lang='scss'>
*{
    margin: 0;
    padding: 0;
}
.contbox{
    width: 100%;
    padding: 0 40px 0 40px;
    box-sizing: border-box;
    background-color: rgb(237, 237, 237);
}
.Operation{
    border-bottom: 1px solid #C4C4C4;;
    height: 70px;
    line-height: 70px;
    margin-top: 15px;
    font-size: 30px;
    font-weight: 500;
    color: #000000;
    font-family: 'SourceHanSansCN-Medium' ,sans-serif;
}
.contxt{
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.contImgbox{
    padding-top: 30px;
    
}
.contImg{
    width: 60%;
    border: 1px dashed #b3b3b3;
    display: block;
    margin: auto;
}
.imgIndex{
    font-size: 24px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}
</style>