(九)微信小程序---for指令】的更多相关文章

对于数据是列表 wxml <view wx:for="{{dataList}}">{{index}}-{{item}}</view> 我们可以看到上面的代码  默认的给了  index    和     item    我们要是想自己修改的话用下面的代码 <view wx:}}-{{xxxx}}</view> js Page({ data: { dataList:["口罩","护目镜","消毒液…
原文:微信小程序把玩(二十九)video组件 视频播放组件与图片加载组件也没啥差别,使用起来也没啥注意的 重要属性: wxml <!--监听button点击事件--> <button bindtap="listenerButton">点击显示视频组件</button> <!--视频组件src资源地址,binderror为监听错误信息--> <video src="http://mvvideo1.meitudata.com/…
原文:微信小程序把玩(十九)radio组件 radio组件为单选组件与radio-group组合使用,使用方式和checkbox没啥区别 主要属性: wxml <!--设置监听器,当点击radio时调用--> <radio-group bindchange="listenerRadioGroup"> <!--label通常与radio和checkbox结合使用--> <label style="display: flex"…
原文:微信小程序把玩(九)scroll-view组件 scroll-view为滚动视图,分为水平滚动和垂直滚动.注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效.滚动视图常用的地方一般都是Item项比较多的界面,比如我的模块 主要属性: 使用演示: wxml <!--垂直滚动,这里必须设置高度--> <scroll-view scroll-y="true" style="height: 200px"> <vie…
原文:微信小程序把玩(三十九)navigation API 演示效果也看到了小程序也就提供这几个处理导航控制.值得注意的是只能同时导航五个页面 主要属性: 导航条一些方法 wx.setNavigationBarTitle(object) 设置导航条的Title 导航标题可以通过三种方式设置,第一种是通过全局配置名字统一,第二种就是在page中新建个json文件配置它会覆盖全局配置的title,第三种就是通过API设置. wx.showNavigationBarLoading()设置在导航条上显示…
一.双花括号{{}}插值和MVVM模式 1.1 体会{{}}插值 index.wxml的标签不是html的那些标签,这里的view就是div. {{}}这样的插值写法,叫做mustache语法.mustache是胡子的意思,因为{{}}像胡子. <view class="container"> <view class="title"> 我是首页 {{1 + 1}} {{a}}年! </view> </view> 要在同…
最近在帮朋友做一款微信小程序(后面统称为小程序),有简单的交互,以及分享和支付功能.下面就简单的对小程序开发做一个简单的介绍,希望可以帮助大家!!! 当前的小程序我们是在windows系统里开发的,如果要在linux系统下开发,请参考linux环境系统下开发的具体文档(好像需要对开发工具做一些配置,下次为大家提供相关文档). 开发步骤: 1:准备阶段:有基础的HTML和css以及js基础. 2:项目建立: a:创建自己的项目,创建一个本地项目,开发过程中利用appID来同步到项目中. b:建立好…
WXSS是一套样式语言,用于描述WXML的组件样式. 官方文档表示,WXSS的选择器目前支持(“.class”.“#id”.“elemnt”.“element,element”.“::after”.“::before”),而且本地资源无法通过WXSS获取,所以WXSS中的样式都是用的网络图片,或者base64. 好在微信团队提供的WXSS具有CSS大部分特性.同时为了更适合开发微信小程序,微信团队对CSS进行了扩充以及修改. 与CSS相比,WXSS扩展的特性有: ♦ 尺寸单位 ♦ 样式导入 尺寸…
uni-app对接微信小程序直播 1.登录微信小程序后台-点击>设置->第三方设置->添加直播插件 2.添加直播组件后->点击<详情>      记录这两个参数直播插件的appid和最新版本号 3. 打开项目,找到manifest.json这个文件 代码: "plugins" : { "live-player-plugin" : { "version" : "1.1.9", //最新直播组件…
目录 一.样式中如何使用background-image呢? 二.使用自适应单位rpx类似于rem,布局尽量使用flex布局 三.万能的{{双大括号,用于在模版中输出变量 四.你想要的基础组件和API,微信的mina框架和通用API都给你准备好了 五.使用wepy框架,这里没有click,只有tap,longpress和touchend等等 六.使用wepy框架全局的东西都可以丢到app.wpy中,如globalData 七.异步更新数据后记得调用this.$apply()更新视图 八.使用we…