xiaosi
1 year ago
6 changed files with 472 additions and 96 deletions
@ -0,0 +1,4 @@ |
|||
import { createApp } from 'vue'; |
|||
import App from './App.vue'; |
|||
|
|||
export default createApp(App); |
|||
@ -1,14 +1,10 @@ |
|||
import './assets/main.css' |
|||
import app from '@/app'; |
|||
import store from '@/stores'; |
|||
import router from '@/router'; |
|||
import TDesignVue from '@/plugins/TDesign-vue'; // TDesign按需引入
|
|||
|
|||
import {createApp} from 'vue' |
|||
import {createPinia} from 'pinia' |
|||
app.use(store); |
|||
app.use(router); |
|||
app.use(TDesignVue); |
|||
|
|||
import App from './App.vue' |
|||
import router from './router' |
|||
|
|||
const app = createApp(App) |
|||
|
|||
app.use(createPinia()) |
|||
app.use(router) |
|||
|
|||
app.mount('#app') |
|||
app.mount('#app'); |
|||
|
|||
@ -0,0 +1,245 @@ |
|||
/** |
|||
* TDesign-vue |
|||
*/ |
|||
// 引入组件库的少量全局样式变量
|
|||
import 'tdesign-vue-next/es/style/index.css'; |
|||
import { |
|||
Button, |
|||
Tabs, |
|||
TabPanel, |
|||
Icon, |
|||
Link, |
|||
Col, |
|||
Row, |
|||
Aside, |
|||
Content, |
|||
Footer, |
|||
Header, |
|||
Layout, |
|||
Divider, |
|||
Space, |
|||
Affix, |
|||
Anchor, |
|||
AnchorItem, |
|||
AnchorTarget, |
|||
Breadcrumb, |
|||
BreadcrumbItem, |
|||
Dropdown, |
|||
DropdownItem, |
|||
DropdownMenu, |
|||
HeadMenu, |
|||
Menu, |
|||
MenuGroup, |
|||
MenuItem, |
|||
Submenu, |
|||
Pagination, |
|||
PaginationMini, |
|||
StepItem, |
|||
Steps, |
|||
StickyItem, |
|||
StickyTool, |
|||
BackTop, |
|||
AutoComplete, |
|||
HighlightOption, |
|||
Cascader, |
|||
CascaderPanel, |
|||
Checkbox, |
|||
CheckboxGroup, |
|||
DatePicker, |
|||
DatePickerPanel, |
|||
DateRangePicker, |
|||
DateRangePickerPanel, |
|||
Form, |
|||
FormItem, |
|||
InputAdornment, |
|||
Input, |
|||
InputGroup, |
|||
InputNumber, |
|||
Radio, |
|||
RadioButton, |
|||
RadioGroup, |
|||
Option, |
|||
OptionGroup, |
|||
Select, |
|||
Slider, |
|||
SliderButton, |
|||
Switch, |
|||
TagInput, |
|||
SelectInput, |
|||
Textarea, |
|||
Transfer, |
|||
TimePicker, |
|||
TimePickerPanel, |
|||
TimeRangePicker, |
|||
TreeSelect, |
|||
ColorPicker, |
|||
ColorPickerPanel, |
|||
RangeInput, |
|||
RangeInputPopup, |
|||
Avatar, |
|||
AvatarGroup, |
|||
Badge, |
|||
Calendar, |
|||
Card, |
|||
Comment, |
|||
Image, |
|||
ImageViewer, |
|||
List, |
|||
ListItem, |
|||
ListItemMeta, |
|||
Progress, |
|||
Skeleton, |
|||
Swiper, |
|||
SwiperItem, |
|||
BaseTable, |
|||
EnhancedTable, |
|||
PrimaryTable, |
|||
Table, |
|||
CheckTag, |
|||
Tag, |
|||
Timeline, |
|||
TimelineItem, |
|||
Tooltip, |
|||
Tree, |
|||
Collapse, |
|||
CollapsePanel, |
|||
Watermark, |
|||
Rate, |
|||
Alert, |
|||
DialogPlugin, |
|||
Dialog, |
|||
Drawer, |
|||
Guide, |
|||
LoadingPlugin, |
|||
Loading, |
|||
// MessagePlugin,
|
|||
Message, |
|||
NotifyPlugin, |
|||
Notification, |
|||
Popconfirm, |
|||
Popup, |
|||
Upload, |
|||
ConfigProvider, |
|||
} from 'tdesign-vue-next'; |
|||
|
|||
export default { |
|||
install: (app) => { |
|||
// 在这里编写插件代码
|
|||
app.use(Button); |
|||
app.use(Tabs); |
|||
app.use(TabPanel); |
|||
app.use(Icon); |
|||
app.use(Link); |
|||
app.use(Col); |
|||
app.use(Row); |
|||
app.use(Aside); |
|||
app.use(Content); |
|||
app.use(Footer); |
|||
app.use(Header); |
|||
app.use(Layout); |
|||
app.use(Divider); |
|||
app.use(Space); |
|||
app.use(Affix); |
|||
app.use(Anchor); |
|||
app.use(AnchorItem); |
|||
app.use(AnchorTarget); |
|||
app.use(Breadcrumb); |
|||
app.use(BreadcrumbItem); |
|||
app.use(Dropdown); |
|||
app.use(DropdownItem); |
|||
app.use(DropdownMenu); |
|||
app.use(HeadMenu); |
|||
app.use(Menu); |
|||
app.use(MenuGroup); |
|||
app.use(MenuItem); |
|||
app.use(Submenu); |
|||
app.use(Pagination); |
|||
app.use(PaginationMini); |
|||
app.use(StepItem); |
|||
app.use(Steps); |
|||
app.use(StickyItem); |
|||
app.use(StickyTool); |
|||
app.use(BackTop); |
|||
app.use(AutoComplete); |
|||
app.use(HighlightOption); |
|||
app.use(Cascader); |
|||
app.use(CascaderPanel); |
|||
app.use(Checkbox); |
|||
app.use(CheckboxGroup); |
|||
app.use(DatePicker); |
|||
app.use(DatePickerPanel); |
|||
app.use(DateRangePicker); |
|||
app.use(DateRangePickerPanel); |
|||
app.use(Form); |
|||
app.use(FormItem); |
|||
app.use(InputAdornment); |
|||
app.use(Input); |
|||
app.use(InputGroup); |
|||
app.use(InputNumber); |
|||
app.use(Radio); |
|||
app.use(RadioButton); |
|||
app.use(RadioGroup); |
|||
app.use(Option); |
|||
app.use(OptionGroup); |
|||
app.use(Select); |
|||
app.use(Slider); |
|||
app.use(SliderButton); |
|||
app.use(Switch); |
|||
app.use(TagInput); |
|||
app.use(SelectInput); |
|||
app.use(Textarea); |
|||
app.use(Transfer); |
|||
app.use(TimePicker); |
|||
app.use(TimePickerPanel); |
|||
app.use(TimeRangePicker); |
|||
app.use(TreeSelect); |
|||
app.use(ColorPicker); |
|||
app.use(ColorPickerPanel); |
|||
app.use(RangeInput); |
|||
app.use(RangeInputPopup); |
|||
app.use(Avatar); |
|||
app.use(AvatarGroup); |
|||
app.use(Badge); |
|||
app.use(Calendar); |
|||
app.use(Card); |
|||
app.use(Comment); |
|||
app.use(Image); |
|||
app.use(ImageViewer); |
|||
app.use(List); |
|||
app.use(ListItem); |
|||
app.use(ListItemMeta); |
|||
app.use(Progress); |
|||
app.use(Skeleton); |
|||
app.use(Swiper); |
|||
app.use(SwiperItem); |
|||
app.use(BaseTable); |
|||
app.use(EnhancedTable); |
|||
app.use(PrimaryTable); |
|||
app.use(Table); |
|||
app.use(CheckTag); |
|||
app.use(Tag); |
|||
app.use(Timeline); |
|||
app.use(TimelineItem); |
|||
app.use(Tooltip); |
|||
app.use(Tree); |
|||
app.use(Collapse); |
|||
app.use(CollapsePanel); |
|||
app.use(Watermark); |
|||
app.use(Rate); |
|||
app.use(Alert); |
|||
app.use(DialogPlugin); |
|||
app.use(Dialog); |
|||
app.use(Drawer); |
|||
app.use(Guide); |
|||
app.use(LoadingPlugin); |
|||
app.use(Loading); |
|||
// app.use(MessagePlugin);
|
|||
app.use(Message); |
|||
app.use(NotifyPlugin); |
|||
app.use(Notification); |
|||
app.use(Popconfirm); |
|||
app.use(Popup); |
|||
app.use(Upload); |
|||
app.use(ConfigProvider); |
|||
}, |
|||
}; |
|||
Loading…
Reference in new issue