正文

weex 小结 -- <list>

IP云
IP云V管理员/5 阅读
12/01
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

可以包含各种子组件 

                         <refresh style="width:750;padding:30;flex-direction:row;justify-content:center;" onrefresh="refresh" display="{{isShowRefresh}}">

				<text style="text-align:center;">PULL TO REFRESH</text>

				<loading-indicator style="width:50;height:50;color:#3192e1;"></loading-indicator>

			</refresh>
// 在 refresh 方法中需要先将 刷新的布局 显示出来，在刷新完毕时将 布局 隐藏
            refresh:function(){
                var self=this;
                self.isShowRefresh='show';
                self.getPaper(self.paperUrl,function(results){
                    self.paperList=[];
                    self.isShowLoading='hide';
                    for(var i = 0; i < results.length; i++) {
                        var paper=results[i];
                          self.paperList.push(paper);
                    }
                });
                self.isShowRefresh='hide';
            },

                       <cell>

				<div class="item" repeat="item in paperList">

					<div class="exam-div" >

						<text class="exam" url="{{item.url}}" onclick="exam">参加考试</text>

					</div>

				</div>

			</cell>
// url="{{item.url}}"--- url 为自定义属性，并为他赋值，在 onclick 事件中可以通过 el.target.attr.url 获取该属性（el 代表了所点击组件的对象，可以通过 el.target.attr.*** 来获取该组件的属性值）
            exam:function(e){
                console.log('i am the callback '+e.target.attr.url);
                var self=this;
                var url=e.target.attr.url;
                modal.toast({'message':url,'doation':1});
                var params = {'url':url,'animated':'true'};
                navigator.push(params, function(e) {});
            },

                        <loading style="width:750;padding:30;justify-content:center;background-color:#cccccc;" onloading="loading" display="{{isShowLoading}}">

				<text style="text-align:center;color:#3192e1;">正在加载。。。</text>

			</loading>

weex 小结 -- <list>的更多相关文章
  1. weex 小结 --官方扩展组件

    <wxc-tabbar>  页面底部的 tab 标签,通过点击在不同页面之间切换 属性: selected-index {number}:设置默认选中的 tab 索引,默认值为 0(第一个 ...

  2. weex 小结

    1. import  文件时,必须引入全称,不能省略 .vue import mEcharts from '../components/Echarts.vue' 2.weex 的 cli 中没有 配置 ...

  3. weex 小结--内建模块

    使用以下模块时,需要导入依赖:var *** = require('@weex-module/****'); 1. navigator --像浏览器一样切换页面 2. webview(module) ...

  4. weex官方demo weex-hackernews代码解读(下）

    weex 是阿里出品的一个类似RN的框架,可以使用前端技术来开发移动应用,实现一份代码支持H5,IOS和Android.而weex-hacknews则是weex官方出品的,首个使用 Weex 和 Vu ...

  5. weex stream 之fetch的get、post获取Json数据

    无论何种平台,网络数据的获取都是十分重要的,最近学习weex,不可避免的要学习weex的数据请求方法了.网址 个人感觉,weex stream相较于其他平台,还算比较简单了,但是由于文档以及官方代码中 ...

  6. 前台vue的使用简单小结

    前台vue的使用简单小结 本项目要求:安装有node.js 6.0以及以上安装npm使用vue.js官方安装方法初始化项目npm install安装VueResurce:npm install vue ...

  7. 前端开发个人小结 · Retrospection的博客

    序 2018年转眼来到了最后一个月,算下来我进入前端之门也有一年了,虽然下半年由于忙于筹备毕业论文的相关事项,前端这一块有所放下,但是想想还是给自己这一年的学习做一个总结. 现代化软件开发确实是一个复 ...

  8. 从零开始编写自己的C#框架（26）——小结

    一直想写个总结,不过实在太忙了,所以一直拖啊拖啊,拖到现在,不过也好,有了这段时间的沉淀,发现自己又有了小小的进步.哈哈...... 原想框架开发的相关开发步骤.文档.代码.功能.部署等都简单的讲过了 ...

  9. Python自然语言处理工具小结

    Python自然语言处理工具小结 作者:白宁超 2016年11月21日21:45:26 目录 [Python NLP]干货!详述Python NLTK下如何使用stanford NLP工具包(1) [ ...

随机推荐
  1. HTML5--拖动01

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  2. EF Core 1.0 和 SQLServer 2008 分页的问题

    EF Core 1.0 在sqlserver2008分页的时候需要指定用数字分页. EF Core1.0 生成的分页语句中使用了 Featch Next.这个语句只有在SqlServer2012的时候 ...

  3. Android USB Host与HID通讯

    前端时间捣鼓一个HID的硬件, 需要和android通信, 网上搜索了一圈,收获不小. 比较好的文章是:      Android USB Host与HID通讯 Android Service创建US ...

  4. tcp连接listen的backlog剖析

    TCP连接中,最重要的是连接TCP连接上,两个方向之间的各个状态及各个系统调用与状态之间的关系.往往可以以两种图表示,第一种是状态转换图,第二种是连接时序图.如下: 状态图: 时序图:         ...

  5. 分享一个延迟加载图片的JS

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  6. 用ajax提交数据到后台以便下载，但是不能下载

    在js里面,把一段数据通过post提交给后台,经过后台解析处理,把他以输出流写给浏览器.会发现没得下载提示. 个人觉得是ajax不能解析返回的response里面的流. 如果数据比较大,像post过去 ...

  7. Bitnami Redmine插件记录

    1.bitnami安装时自带了开发环境,如ruby.rails.devkit. 为了版本兼容,应使用bitnami的命令行. 2.通过use_redmine启动命令行:运行Bitnami\redmin ...

  8. 用 正则表达式 限定XML simpleType 定义

    <xsd:simpleType name="ResTrictions"> <xsd:restriction base="xsd:string" ...

  9. fso查找被删除的文件

    <html> <head> </head> <body> 源目录:<input id="txtOld" value=&quot ...

  10. LoadRunner使用之变量参数化

    LR性能测试之参数化设置 Q:何为参数化? LR在录制程序运行的过程中,VuGen(脚本生成器) 自动生成了包含录制过程中实际用到的数值的脚本,如果你企图在录制的脚本中使用不同的数值执行脚本的活动(如 ...

相关阅读

目录[+]