acmen、l学习案例集锦《一》生命周期,组件


Acmen、L 学习案例集锦《一》生命周期,组件 一:生命周期 在 app.js 的 app()中注册程序 在页面.js 中的 Page({})中注册页面。 执行效果: 二:组件 1.view 把文档分割为独立的、不同的部分。 view 组件类似于 html 中的 div 标签,默认为块级元素,独占一行,可以通过设置 display:inline-block 改为行级元素。  view.wxml 代码如下:  view.wxss 代码如下 .outerView{ width:100%;height: 100px;margin: 0 auto;background-color: brown; } .innerView1{ width: 40%;height: 40px;background: blue;display: inline-block; } .innerView2{ width: 40%;height: 40px;background: yellow;display: inline-block; } .innerView3{ width: 40%;height: 40px;background: peru; }  显示效果: 2.scroll-view 可滚动(点击滑动)视图区域。  官方给出的属性列:  scroll-view.wxml 代码如下:  scroll-view.js 代码如下: Page({ data: { toView: "red",//设置初始滑动区顶部显示的 view,可通过 this.setdata({toView:"blue"})来改变 scrollTop: 10, threshold:0 }, upper: function(e) { console.log("到达顶部") }, lower: function(e) { console.log("到达底部") }, scroll: function(e) { console.log("一次滑动结束") } })  运行效果: 3.swiper 滑动面板,定时滑动切换图片或手动滑动切换图片。  swiper.wxml  运行效果: 4.icon,text,progress,checkbox,input,readio-group,slider,switch 可以长按选中
还剩11页未读

继续阅读

下载pdf到电脑,查找使用更方便

pdf的实际排版效果,会与网站的显示效果略有不同!!

需要 10 金币 [ 分享pdf获得金币 ] 0 人已下载

下载pdf