<template>
    <div class="footer">
        <div class="wrapper">
            <div class="foot-item">
                <span class="foot-title">军民融合</span>
                <div class="item-link">
                    <el-link target="_blank" :underline="false">平台介绍</el-link>
                    <el-link target="_blank" :underline="false">用户须知</el-link>
                    <el-link href="register" target="_blank" :underline="false">用户注册</el-link>
                </div>
            </div>
            <div class="foot-item foot3">
                <span class="foot-title">资源供需</span>
                <div class="item-link">
                    <el-link href="resource" target="_blank" :underline="false">技术需求</el-link>
                    <el-link href="resource" target="_blank" :underline="false">产品需求</el-link>
                    <el-link href="resource" target="_blank" :underline="false">融资需求</el-link>
                    <el-link href="resource" target="_blank" :underline="false">技术发布</el-link>
                    <el-link href="resource" target="_blank" :underline="false">产品发布</el-link>
                    <el-link href="resource" target="_blank" :underline="false">资源共享</el-link>
                </div>
            </div>

            <div class="foot-item">
                <span class="foot-title">政民互动</span>
                <div class="item-link">
                    <el-link href="interact" target="_blank" :underline="false">官方问答</el-link>
                    <el-link href="interact" target="_blank" :underline="false">热议话题</el-link>
                    <el-link href="interact" target="_blank" :underline="false">互动提问</el-link>
                </div>
            </div>
            <div class="foot-item ">
                <span class="foot-title">联系我们</span>
                <div class="item-link">
                    <span class="item-address">电话：025-53568686</span>
                    <span class="item-address">邮箱：jxjmrh@163.com</span>
                    <span class="item-address">地址：什么省什么市什么区什么街道868号</span>
                </div>
            </div>
            <div class="foot-item foot5">
                <div class="vx-qrcode"></div>
                <span>官方微信公众号</span>
            </div>
        </div>
        <div class="footer-bottom">
            版权所有©江西军民融合公共服务平台<span style="margin-left:20px">ICP备68686868号-1</span>
        </div>
    </div>
</template>

<script>
export default {
    name: '',
    data() {
        return {};
    }
};
</script>
<style lang="less" scoped>
.footer {
    background: #4b4442;
    // height: 260px !important;
    padding: 0;
    padding-top: 50px;
    .wrapper {
        height: 160px;
        width: 1200px;
        margin: 0 auto;
        color: white;
        font-size: 14px;
        display: flex;
        // .flex-col();
        // justify-content: center;
        // > div {
        //     .flex();
        //     justify-content: center;
        // }
        // .divider {
        //     width: 1px;
        //     height: 14px;
        //     margin: 0 10px;
        //     background: white;
        // }
        .foot-item {
            text-align: left;
            margin-right: 120px;

            .foot-title {
                font-size: 15px;
                color: #ffffff;
            }
            .item-link {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                height: 100px;
                margin-top: 20px;
                .item-address {
                    margin-bottom: 12px;
                    color: rgba(255, 255, 255, 0.6);
                }
            }
            .el-link {
                margin-bottom: 12px;
                font-size: 12px;
                margin-right: 48px;
                color: rgba(255, 255, 255, 0.6);
                &:hover {
                    text-decoration: none;
                }
            }
            .vx-qrcode {
                width: 100px;
                height: 100px;
                background-color: #fff;
                margin-bottom: 4px;
            }
        }
        .foot3 {
            margin-right: 190px;
        }
        .foot5 {
            margin-right: 0;
        }
    }
    .footer-bottom {
        width: 100%;
        height: 50px !important;
        line-height: 50px;
        text-align: center;
        background-color: #2a2524;
        color: rgba(255, 255, 255, 0.4);
        font-size: 12px;
    }
}
</style>
