微信小程序笔记 （三）

margin-top无效

<view class="v1">
    <view class="v2">
    <view class="v2">
    <view class="v2">
    <view class="v2">
    </view>
</view>

v2设置margin-top无效，解决：

.v1{
      overflow: hidden;
}

view中有input，border-radius失效

<view class='box'>
		<view class='box-left'></view>
		<view class='box-right'>
			<input placeholder='abcdefgabcdefg' />
		</view>
	</view>

box设置flex，border-radius，只在左边生效，右边不生效，因为被input输入框覆盖，解决：

在input中设置border-radius

计算赋值

addNum(){
    	var that=this;
    	that.setData({
    		num:this.data.num + 1               //true
    		num:this.data.num+1                 //false,符号两边留空格
    	})
    }

button

去默认的圆角边框

button::after {
    border-radius: 0;
}
    button{
    border-radius: 0;
}