1.0 to the
August 11, 2018, we released [Vant Weapp] [1] the first version. Since 16 months, we received 27 developers contributed multiple submissions of 1000, also dealt with more than 1200 issue, published more than 50 versions. Star Github number increased from 5k to 11k, has long been the largest star on Github small number of third-party programs UI component library.
Now, we are pleased to introduce Vant Weapp version 1.0 .
After development and beta testing two months, we bring you 11 new components, reconstructed a number of existing components, an increase of theme customization features covering all components. And, in line with the development of Vant family, the official name was changed to the package @ Vant / weapp .
You can scan the bottom of the applet code example Vant Weapp experience 1.0
The new version introduces
New components
In Vant Weapp version 1.0, we added 11 useful basic components:
- Grid grids, are representative of the content or page navigation
- Image Pictures, enhanced version of Image tags, support for image lazy loading and failed to load tips
- Circle circular progress bar informs the user of the current status and progress
- Overaly mask layer, for emphasizing a particular page elements, and to prevent users from other operations
- Divider dividing line, the dividing line segment content
- Sticky viscous layout, and the CSS
position: stickyeffect properties achieved similar - Skeleton screen skeleton, the block to be loaded in the footprint area of the display, provide a transition effect during load interface
- IndexBar index field, alphabetical index column address book for quick reference long lists
- Uploader file upload, upload one or more files
- CountDown countdown, the countdown for display of active, short codes, etc.
- DropdownMenu drop-down menu, select list for classification, filtering and sorting
Custom style
In the beginning of the 1.0 iteration plan OK, we continue to think such a question - how to provide functionality to dynamically switch theme styles to users?
Micro-channel environment applet is very special. Does not have a mechanism to dynamically load code, while the main micro-channel and limit the packet size and the total size of the code. Based on the traditional custom preset style is too bloated, no longer suitable for small micro-channel environment program.
Applet from the micro-channel defined component model corresponding to a simplified version of the component [Shadow DOM] [2], fortunately, the applet also support [the CSS custom properties] [3] characteristics. In the end, we based custom CSS style property designed custom solutions, developers use flexible, convenient and components maintenance is easier.
From the 1.0 version, all components Vant Weapp is supported by [CSS group defined attributes] [4] to style customized specifically to use gestures to see [Related Documents] [5]
Not compatible update
Version 1.0 contains a small amount of incompatible update, mainly naming adjustment and removal of individual properties. For projects are using 0.x version, please check the order in accordance with [Update log] [6], most of the projects can be painless upgrade ** **.
future
Vant Weapp will actively explore the possibility of combining with Tencent cloud development, to bring you a better experience. Soon, we will meet with you again.
At last
Thank the community for a long time to Vant Weapp provide contributions and feedback, let us always stand together with the developer. If you encounter any problem with Vant Weapp's welcome at Github [us feedback] [7].
Vant Weapp main contributor to 1.0 (sorted initials): [@ Andyliwr] [8] [@aphasic] [9] [@chenjiahan] [10] [@creeperdance] [11] [@Eamonnzhang] [12] [@Fyerl] [13] [@JakeLaoyu] [14] [@jerryni] [15] [@kongyeah] [16] [@Lindysen] [17] [@linrz] [18] [@ rex-zsd] [19 ] [@thoamsy] [20] [@ylethe] [21].
[1]: https://github.com/youzan/vant-weapp[2]: https://developers.google.com/web/fundamentals/web-components/shadowdom?hl=zh-CN[3]: https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_custom_properties[4]: https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_custom_properties[5]: https://youzan.github.io/vant-weapp/#/theme[6]: https://youzan.github.io/vant-weapp/#/changelog[7]: https://github.com/youzan/vant-weapp/issues/new[8]: https://github.com/Andyliwr[9]: https://github.com/aphasic[10]: https://github.com/chenjiahan[11]: https://github.com/creeperdance[12]: http://github.com/Eamonnzhang[13]: http://github.com/Fyerl[14]: https://github.com/JakeLaoyu[15]: https://github.com/jerryni[16]: https://github.com/kongyeah[17]: https://github.com/Lindysen[18]: https://github.com/linrz[19]: https://github.com/rex-zsd[20]: https://github.com / thoamsy [21]: https://github.com/ylethe welcome attention "to praise coder" public number!