<template>
    <div>
        <van-nav-bar
                title="iconbox"
                left-arrow
                @click-left="back"
        />
        <div class="page">
            <ul>
                <li class="section">
                    <y-icon-box></y-icon-box>
                </li>
                <li class="section">
                    <y-icon-box type="noSign"></y-icon-box>
                </li>
                <li class="section">
                    <y-icon-box type="success" tips="标题" desc="描述"></y-icon-box>
                </li>

            </ul>
        </div>
    </div>
</template>

<script>
    import {NavBar} from 'vant';
    import yIconBox from '../components/yIconBox'

    export default {
        components: {
            yIconBox,
            [NavBar.name]: NavBar,
        },
        data:()=>{
            return {
                index:0,
                tipsShow:false
            }
        },
        methods:{
            back:()=>{
                window.history.go(-1);
            }
        },
    }
</script>

<style lang="scss">
    @import "../css/base.scss";
    .page {
        padding: 10px;
    }
    .topbar_test{
        &:after{
            content:"\e602";
            font-family: "yesaway_ui";
        }
    }
</style>
