advt-ui

开源一个投放系统的UI库
481 4
Install
npm install advt-ui
Latest Version:0.0.10
Vue:2
Older releases:3
License:MIT
Last Updated:Oct 12, 2023
Links: GitHub  ·  npm
Maintainer: cabber

投放系统UI库

开源一个投入系统的UI库,主要针对 今日头条,广点通,UC新闻,快手广告,百度推广 广告投放系统的深度对接,提供快速开发的UI库。 项目中开发组件,很多时候都会引用三方库去写,组件的复杂程度,以及五大媒体的更新速度,真的很难维护UI组件库的更新 为了不要大家都去实现媒体的UI功能,特此开源一个Vue的UI库,后面会继续开源React 版本的

媒体为什么不公开一下自已的UI库吗,头条在近期已经推出了,

https://open.oceanengine.com/mui/doc/v2/quickstart

但主要还是我第一个在全网分享了他们的投放组件DEMO演示

tips

选择时间段的组件源码

https://free.jsvue.cn/andt-components/#/about

上面本来是用vite3创的项目,一点点改造使用vue2,真的坑得不行 老的vue2组件,想用vite打包组件,但是在vue2做不到按需引入打包,

使用方式

所以使用全局引入 ant-design-vue 组件后再 use 本UI库,顺序不能反了


import AntDesignVue from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.use(AntDesignVue)

import AdvtUI from 'advt-ui'
import 'advt-ui/dist/style.css'
Vue.use(AdvtUI)

因为 antDesignVue 库比较大,如果全部加载会让你的项目打包后不好优化,你也可以使用以下代码进行按需引入。 Icon 是使用Css 字体图标,图标库的使用,会增加css文件的大小

import {
   Icon,
   Row,
   Col,
   Input,
   Checkbox,
   Radio,
   Steps,
   Anchor,
   Tag,
   Popover
} from 'ant-design-vue'

Vue.use(Icon)
    .use(Row)
    .use(Col)
    .use(Input)
    .use(Checkbox)
    .use(Radio)
    .use(Steps)
    .use(Anchor)
    .use(Tag)
    .use(Popover)

组件库同时支持按需引入,


import { DragWeektime } from 'anvt-ui'

Vue.use(DragWeektime)

不按需包也不大 ,AdvtUI 现在才 60k ,小才大用

文档待写

Related Packages

seeroad-ui

seeroad project ui library

3,733
ui
smart-ui

High Quality Mobile UI Componets by Vue.js 2.

1,883 11
ui
hea-ui

hea-ui is a h5 ui component for vue

1,520 14
ui
canna-ui-vue

shims-vue.d.ts declare module 'canna-ui-vue'

674
ui

Version History

Version Released Vue License
0.0.10 ^2.6.14 MIT
0.0.9 ^2.6.14 MIT
0.0.8 ^2.6.14 MIT
0.0.7 ^2.6.14 MIT
0.0.6 ^2.6.14 MIT
Pre-releases (2)
Version Released Vue License
0.0.9-beta.2 ^2.6.14 MIT
0.0.9-beta ^2.6.14 MIT