<template>
    <div class="member">
        <p>
            <span class="title">成员</span>
            <span class="more">更多>></span>
        </p>
        <div class="content">
            <img src="./img/member.png" style="height: 120px;margin: 20px 0 0 20px;">
            <div style="width: 250px;margin-top: 20px;">
                <p style="margin-top: 20px;">
                    <span class="name">学校：</span>
                    <span class="val" :title="val">{{val}}</span>
                </p>
                <p style="margin-top: 20px;">
                    <span class="name">政府：</span>
                    <span class="val" :title="val2">{{val2}}</span>
                </p>
                <p style="margin-top: 20px;">
                    <span class="name">企业：</span>
                    <span class="val" :title="val3">{{val3}}</span>
                </p>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data () {
        return {
            val: '吉林大学工程学院、北京航空航天大学、大连理工大学、北京第二外国语大学',
            val2: '固安县政府、银川市政府、洛阳市政府',
            val3: '河北省科技企业孵化器、北斗经济与技术创新战略联盟、新型工业化产业示范基地'
        }
    },
    created() {
    },
    mounted(){
    },
    methods: {
    },
    components: {
    },
    watch: {
    }
}
</script>
<style scoped>
    .member{
        margin: 40px 0px 40px 40px;
        height: 284px;
        background: #fff;
        overflow: hidden;
    }
    .member>p{
        padding: 30px 30px 20px 30px;
        position: relative;
    }
    .member .title{
        font-size: 20px;
        color: #233b6e;
        cursor: default;
    }
    .member .more{
        font-size: 14px;
        color: #666;
        position: absolute;
        right: 30px;
        cursor: pointer;
    }
    .member .content{
        display: flex;
        justify-content: space-evenly;
    }
    .member .content .name{
        font-size: 18px;
        color: #333;
        overflow: hidden;
        cursor: default;
    }
    .member .content .val{
        color: #666;
        font-size: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        width: 180px;
        overflow: hidden;
        cursor: default;
        vertical-align: bottom;
    }
</style>
