repository·master·Indexed 25 days ago
https://github.com/dcloudio/hello-uniappA starter template for the uni-app framework (version 3.4.9) demonstrating how to write a single codebase for deployment to iOS, Android, H5, and various mini-programs. It includes examples of uni-ui components such as uni-badge, uni-breadcrumb, uni-calendar, uni-card, uni-collapse, uni-combox, uni-countdown, and uni-data-checkbox, as well as the uni-config-center module for managing plugin configurations.
uni-steps component (code block: uSteps) is used to display a progress indicator or a sequence of steps in a user interface.uni-segmented-control component (component name: uni-segmented-control, code block: uSegmentedControl) is used to switch between different views or display segmented control options.The uni-load-more component is used in lists to handle scroll-based loading and to display various loading states (e.g., loading, finished, or error).
Component Name: uni-load-more
Code Block Name: uLoadMore
uni-grid component is used to create grid layouts. In your Vue templates, you can use the component via the custom tag uGrid.The uni-data-select component is a dropdown selector used to display and select content from a list, especially when there are too many options to display directly on the page.
Component Name: uni-data-select
Code Block Tag: uDataSelect
The uni-row and uni-col components implement a fluid grid system. The layout divides the screen or viewport into 24 equal parts, allowing you to create responsive layouts quickly and easily.
In Vue templates, use the component names uni-row and uni-col. When using these components in certain environments or via specific compilers, they may be referenced as uRow and uCol respectively.
The uni-nav-bar component is used to create a navigation bar, typically positioned at the top of a page.
To use this component in your template, use the following component name:
uNavBar
The uni-indexed-list component is used to display an indexed list, commonly used for quick navigation in long lists (like contact lists).
uni-indexed-listuIndexedListuni-tooltip component (code block: uTooltip) is used to display a numeric badge, typically paired with other controls like lists or grids, to indicate a count or quantity. By default, it features a solid gray background.uni-card component is used to create card-style views. In your Vue templates, you can use the component via the tag <uni-card> or the shorthand <uCard>.The uni-combox component is a Combox (combination box) component used for selecting items from a list.
uni-comboxuComboxFor detailed API documentation, property definitions, and advanced usage, refer to the official uni-ui documentation: https://uniapp.dcloud.io/component/uniui/uni-combox
uni-group component is used to group multiple components together, adding spacing and visual separation to create distinct content blocks within your uni-app application.