<template>
    <div class="container">
        <img src="../assets/logo.png" class="logo" alt="">
        <div class="content">
            <div class="item" v-for="item in list">
                <div class="title">{{item.title}}</div>
                <div class="val">{{item.remark}}</div>
            </div>
        </div>
    </div>
</template>
<script>
import GmButton from '@/components/Button'
import { mapState } from "vuex";
export default {
    data() {
        return {
            list: []
        }
    },
    created() {
        this.$store.commit('updateLoading', true)
        this.$http.get({
            url: '/companyInfo/all',
            data: {
            }
        }).then(res => {
            this.$store.commit('updateLoading', false)
            if (res.success) {
                this.list = res.data
            }
        });

    },
    computed: {
        ...mapState(["locationInfo"])
    },
    methods: {

    },
    components: { GmButton }
}
</script>
<style lang="less" scoped>
.container {
    background: rgba(242, 242, 242, 1);
    .logo {
        width:4.12rem;
        height:1.48rem;
        margin: 0.6rem auto;
        display: block;
    }
    .content {
        margin: 0 0.3rem 0.3rem;
        background: rgba(255, 255, 255, 1);
        border-radius: 0.12rem;
        padding: 0 0.3rem;

        .item {
            .title {
                font-size: 0.36rem;
                font-weight: bold;
                color: rgba(0, 0, 0, 1);
                line-height: 0.5rem;
                margin: 0.4rem 0 0.2rem;
            }

            .val {
                font-size: 0.28rem;
                color: rgba(0, 0, 0, 1);
                line-height: 0.42rem;
                padding-bottom: 0.4rem;
            }

            &:not(:last-child) {
                border-bottom: 0.02rem solid #f2f4f5;
            }
        }
    }
}
</style>


