qiucode.cn【秋码记录】首页加入骨架屏占位填充

笔者个人站点 秋码记录

先上效果图

1、引入Element-plus UI组件库

在这里就不赘述创建vue3项目的过程了。

npm install element-plus --save

//或者使用  yarn
yarn add element-plus

// main.ts
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

const app = createApp(App)

app.use(ElementPlus)
app.mount('#app')

2、拿Element-plus官方案例进行适当的改动

改动后的部分代码