<template>
    <div class="newsmessage">
        <div v-if="router.currentRoute.value.params.name == 'all'" class="news">
            <Title :value="title"></Title>
            <Service :index="2" />
        </div>
        <div v-else>
            
        </div>
    </div>
</template>

<script setup lang="ts">
import router from '../router';
import Service from './Service.vue';
import Title from '../components/Title.vue';
import { ref } from 'vue'

let title = ref<any>({
    title: "News",
    desc: ""
})


</script>

<style scoped lang="less">
.newsmessage {
    .news {
        margin-bottom: 10.9rem;
    }
}

@media screen and (max-width: 960px) {
    .newsmessage {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        margin-top: 2rem;

        .news {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            margin-bottom: 11.9rem;
        }
    }
}
</style>