storlead-sasa-platform/ui/sp-storlead-center/src/views/index.vue

<template>
    <div class="app-container home">
        <CardBox1></CardBox1>
        <FastMenuBox2></FastMenuBox2>
        <SummeryDataBox3></SummeryDataBox3>
        <CountMoneyEchartsBox4></CountMoneyEchartsBox4>
        <SalesGuessEchartsBox5></SalesGuessEchartsBox5>
    </div>
</template>

<script setup name="Index" lang="ts">
import CardBox1 from './indexComponts/CardBox1.vue'
import FastMenuBox2 from './indexComponts/FastMenuBox2.vue'
import SummeryDataBox3 from './indexComponts/SummeryDataBox3.vue'
import CountMoneyEchartsBox4 from './indexComponts/CountMoneyEchartsBox4.vue'
import SalesGuessEchartsBox5 from './indexComponts/SalesGuessEchartsBox5.vue'
onMounted(() => {
});

</script>

<style scoped lang="scss">
.home {
    //background: #FFF;
    width: 100%;
    blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        font-size: 17.5px;
        border-left: 5px solid #eee;
    }

    hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eee;
    }

    .col-item {
        margin-bottom: 20px;
    }

    ul {
        padding: 0;
        margin: 0;
    }

    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #676a6c;
    overflow-x: hidden;

    ul {
        list-style-type: none;
    }

    h4 {
        margin-top: 0px;
    }

    h2 {
        margin-top: 10px;
        font-size: 26px;
        font-weight: 100;
    }

    p {
        margin-top: 10px;

        b {
            font-weight: 700;
        }
    }

    .update-log {
        ol {
            display: block;
            list-style-type: decimal;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0;
            margin-inline-end: 0;
            padding-inline-start: 40px;
        }
    }
}
</style>