快速开始 ¶

安装 ¶

下载

# npm
npm install @10yun/cv-pc-ui 
# pnpm（推荐）
pnpm install @10yun/cv-pc-ui

更新

npm install @10yun/cv-pc-ui -f

全局配置 ¶

！注意：不是 upload: { attrs: { action: "xxx"} }，也就是不需要 attrs 包裹

// 在引入 cvPcUi 时，可以传入一个全局配置对象(可选), 例如:
Vue.use(cvPcUi, {
  // 所有和上传相关(上传图片, 上传视频, 富文本中图片上传)
  upload: {
    action: 'https://www.xxx.com/posts', // 请求地址,
    data: { token: 'xxx' }, // 附带的参数,
    upResponseFn (response) { // 处理响应结果
      return 'https://www.xxx.com/upload/' + response.id
    }
  },
  // number类型
  number: {
    min: 0 // 所有 number 类型, 最小值为 0
  }
})

CDN方式 ¶

<!-- 引入Vue -->
<script src="https://unpkg.com/vue"></script>
<!-- 引入element -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<!-- 引入 @10yun/cv-pc-ui -->
<script src="https://unpkg.com/@10yun/cv-pc-ui"></script>

<script type="text/javascript">
	// 如果需要，则进行全局配置
	window.$cvUiParams = {
	  "xxxxCxxx": {
	    action: 'xxx'.
	    // ...
	  },
	  // ...
	}
</script>

配置 ¶

如果无法识别到 @10yun/cv-pc-ui，才需要在 vue3+vite下配置 vite.config.js 文件


export default defineConfig({
  resolve: {
    alias: [
      // 配置路径别名，因为@冲突问题
      { find: '@10yun/cv-pc-ui', replacement: 'node_modules/@10yun/cv-pc-ui' }
    ]
  }
});

使用 ¶

详见文档