- 1、本文档共9页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
.
资料.
微信小程序开发(四)
第三章 表现层
页面文件:page.wxml
数据绑定:bind data
+
+普通绑定
view{{data}}/view
+三元运算
view{{flag?true:false}}/view
+算数运算
view{{a+b}}+{{c}}/view
+字符运算
view{{“hello”+” world”}}/view
+对象属性
view{{obj.property}}/view
+数组
view wx:for-items=”{{array}}”{{item}}/view
+逻辑
view wx:if=”{{a5}}”/view
+混合
template is=”otmp” data=”{{…obj1,obj2,a,}}”
/template
条件渲染:condition render
+
+条件渲染语法
wx.if
wx.elif
wx.else
block wx:if
+代码示例
view wx.if=”{{type==’web’}}”{{web}}/view
view wx.elif=”{{type==’app’}}”{{app}}/view
view wx.else=”{{type==’other’}}”{{other}}/view
block wx:if=”{{condition}}”/block
列表渲染:list render
+
+普通列表
view wx:for=”{{array}}”
{{item}}
/view
+列表嵌套
view wx:for=”{{ary}}” wx:for-item=”i”
view wx:for=”{{ary}}” wx:for-item=”j”
view{{i*j}}/view
/view
view
模板渲染:template render
+
+模板定义
template name=msgItem
view
text {{index}}: {{msg}} /text
text Time: {{time}} /text
/view
/template
+模板使用
template is=msgItem data={{...item}}/
元素事件:element event
事件种类:
NO
NO
TYPE
BIND_METHOD
SAMPLE
1
冒泡
Bind+xxxx
touchStart,touchMove,touchEnd,tap,longTap
2
不冒泡
Catch+xxxx
Submit,input,scroll
事件对象:baseEvent,customerEvent,touchEvent
对象
对象
NO
属性
类型
说明
备注
baseEvent
1
type
string
类型
2
timeStamp
integer
时间戮
3
target
obj
目标
Id,tagName,dataSet
4
currentTarget
obj
当前目标
Id,tagName,dataSet
cusEvt
5
detail
obj
明细
user define
touchEvt
6
touches
array
接触
Touch::identifer,px,py,cx,cy
7
changedTouches
array
变动接触
Touch::identifer,px,py,cx,cy
事件绑定实例:
view bindTap=”event-handler”/view
文件引用:include file
引用种类:
NO
NO
TYPE
DESC
SAMPLE
1
import
引用模板
import src=”template.wxml”/
2
include
引用页面
include src=”page.wxml”/
样式文件:page.wxss
引入新单位:
Rpx:responsive pixel:自适应设备长宽单位.
导入外部样式文件:
@import “out.wxss”
内联样式:
通过style,class属性来实现样式改变.
选择器支持:
目前支持的选择器有:ID.CLSS,ELEMENT,::AFTER,::BEFORE五类。
全局和局部样式:
全局样式:定义在文件[APP.WXSS]中的样式。
局部样式:定义在文件[PAGE.WXSS]中的样式.
组件:compent
您可能关注的文档
- 三磷酸腺苷(ATP)的应用及市场现状分析.doc
- 三年级语文上册总复习(排列句子顺序).doc
- 三相发电机维修常用知识.doc
- 山东省对外贸易问题及对策分析.doc
- 伤寒论复习重点各种题型.doc
- 商法案例分析真题(经典).doc
- 商法考试资料案例选择题.doc
- 商务谈判与签字礼仪试题.doc
- 商英国贸判断和案例整理部分.doc
- 上海初二实验表格分析题.doc
- 2025年长沙银行浏阳支行社会招聘考试备考题库及答案解析.docx
- 2025年浙商银行成都分行社会招聘考试备考题库及答案解析.docx
- 2025中国农业科学院烟草研究所高层次人才招聘5人考试备考题库及答案解析.docx
- 2025中国冶金地质总局二局 国冶二局(福建)集团有限公司招聘10人考试备考题库及答案解析.docx
- 2025中国宗教杂志社招聘3人考试备考题库及答案解析.docx
- 2025年长沙银行益阳支行社会招聘考试备考题库及答案解析.docx
- 2025中国农业科学院农田灌溉研究所第二批招聘14人(河南)考试备考题库及答案解析.docx
- 2025中国农业科学院郑州果树研究所青年英才招聘3人考试备考题库及答案解析.docx
- 【统编版】高中语文必修上册第1单元2.1《立在地球边上放号》精美课件(23张PPT).pptx
- 【统编版】高一语文必修上册第一单元2.1《立在地球边上放号》优质课(26张PPT)课件.pptx
最近下载
- 牛津自然拼读oxfordphonicsLevel2Unit4Lesson2课件.pptx VIP
- 《梅花易数》预测实战方法.pdf VIP
- 医院地震应急演练脚本.docx VIP
- EPLAN笔记-EPLAN笔记-EPLAN笔记-EPLAN笔记.pdf VIP
- 污水处理厂应急预案.doc VIP
- 防火封堵工程施工与验收记录表(附件8)模板.pdf VIP
- 公路工程高程横坡计算程序(2011表格版).xls VIP
- BS EN 1822-1-2019 高效空气过滤器(EPA,HEPA和ULPA).第1部分:分类性能试验标记.pdf VIP
- 皇极经世预言未来的原理.pdf VIP
- 牛津自然拼读课件OPW PPT L2 U4 Lesson1.pptx VIP
文档评论(0)