DOCSEARCHbyAlgolia
Submit Docs

ThorUI uni-app Component Library

repository·master·Indexed 25 days ago

https://github.com/dingyong0214/thorui-uniapp

A comprehensive component library for the uni-app framework supporting v3 compilation, nvue (Weex), and standard modes. It is compatible with multiple platforms including WeChat, H5, QQ, Alipay, and ByteDance mini-programs. The library features a wide array of components for navigation, data display, input, feedback, and charts, utilizing easycom for seamless integration. It includes global configuration via tui-config for themes and properties, as well as utility modules like tui-request for data fetching and tui-utils.js for date formatting.

Tokens
3.3K
Snippets
0
Records
52
Agent score
33%

What's inside ThorUI

  1. Overview of ThorUI Components and Platform Support

    master

    ThorUI is a component library for uni-app. Most components are optimized to support multiple mini-program platforms, including Alipay, Baidu, QQ, and ByteDance mini-programs.

    Key component categories include:

    • Navigation & Layout: tui-tabbar, tui-tabs, tui-drawer, tui-bottom-navigation, tui-navigation-bar, tui-sticky.
    • Data Display: tui-list-view, tui-card, tui-grid, tui-table, tui-time-axis, tui-steps, tui-collapse.
    • Input & Selection: tui-input, tui-picker, tui-cascade-selection, tui-digital-keyboard, tui-slider, tui-data-checkbox.
    • Feedback & Overlays: tui-dialog, tui-msg, tui-tips, tui-loading, tui-bubble-popup, tui-modal.
    • Charts: tui-charts-column, tui-charts-bar, tui-charts-line, tui-charts-pie, tui-charts-area, tui-charts-funnel, tui-charts-scatter, tui-charts-radar.
    • Media: tui-upload, tui-image-group, tui-gallery, tui-poster (for poster drawing).

  2. Overview of ThorUI uni-app Component Library

    master
    ThorUI is a component library specifically designed for the uni-app framework. It supports v3 compilation and is compatible with both nvue (formerly Weex) and standard uni-app compilation modes. The library utilizes the easycom component mode, which allows you to use components without manual imports, benefiting from built-in IDE intelligent sensing.

  6. Use ucharts for advanced charting

    master
    While ThorUI provides a suite of chart components (e.g., tui-charts-line, tui-charts-pie), the ThorUI example project embeds ucharts. If the standard ThorUI chart components do not meet your specific requirements, it is recommended to use ucharts for more complex data visualizations.

  9. Access premium Mall Templates

    master

    Certain advanced templates, such as the updated Mall Template (including features like flash sales, coupon selection, invoice management, and product reviews), are reserved for paid members.

    To access these features, contact the maintainer via QQ: 3168647172 or 3039218619.

  10. Configure global themes for ThorUI components

    master

    Many ThorUI components support global configuration for their primary colors and specific attributes. This allows you to maintain a consistent brand identity across your application without styling each component individually.

    Supported components for global primary color configuration include:

    • tui-datetime (confirm button)
    • tui-fab (floating button)
    • tui-footer (link colors)
    • tui-modal
    • tui-button
    • tui-no-data
    • tui-rate
    • tui-round-progress
    • tui-section
    • tui-steps
    • tui-tabbar
    • tui-tag
    • tui-upload
    • tui-form-button
    • tui-input
    • tui-form-item
    • tui-form
    • tui-code-input
    • tui-countdown-verify
    • tui-cubic-bezier
    • tui-data-checkbox
    • tui-digital-keyboard
    • tui-digital-roller
    • tui-divide-list
    • tui-grade
    • tui-index-list
    • tui-link
    • tui-msg
    • tui-notice-bar
    • tui-pagination
    • tui-picker
    • tui-progress
    • tui-radio
    • tui-rotate-verify
    • tui-scale-horizontal
    • tui-scale-vertical
    • tui-searchbar
    • tui-select
    • tui-slide-verify
    • tui-slide-view
    • tui-slider
    • tui-swiper-dot
    • tui-switch
    • tui-tab
    • tui-text
    • tui-textarea
    • tui-week-date

  11. Configure global settings via tui-config

    master
    ThorUI supports global configuration for common component properties and theme colors. You can use a global configuration file (tui-config) to set these values across your application. This includes setting the primary theme color, which will then be applied to components like tui-calendar, tui-icon, tui-alert, tui-badge, tui-cascade-selection, and tui-circular-progress.