uv-ui Documentation

repository·master·Indexed 23 days ago

https://github.com/climblee/uv-ui

A multi-platform UI framework compatible with Vue 3 and Vue 2, designed for rapid development across App (Vue/nvue), H5, and Mini Programs. A derivative of uview2.x, uv-ui provides a comprehensive set of cross-platform components including uv-action-sheet, uv-album, uv-alert, uv-avatar, uv-badge, uv-button, uv-calendars, uv-cell, uv-checkbox, uv-form, and uv-grid, among others. It supports installation via npm, uni_modules, or HBuilderX plugin.

Tokens
12.1K
Snippets
9
Records
101
Agent score
79%

What's inside uv-ui

  1. Overview of uv-ui-tools

    master

    uv-ui-tools is a utility toolkit designed for the uni-app ecosystem. It provides a collection of essential helper functions including:

    • Network: HTTP request handling.
    • Utilities: General purpose convenience tools.
    • Flow Control: Throttle and debounce implementations.
    • Object Manipulation: Tools for working with JavaScript objects.
    • Time Formatting: Date and time formatting utilities.
    • Routing: Simplified route navigation/jumping.
    • Identifiers: Generation of globally unique identifiers.
    • Validation: Rule-based data validation.
  2. Use the uv-skeletons component

    master

    The uv-skeletons component provides a skeleton screen to improve user experience while remote data is loading. It displays gray or white blocks that match the layout structure of the content that will eventually appear.

    Note: This is a new version of the skeleton screen component. It has significantly different parameters compared to the old version and is not backward compatible.

    Compared to the older version, the new uv-skeletons is more flexible and offers higher styling freedom. It can easily implement simple left, right, top, or bottom layout structures using CSS. If you are comfortable with CSS, this version is highly recommended.

  3. Use the uv-button component

    master
    The uv-button component is a secondary wrapper around the standard uni-app button component. It provides flexible configuration, built-in state management (such as loading or disabled states), and full cross-platform compatibility. It is designed to be ready-to-use out of the box.