Closed qianjiachun closed 2 years ago
npm i vue-smart-widget@next -S
import { createApp } from 'vue' import App from './App.vue' import VueSmartWidget from 'vue-smart-widget'
const app = createApp(App) app.use(VueSmartWidget) app.mount('#app')
3. Test.vue
<template #1> <smart-widget title="Default Widget"> <div class="layout-center"> <h3>Default Widget With Header</h3> </div> </smart-widget> </template> <template #2> <smart-widget title="Full Screen" fullscreen> <div class="layout-center"> <h3>Make any widget full screen</h3> </div> </smart-widget> </template> </smart-widget-grid>
and the page shows ![image](https://user-images.githubusercontent.com/43806319/149255620-54344f24-60cc-4d55-92cf-223b58b4e2bf.png) it looks like missing styles? is there any example that used in vite2+vue3
https://github.com/xiaoluoboding/vue-smart-widget/tree/next/examples
oh, i see. tks
npm i vue-smart-widget@next -S
const app = createApp(App) app.use(VueSmartWidget) app.mount('#app')
Simple Widget Without Header