@ccos/webos-vue
v0.0.50
Published
A Web-Ui Framework for Skyworth/Coocaa TV
Downloads
12
Readme
Webos UI 组件库
库的编译:
npm run build
库的发布:
npm publish
库的开发与测试
在该库的开发过程中,可以使用复制本库生成的 dist 目录到 DEMO 测试功能的 node_modules/@ccos/webos-vue, 然后执行 rm -rf node_modules/.vite,重新运行 npm run serve 或者 npm run dev
另外也可以使用 npm link 做软链接来调试库
业务工程使用该库的安装方法:
npm install -S @ccos/webos-vue
完整导入的使用方式
在 vue3 的工程中的 main.js 加入如下代码:
import WebosUIComponent from '@ccos/webos-vue';
import '@ccos/webos-vue/dist/es/style.css';
const app = createApp(App);
app.use(WebosUIComponent);
app.mount('#app');
使用举例(以按钮组件举例):
组件则可以以下面方式直接使用:
<tv-button></tv-button>
<!-- 或者: -->
<TvButton></TvButton>
按需导入的使用方式
main.js 加入:
// 导入库使用的css样式表
import '@ccos/webos-vue/dist/es/style.css';
对应其他页面的 *.vue 文件中加入:
// 按需导入自己需要的组件:
import { TvButton } from '@ccos/webos-vue';
使用举例(以按钮组件举例):
组件则可以以下面方式直接使用:
<tv-button></tv-button>
<!-- 或者: -->
<TvButton></TvButton>