unique-interface/examples/faas-ui/_component/project_data_board/project_data_board.html

无UI组件库

<div class="data-board">
    <h3 class="h3">{{ dataBoard.title }}</h3>
    <ul class="data-con cf ui-row">
        <li
            v-for="(items, index) in dataBoard.data"
            :key="index">
            <p class="data-descs">
                <span
                    v-for="(item, innerIndex) in items"
                    :key="innerIndex"
                    class="data-desc data-separate">
                    {{ item.desc }}
                </span>
            </p>
            <p style="margin-top: 16px">
                <template v-for="(item, innerIndex) in items">
                    <span
                        v-if="item.url && item.count > 0"
                        :key="innerIndex"
                        @click="$emit('seedetail', item)"
                        class="data-count can-open data-separate">
                        {{ item.count }}
                    </span>
                    <span v-else class="data-count data-separate" :key="innerIndex">
                        {{ item.count }}
                    </span>
                </template>
            </p>
        </li>
    </ul>
</div>