
weex-ui
超频化石鱼
这个作者很懒,什么都没留下…
展开
-
wxc-icon使用
<wxc-icon name="clock" size="large" :icon-style="iconStyle"></wxc-icon><wxc-icon>共有3个属性:1. name:图标名。共有20个图标,其图标与name的对应关系如下:取值分别是:['less', 'more_unfold', 'back',..原创 2018-05-17 13:48:41 · 1466 阅读 · 0 评论 -
wxc-progress使用
<wxc-progress>的本质是两个嵌套的<div>。外层<div>负责背景,内层<div>负责进度条。<wxc-progress :value=70 bar-color='#0fee0f' :bar-height="16" :bar-radius="8"原创 2018-05-17 15:10:09 · 353 阅读 · 0 评论 -
wxc-page-calendar使用
< wxc-page-calendar>由3部分组成:① 最上方的导航栏,是一个<wxc-minibar>。② 上方的周几标识区,即写着“日 一 二…六”的这一行。③ 下方的主体区域是一个<list>。< wxc-page-calendar>用法类似<wxc-dialog>,是在当前页面配置,并按需显示的,并不需要单独的页面。...原创 2018-05-17 16:55:09 · 571 阅读 · 0 评论 -
wxc-cell使用
如图。这是官网提供的Demo。一个常规的wxc-cell由三部分组成:1. 左侧的label。例如上面写着“标题”的区域。2. 中间的title。例如上面写着“文字内容”、“带链接”等的区域。3. 右侧的value。例如上面右侧的小箭头,以及checkbox。任何一部分都可以为空。 一. 使用:1. 将WxcCell引入,注意是用驼峰命名:import { WxcCell...原创 2018-05-15 16:27:16 · 2038 阅读 · 0 评论 -
wxc-button使用
<wxc-button text="按钮" type="white" size="full" :disabled="false" :btnStyle="btnStyle" :textStyle="textStyle" @wxcButtonClic原创 2018-05-16 11:41:05 · 1495 阅读 · 0 评论 -
wxc-minbar使用
<wxc-minibar title="minibar标题" :right-button="arrawSrc" right-text="右侧文本" left-button="http://iconfont.alicdn.com/t/1489455806593.png@100h_100w.jpg" ...原创 2018-05-16 16:42:55 · 1327 阅读 · 0 评论 -
wxc-loading使用
wxc-loading有两种:页面<wxc-loading>和局部<wxc-part-loading>。1. <wxc-loading><wxc-loading>更复杂,会覆盖其父对象。wxc-loading的图标必然是显示在页面中间的,且不随页面滚动而滚动;但蒙层只会蒙住其父对象。所以一旦wxc-loading的父对象位于页面下部,会出现lo...原创 2018-06-12 13:41:50 · 1550 阅读 · 2 评论 -
wxc-tab-page使用
wxc-tab-page由两部分组成:上方的标签页部分和下方的显示区部分。总体结构如下:<div> <scroller scroll-direction="horizontal"></scroller> <div ref="tab-container" class="tab-container"> &原创 2018-06-27 14:31:47 · 2272 阅读 · 1 评论