<template>
        <Framework>
            <div class="policy-query">
                <div class="please-select">
                    请选择你要测算的救助类型

                </div>
                <div class="select">
                    <router-link to="/infoFill"><img src="../../assets/images/csdb.png"></router-link>
                    <router-link :to="{ name: 'infoFill', query: { type: 'BLAN_SIDE' }}"><img  src="../../assets/images/ncdb.png"></router-link>
                    <router-link to="/difficult"><img src="../../assets/images/tkgy.png"></router-link>
                </div>
                <div class="tip">
                    <div class="tip__title">
                        <img src="../../assets/images/tip.png" alt="">
                        <span>温馨提示</span>
                    </div>
                    <div class="tip__content">
                        此工具根据相关政策文件进行的粗略测算，实际领取金额根据实际情况由工作人员核查后为准。
                    </div>
                </div>
            </div>

            <div class="btn">
                <router-link to="/"><img src="../../assets/images/close_btn.png"></router-link>
            </div>
        </Framework>
</template>

<script>
import Framework from '../../components/framework.vue'
export default {
  components: { Framework },
  data () {
    return {
      dayOfWeek: '',
      formattedDate: '',
      formattedTime: '',
      navActive: 1
    }
  }

}
</script>

<style lang="less" scoped>
.policy-query{
    height: 45vw;
    background:  url("../../assets/images/bg1.png") no-repeat;
    background-size: contain;
    padding: 1px;

    //background-position: 50% 50%; /* 背景图像位于容器的中心位置 */

    .please-select{
        width: 26.04vw;
        height: 1.56vw;
        margin: 7.8vw auto 0;
        background: url("../../assets/images/img1.png") no-repeat;
        background-size: contain;
        color: #347BD5;
        text-align: center;
        font-size: 1.458vw;

    }

    .select{
        width: 53.62vw;
        height: 12.47vw;
        margin: 4.42vw auto 0;
        display: flex;
        justify-content: space-between;
        img{
            height: 100%;
        }

    }
    .tip{
        width: 52.62vw;
        height: 7.55vw;
        margin: 7.08vw auto 0;
        background-color: #eff3f6;
        border: 1px dashed #B7D7FF;
        padding: 1.67vw 1.29vw;

        &__title{
            display: flex;
            align-items: center;
            gap: 0.52vw;
            font-size: 1.25vw;
            color: #347BD5;
        }
        &__content{
            font-size: 1.15vw;
            color: #333333;
            margin-top: 0.8vw;
        }
        img{
            width: 1.67vw;
        }
    }

}
.btn{
    display: flex;
    justify-content: center;
    img{
        width: 8.75vw;
    }
}
</style>
