<template>
    <div class="result_page">
        <div class="top">
            <div class="left" @click="handleBack">
                <i class="el-icon-back" style="color: black;font-size: 20px;"></i>
                <span>返回</span>
            </div>
            <div class="right">
                <div class="tr_box">
                    <img src="@/assets/images/agent/star_blue.png">
                    <span>{{ 440 }}</span>
                </div>
                <div class="tr_box">
                    <img src="@/assets/images/agent/share_blue.png">
                </div>
            </div>
        </div>
        <div class="content">
            <div class="left">
                <div class="l_box">

                </div>
            </div>
            <div class="right"></div>
        </div>
    </div>
</template>

<script setup name="">
    import { ref, getCurrentInstance } from 'vue'
    const { proxy } = getCurrentInstance();
    
    console.log(proxy.$route);

    const handleBack = () => {
        proxy.$router.back()
    }
</script>

<style scoped lang="scss">
    .result_page{
        // position: fixed;
        // left: 0;
        // right: 0;
        // top: 0;
        // bottom: 0;
        // margin: 0;
        // z-index: 9999;
        background: #FAFAFA;

        .top{
            padding: 18px 24px;
            background: #FFFFFF;
            border-bottom: 1px solid #F3F4F6;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .left{
                display: flex;
                align-items: center;
                cursor: pointer;
                span{
                    font-size: 16px;
                    margin-left: 10px;
                }
            }
            .right{
                display: flex;
                align-items: center;
                .tr_box{
                    display: flex;
                    align-items: center;
                    padding: 10px;
                    border-radius: 6px;
                    border: 1px solid #2463EB;
                    margin-left: 8px;
                    cursor: pointer;
                    img{
                        width: 16px;
                        height: 16px;
                    }
                    span{
                        font-family: PingFangSC, PingFang SC;
                        font-weight: 400;
                        font-size: 14px;
                        color: #2463EB;
                        line-height: 20px;
                        margin-left: 3px;
                    }
                }
            }
        }
    }
</style>