<template>
    <div >
        <div style="display:flex;align-items:center;margin:10px 0 15px 0;cursor:pointer">   
            <div class="dvied"></div>
            <el-link :underline="false" style="font-weight: bold;font-size: 18px;margin-left:10px" @click="backtest">测试工具市场>{{tooldeti.name}}</el-link>
        </div>
        <!--  -->
        <div style="background: #FFFFFF;border-radius:4px;margin-top:26px;padding-top:5px;">
            <tooldetails :mydetails='mydetails' @inform='inform'></tooldetails>
        </div>
    </div>
</template>
<script>
    import tooldetails from '@/page/homepage/tool/tooldetails'
    export default{
        components: {tooldetails},
        data(){
            return{
                mydetails:true,
                tooldeti:{},
            }
        },
        mounted(){

        },
        methods:{
            inform(val){
                this.tooldeti=val
            },
            backtest(){
                this.$router.push('/console/toolsmarket')
            },
        },

    }
</script>
<style scoped>
    .dvied{
        width: 4px;
        height: 18px;
        background: #0066EB;
    }
    .el-link.el-link--default{
        color:#333333
    }
</style>