xiaosi
2 years 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