@cloud-ui/s-page.vue

只有顶部栏和底部栏的通用页面布局。

Usage no npm install needed!

<script type="module">
  import cloudUiSPageVue from 'https://cdn.skypack.dev/@cloud-ui/s-page.vue';
</script>

README

SPage 通用页面布局

只有顶部栏和底部栏的通用页面布局。

<div style="position: relative;">
<s-page demo>
    <u-linear-layout direction="vertical" gap="large">
        <u-skeleton type="image" style="padding-bottom: 240px;"></u-skeleton>
        <u-grid-layout :repeat="3">
            <u-grid-layout-column>
                <u-skeleton></u-skeleton>
            </u-grid-layout-column>
            <u-grid-layout-column>
                <u-skeleton></u-skeleton>
            </u-grid-layout-column>
            <u-grid-layout-column>
                <u-skeleton></u-skeleton>
            </u-grid-layout-column>
        </u-grid-layout>
    </u-linear-layout>
</s-page>
</div>