weex开发实战(6)-weex的下拉刷新组件<refresh>的使用

weex提供了一个refresh组件，用于下拉刷新，效果还是不错的。

<refresh> 为 <scroller> 和 <list> 提供下拉加载功能。用法与特性与 <loading> 类似，<scroller> 和 <list> 的子组件，且只能在被 <scroller> 和 <list> 包含时才能被正确的渲染。

来看下使用效果

具体的使用，可以看看官方的文档。点击打开链接

<template>    <div class="wrapper">        <navbar title="评论"></navbar>        <div class="joke">            <text class="jokec">{{jokecontent}}</text>        </div>        <list>            <refresh class="refresh-view" display="{{refresh_display}}" onrefresh="onrefresh">                <loading-indicator class="indicator" ></loading-indicator>                <text class="refresh-arrow" style="text-align:center;color:rgb(238,162,54)" if="{{refresh_display==='hide'}}">                    {{msg}}                </text>            </refresh>            <cell>                <scroller>                    <com-item repeat={{comments}}></com-item>                </scroller>            </cell>        </list>        <div class="input-wrapper">            <input type="text" maxlength="15" oninput="oninput" class="input" placeholder="{{hint}}"/>            <div class="send-icon" onclick="sendcomment">            <text style="color:#FFFFFF">发送</text>            </div>        </div>    </div></template>在<script></script>里面写出刷新事件onresfresh function，来做数据获取存储和刷新管理。
项目源码：点击打开链接