介绍
weex-lrui是一套基于Vue.js和Weex技术栈的UI组件库，具有简单易用、易于扩展、高可用性等优点。本教程旨在帮助前端工程师了解如何使用weex-lrui，快速构建出自己的Weex应用。
安装
NPM安装
npm install weex-lrui --save
在Weex项目中使用
-- -------------------- ---- ------- ------ - -- ------ --------- ------- ----------- -------- -------- -------- ------- - ---- -----------
使用单个组件
import LRButton from 'weex-lrui/components/LRButton'
组件展示与定制
LRButton
-- -------------------- ---- -------
----------
--------- -------------- -------------------------------------------
-----------
--------
------ - -------- - ---- -----------
------ ------- -
----------- - -------- --
-------- -
------------- - ------------------ ---------- -
-
-
---------
定制方法：
-- -------------------- ---- ------- -- ---- -- ------ - ----------------- -------- ------ ----- - -- ---- -- ------------ - -------------- ----- - -- ---- -- --------------- - -------- ---- -
LRCell
-- -------------------- ---- ------- ---------- ------- ------------ -------------------------------------------------------------------- --------------------------- ----------- -------- ------ - ------ - ---- ----------- ------ ------- - ----------- - ------ - - ---------
定制方法：
-- -------------------- ---- ------- -- --------- -- ---------------- --------------- - ------ -------- ---------- ----- ------------ ------- --------- ------- -------------- --------- - -- ---------- -- ------------------- - ---------- ----- ------ -------- - -- ------------- -- -------------- - ------ ----- ------- ----- ------------- ----- ------------ ----- - -- ------------- -- --------------------- - ------ ----- ------- ----- ------------- ----- -
LRCheckbox
-- -------------------- ---- -------
----------
----------- ----------------- ------------- ------------------------------------
-----------
--------
------ - ---------- - ---- -----------
------ ------- -
----------- - ---------- --
---- -- -
------ -
-------- -----
-
-
-
---------
LRInput
-- -------------------- ---- -------
----------
-------- --------------------- --------------------------
-----------
--------
------ - ------- - ---- -----------
------ ------- -
----------- - ------- --
---- -- -
------ - ------ -- -
-
-
---------
LRLabel
-- -------------------- ---- ------- ---------- -------- ---------------- ------------ --------------------------- ----------- -------- ------ - ------- - ---- ----------- ------ ------- - ----------- - ------- - - ---------
反馈
如果您有任何问题、意见或建议，可以在GitHub上反馈。地址
总结
本文介绍了weex-lrui的使用方法，并提供了示例代码。我们希望本文能帮助您使用weex-lrui更快、更好地构建出自己的Weex应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671a730d09270238226b8