1、去除小程序button的默认样式
button.remove-btn-style{
outline:none;
border:none;
list-style: none;
border-radius:0;
}
button.remove-btn-style:after{
outline:none;
border:none;
list-style: none;
}
2、这种错误多半是该js文件中没有Page这个方法,就算是空的js也必须要把Page({ })写上去
3、这种错误多半是该json文件没有内容,所以必须要加上{ },就算是空内容也要加上{ }。
注:小程序里json文件中不允许有注释不然会报错。
4、.获取input输入框的值:
给input绑定事件:bindinput= ' code (自定义事件名称)',
然后在page里面:
code:function(e){
var txt= e.detail.value //这个txt就是监听到的值
}
5、 scroll-view组件
水平滚动使用方法:
(1) scroll-view的css需要设置white-space:nowrap;这个属性。还有需要设置scroll-x
(2) scroll-view的子集需要设置display:inline-block
垂直滚动使用方法:需要给scroll-view一个固定高度
通用说明:
(1) scroll-top,scroll-left是指定滚动条滚动到设置的位置,不带单位,就一个数值。
(2) scroll-left是水平滚动的时候用的,scroll-top是垂直滚动的时候用的。它们的值可以是动态的,也就是可以通过setData来动态设置数值。
(3) scroll-with-animation 是水平或者垂直滚动时的动画效果,如果没有这个属性,当设置scroll-top,scroll-left的值的时候,就是直接跳转到指定位置,并没有滑到指定位置的动画效果。
6、控件中同时使用wx:if和wx:for导致无效的问题
通过服务器的一个参数控制条目中图片的显示隐藏,比如当前的朋友圈动态是有图片的,则该条目的isShow为true,反之,则isShow为false。布局的方式是大的列表数据嵌套小的图片列表数据,在实现的时候通过wx:if来控制图片列表的显示隐藏,通过wx:for来控制图片列表数据的显示,逻辑结构很简单,但是在图片列表控件上同时添加wx:if和wx:for时,发现wx:if不起作用。图片列表代码如下:
<block class="imglist" wx:if="{
{item.isShow}}" wx:for="{
{item.piclists}}">
<image class='image-view' src="{
{item.pic}}"></image>
</block>
看到这个问题,很是奇怪,逻辑上没有什么问题,然后开始动手做测试,测试过程中发现:如果对同一个控件同时添加wx:if和wx:for,是不能正常起作用的。修改代码,在图片列表控件外添加一个view布局,来单独控制其显示隐藏。修改后代码如下:
<view wx:if="{
{item.isShow}}">
<block class="imglist" wx:for="{
{item.piclists}}">
<image class='image-view' src="{
{item.pic}}"></image>
</block>
</view>