ionic学习使用笔记 slide 组件的使用   开始做的时候,遇到了个要用ionic实现 有一系列的序列需要展示,但是当前页面上只能展示一小部分,剩余的在没有出现时是隐藏的,还得能滑动出现,但是又不能有滚动条. 之前使用jQuery来实现的话,其实就是一个向左滑动的图片切换. 想着这个功能其实还是蛮常见的,ionic的framework应该能实现.然后就查看了一下文档,发现slides是可以实现的. 一开始直接粘贴了文档里面的代码,想着能自己直接修改样式来实现,设置slide宽度为20%,每…

KISSY Slide 组件首页:http://gallery.kissyui.com/slide/1.1/guide/index.html V1.1 New Featurs Slide是一个幻灯切换组件,和KISSY Core中的switchable组件不同,它更注重功能和对外暴露的Api以及事件的设计,帮你完成对它的二次封装.相比于switchable,Slide组件增加这些功能 1,暴露最常用的事件 switch:发生切换 beforeSwitch:切换发生前 afterSwitch:切换…

Ionic 常用组件解析 $ionicModal(弹出窗口): //创建一个窗口 //此处注意目录的起始位置为app $ionicModal.fromTemplateUrl('app/security/model/regist-model.html', { scope: $scope, animation: 'slide-in-up' }).then(function(modal) { //缓存创建的窗口 $scope.registModal = modal; }); $scope.showRe…

开始做的时候,遇到了个要用ionic实现 有一系列的序列需要展示,但是当前页面上只能展示一小部分,剩余的在没有出现时是隐藏的,还得能滑动出现,但是又不能有滚动条. 之前使用jQuery来实现的话,其实就是一个向左滑动的图片切换. 想着这个功能其实还是蛮常见的,ionic的framework应该能实现.然后就查看了一下文档,发现slides是可以实现的. 一开始直接粘贴了文档里面的代码,想着能自己直接修改样式来实现,设置slide宽度为20%,每次可展示5个序列.但是这样修改的话,使用this.s…

同是mvvm框架,他们之间是很相似的,如何你已经熟悉其中的一个,那么另一个也就基本上也就会的差不多了. 一.动态属性.值.事件绑定 vue中使用v-bind:或者之间分号:进行绑定 ng中左括号[]进行绑定 v-model –--->[(ngModel)] @click ---->(click) 二.条件判断 v-if----->*ngIf 三.显示隐藏 v-show------> [hidden] 四.遍历一组数组进行渲染 v-for="item in items&qu…

Vue2原生始轮播图组件,支持宽度自适应.高度设置.轮播时间设置.左右箭头按钮控制,圆点按钮切换,以及箭头.圆点按钮是否显示. <v-carousel :slideData="slideData" :height="450" :begin="0" :interval="3000" :dot="true" :arrow="true"></v-carousel> 话不…

ionic可以直接 用命令来创建组件.页面或者过滤器. 在ionic项目根目录打开命令窗口.输入下列命令: ionic g page pageName //创建新页面 ionic g component componentName //创建组件 ionic g pipe pipeName //创建过滤器 相对来说,还是很方便…

十五.ionic路由 1.ionic中内联模板介绍 使用内联模板内联模板的使用,常见的有几种情况.(1) 使用ng-include指令可以利用ng-include指令在HTML中直接使用内联模板,例如: <div ng-include="'a.html'"></div> 注意:其中a.html是一个字符串常量,需要使用单引号包裹起来.(2)使用$templateCache服务也可以直接使用$templateCache服务的方法get()从模板缓存中读出 其内容:…

本文转自:http://my.oschina.net/u/1416844/blog/514361?fromerr=bbFC5JIl 案例网站 Slidebox with Dynamic Slides Ionic UL search example Ionic Accordian ion-affix performance demo (就是这个栏目下的标题一直显示在最上面) Button Bar as Top Tabs FAB Menu Tab layout - view content gap…

1 课程简介 通过本课程熟悉自定义开始管道组件的流程.各组件接口的功能作用以及自定义管道. 本场景为开发一个消息ZIP压缩的发送管道组件. 2 准备工作 1. 熟悉管道组件各阶段组成 2. 下载Ionic.ZIP 组件(http://dotnetzip.codeplex.com/),使用如下代码部署到GAC中. "C:\Program Files (x86)\Microsoft SDKs\Windows\v7.0A\Bin\NETFX 4.0 Tools\gacutil.exe" /i…