GterForumWeB/src/views/detail/detailIndex.vue

<template>
    <div class="container">
        <div class="detail-head flexacenter">
            <div class="detail-section">版块：<span class="section-name">香港澳门台湾留学申请</span></div>
            <div class="detail-data flexacenter">
                <div class="detail-data-item">
                    <img class="" src="@/assets/img/detail/eye.png">10378
                </div>

                <div class="detail-data-item">
                    <img class="" src="@/assets/img/detail/comment.png">16
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'detailIndex',

    data() {
        return {

        };
    },

    mounted() {

    },

    methods: {

    },
};
</script>

<style lang="scss" scoped>
.container {
    margin-top: 1.3rem;

    .detail-head {
        color: #7F7F7F;
        padding: 0 0.2933rem;

        .detail-section {
            justify-content: space-between;
            font-size: .32rem;

            .section-name {
                color: #333;
            }
        }

        .detail-data {
            .detail-data-item {}
        }
    }
}
</style>