样式
小程序的rpx单位,它相对于物理像素.在iPhone6下
1px:1rpx = 1:2
设置全局样式可以再最外层的app.wxss中
page{
/*some css code*/
}
因为小程序的页面总是被page标签包裹的(包括一些组件)
全局样式有一部分可以被组件样式继承.可以继承的样式有且只有(当然在Page中会正常继承)
font:xxx;
/*包括font-size,font-family等子样式*/
color:xxx;
逻辑
<view
bind:tap ="someFunction"
class ="someClass">{{msg}}
</view>
----------js---------
//bind:tap事件不会阻止事件冒泡(多数情况)
//catch:tap 可以阻止事件冒泡,例如:
//<form/>的submit事件
//<input/>的input事件
//<scroll-view/>的scroll事件.
methods:{
someFunction(event){
}
}
组件对象的几个属性
data:{
msg:'someMsg',
//常见的数据绑定
flag:true
},
properties:{
//接收外来属性
index:{
type:String,
value:'' //初始值,不一定指定
observer:function(){
//属性变化时执行的回调函数。在这里设置properties会导致
//内存溢出。
}
}
//待补充
注意:在 properties 定义段中,属性名采用驼峰写法(propertyName);在 wxml 中,指定属性值时则对应使用连字符写法(component-tag-name property-name="attr value"),应用于数据绑定时采用驼峰写法(attr="")。
网友评论