微信小程序 学习笔记 （一）

1.微信小程序 单位 ：rpx

小程序以设计稿750*1334 计算

以iOS6 为基础 375*667

1px = 2rpx

因此：小程序单位rpx 可以设计稿px * 2 = rpx

 

2.view 属性: https://developers.weixin.qq.com/miniprogram/dev/component/view.html
hover-class: 指定按下去的样式类

<view class="btn" hover-class="clibtn"></view>
<style>
	.btn{
    width:300rpx;height:300rpx;background:#f00}
	.clibtn{
    background:#ff0}
</style>

hover-stop-propagation:指定是否阻止本节点的祖先节点出现点击态

<view class="btn" hover-class="clibtn">
	<view class="box" hover-class="box-hov" hover-stop-propagation="true"></view>
</view>
<style>
	.btn{
    width:300rpx;height:300rpx;background:red}
	.box{
    width:70rpx;height:70rpx;background:blue}
	.clibtn{
    background:yellow}
	.box-hov{
    background:green}
</style>

 

3. 点击事件 bindtap catchtap(阻止事件冒泡)

<view catch:tap="parentTap">
	<view catch:tap="childTap"></view