How xfjpeter/uni-plugins works
This is a uni-app/Vue component showcase and plugin collection. A user opens the index and navigates to examples of tab navigation, order-list paging, a side-tab layout, a navbar, or a custom keyboard. The repository also includes reusable popup and transition components. The order example coordinates tab selection with a swiper and locally initialized order data. Some modules are represented from the tree and README rather than sampled source, so uncertain integrations are omitted.
Main entry points: index.vue Example index · v-tabs2.vue Tabs component · order.vue Order tabs · tabs Tab examples
Components 20
Showcase pages
- Example index
pages/index/index.vue - Order tabs
pages/tabs/order.vue - Tab examples
pages/tabs - Side-tab example
pages/tabs/column.vue - Navbar example
pages/navbar/navbar.vue - Keyboard example
pages/keyboard/keyboard.vue - Tab test example
pages/test-v-tab/test-v-tab.vue
Tab components
- Tabs component
components/v-tabs2/v-tabs2.vue - Tabs props
components/v-tabs2/props.js - Tabs utilities
components/v-tabs2/utils.js - Tabs v1
components/v-tabs1/v-tabs.vue - Column tabs
components/v-tabs-column/v-tabs-column.vue
Input and chrome
- Navbar component
components/v-navbar/v-navbar.vue - Keyboard component
uni_modules/v-keyboard/components/v-keyboard/v-keyboard.vue
Popup components
- Popup component
uni_modules/uni-popup/components/uni-popup/uni-popup.vue - Transition component
uni_modules/uni-transition/components/uni-transition/uni-transition.vue - Popup dialog
uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.vue - Popup message
uni_modules/uni-popup/components/uni-popup-message/uni-popup-message.vue - Popup share
uni_modules/uni-popup/components/uni-popup-share/uni-popup-share.vue
Other components
- User
Connections 20
- User → Example index: opens
- Example index → Tab examples: navigates
- Example index → Order tabs: navigates
- Example index → Side-tab example: navigates
- Example index → Navbar example: navigates
- Example index → Keyboard example: navigates
- Example index → Tab test example: navigates
- Order tabs → Tabs component: renders
- Tab examples → Tabs v1: renders
- Side-tab example → Column tabs: renders
- Navbar example → Navbar component: renders
- Keyboard example → Keyboard component: renders
- Tab test example → Tabs component: renders
- Tabs component → Tabs props: uses
- Tabs component → Tabs utilities: calls
- Popup component → Transition component: renders
- User → Popup component: uses
- User → Popup dialog: uses
- User → Popup message: uses
- User → Popup share: uses