一、Remove the scroll bar in scroll-view
1
2
3
4
5
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
二、Enable scroll in scroll-view
the following css are needed to let the scroll-view to scroll:
1 | width: 100%; |
三、Change the background-color of the whole page
Add following to your css file:
1 | Page { |
四、Using the unit of rpx to adjust different phone size
The formula of transfer like following, use iphone6 as example:
1 | 1px = 2rpx; |
if you want to know more about this, you can step into this article
五、May be a bug
Don’t add auto-focus to the element input,it will cause the death of your project(the situation I confronted was:
I can’t go back nor scroll the page)
六、Something I always forget
Dynamically give a class to an element:
1 | class="shopcart {{ cartShow ? 'show' : '' }}" |
Add key to a recycle:
1 | wx:key="unique" |
All above are which I met after completing an static mini-project.