@x-ui-vue3/skeleton

SKELETON

骨架屏

文档

@x-ui-vue3/skeleton

安装

使用 npm 安装

npm i -S @x-ui-vue3/skeleton

使用 yarn 安装

yarn add -S @x-ui-vue3/skeleton

示例

main.js

import { createApp } from 'vue'
import Skeleton from '@x-ui-vue3/skeleton'
import App from './App.vue'

createApp(App).use(Skeleton).mount('#app')

App.vue

<script setup>
import { ref } from 'vue'
const loading = ref(false)
</script>

<template>
  <label for="loading">点击切换</label>
  <input v-model="loading" id="loading" type="checkbox" />

  <br /><br />

  <div v-skeleton="loading">
    <span v-skeleton-item>超文本标记语言是一种用于创建网页的标准标记语言。</span>
    <br /><br />
    <span v-skeleton-item>www.runoob.com</span>
    <br /><br />
    <span v-skeleton-item>Good good study, day day up!</span>
  </div>
</template>

快速入门 DEMO

# clone the project
git clone https://github.com/huodoushigemi/example-skeleton.git

# enter the project directory
cd example-skeleton

# install dependency
npm install

# develop
npm run dev

效果图