preface

Uni-ui DCloud has launched an official UI library — UNI-UI — to address cross-terminal compatibility issues

Our goal is to develop a cross-end UI library based on Vue that is compatible with multi-end small programs and App and is beautiful and easy to use faster and easier. If you need to develop a cross-application, don’t want to solve compatibility issues yourself, but want high performance, uni-UI is your first choice.

Existing components

Development philosophy

performance

Uni-app is also available in nvUE, which uses the WEEX rendering engine on the app side to provide native rendering capabilities. Development with NVUE allows developers to have faster App launches and better performance.

In WEEX, the CSS can only be written with one layer of class names. So we helped developers write common components out of the box. The NVUE version of UNI-UI is the UI library for NVUE pages.

As a mobile component library, UNI-UI has always had lightness as a core development concept. In order to balance the contradiction between increasingly rich functions and lightweight, we have tried many optimization methods, including supporting component loading on demand, reuse of common modules, component compilation process optimization, etc.

After a series of optimizations, the current UNI-UI component compiles apK that runs smoothly on low-end Android devices. Uni-ui is so smooth on low-end Android phones because of our unique optimization. We have carried out a special performance analysis for android low-end machines, and analyzed the impact of each CSS property on performance. When writing code, we try to avoid using CSS properties that have an impact on performance. We also optimized the algorithm to reduce the time and space complexity. The details are not detailed here, but you can take a look at some of the source code in UNI-UI. Attach the source code link here: UNI-UI

Across the sex

The most powerful feature of UNI-UI is its cross-ability.

Uni-ui is a Vue cross-end component library implemented by DCloud front-end team based on the unified specification of DCloud. It can be compiled to iOS, Android, H5 and various small programs (wechat, Alipay, Baidu, Toutiao, QQ, Dingding) and other platforms by writing a set of code.

The implementation uses a set of UI and presents unity in multiple aspects. The compatibility issue has been solved for developers, so developers don’t have to worry about manual compatibility. Uni-ui provides a complete set of basic UI components and business components to quickly build unified pages and improve development efficiency. Uni-ui currently has nearly 30 components. We will continue to improve on this basis and develop more practical components.

ecological

In addition to providing components, we are also making a lot of efforts to enrich the uni-UI development ecosystem to cover all scenarios and make it easier for everyone. Here are some of our existing ecologies or capabilities:

  • Based on thevue-cliThe scaffolddcloudio/uni-preset-vue
  • supporti18nMulti-language customization
  • Supported bypostcssPlug-ins for theme customization
  • Better performingnvue 版 uni-ui
  • The officialDemoWarehouse -uni-ui

The last

Uni-ui still has a lot to be desired. Many of the components are still in their infancy and incomplete, and more business components need to be added to UNI-UI. I look forward to your criticism and suggestions to build a better UNI-UI together. For the complete code, go to UNI-UI

Scan code for instant experience