- 自定义控件在某些情况下显示不出来?
[图片] 这一行代码不显示,上面默认的wx.showToast是可以显示的 跟踪代码,在下面方法打断点时,第一句打断点,执行了之后代码都会执行(此时控件可以显示了),但是跳过第一句打断点,在第二句打断点并不会执行,后面代码都不会执行了 此处第一句代码执行,能够正常做动画,显示出view了 [图片] [图片] 此处,第二句断点不执行(28行代码),日志也没有打印出来,没有执行后面代码了?? [图片] [代码]showToast(val, _isErrorToast) {[代码] [代码] [代码][代码]// 防止重复弹出[代码][代码] [代码][代码]if[代码] [代码](util.antiShakeChecked()) [代码][代码]return[代码] [代码] [代码][代码]var[代码] [代码]animation = wx.createAnimation({[代码][代码] [代码][代码]duration: 300,[代码][代码] [代码][代码]timingFunction: [代码][代码]'linear'[代码][代码],[代码][代码] [代码][代码]})[代码] [代码] [代码][代码]console.log([代码][代码]"AAAAAAAAA"[代码][代码])[代码][代码] [代码][代码]this[代码][代码].animation = animation[代码][代码] [代码][代码]animation.opacity(1).step().translateY(50).step()[代码][代码] [代码][代码]if[代码] [代码]([代码][代码]this[代码][代码].data.isErrorToast) {[代码][代码] [代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]animationData: animation.export(),[代码][代码] [代码][代码]content: val,[代码][代码] [代码][代码]fontColor: [代码][代码]"#f00"[代码][代码] [代码][代码]})[代码][代码] [代码][代码]} [代码][代码]else[代码] [代码]{[代码][代码] [代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]animationData: animation.export(),[代码][代码] [代码][代码]content: val,[代码][代码] [代码][代码]fontColor: [代码][代码]"#fff"[代码][代码] [代码][代码]})[代码][代码] [代码][代码]}[代码] [代码] [代码][代码]/**[代码][代码] [代码][代码]* 延时消失[代码][代码] [代码][代码]*/[代码][代码] [代码][代码]setTimeout([代码][代码]function[代码][代码]() {[代码][代码] [代码][代码]animation.translateY(0).step().opacity(0).step()[代码][代码] [代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]animationData: animation.export(),[代码][代码] [代码][代码]isErrorToast: [代码][代码]false[代码][代码] [代码][代码]})[代码][代码] [代码][代码]}.bind([代码][代码]this[代码][代码]), 2000)[代码] [代码] [代码][代码]}[代码][代码]goLogin() {[代码][代码] [代码][代码]// 防重复点击[代码][代码] [代码][代码]if[代码] [代码](util.antiShakeChecked()) {[代码][代码] [代码][代码]return[代码][代码] [代码][代码]}[代码] [代码] [代码][代码]var[代码] [代码]_isPswdLogin = [代码][代码]this[代码][代码].data.isPswdLogin[代码][代码] [代码][代码]var[代码] [代码]_userPhoneNum = [代码][代码]this[代码][代码].data.userPhoneNum[代码][代码] [代码][代码]if[代码] [代码](util.isNull(_userPhoneNum)) {[代码][代码] [代码][代码]// wx.showToast({[代码][代码] [代码][代码]// title: 'hello',[代码][代码] [代码][代码]// })[代码][代码] [代码][代码]this[代码][代码].toast.showToast([代码][代码]'手机号为空'[代码][代码]);[代码][代码] [代码][代码]return[代码][代码] [代码][代码]}[代码][代码] [代码][代码]if[代码] [代码](!util.checkPhoneNum(parseInt(_userPhoneNum))) {[代码][代码] [代码][代码]this[代码][代码].toast.showToast([代码][代码]'手机号格式错误'[代码][代码]);[代码][代码] [代码][代码]return[代码][代码] [代码][代码]}[代码][代码]}[代码]
2019-10-31 - 一模一样的代码,显示的却不一样。
[代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"log-list"[代码][代码]> [代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"log-box"[代码][代码]> [代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"log-text"[代码][代码]>测试</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码] [代码]<!-- <view class="log-list">[代码][代码] [代码][代码]<view class="log-box">[代码][代码] [代码][代码]<view class="log-text">测试测试</view>[代码][代码] [代码][代码]</view>[代码][代码]</view> -->[代码][代码].log-list {[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]200[代码][代码]rpx;[代码][代码] [代码][代码]background[代码][代码]: yellow;[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]fixed[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]z-index[代码][代码]: [代码][代码]999[代码][代码];[代码][代码]}[代码][代码].log-box {[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码] [代码][代码]background[代码][代码]: rgba([代码][代码]0[代码][代码],[代码][代码]0[代码][代码],[代码][代码]0[代码][代码],.[代码][代码]5[代码][代码]);[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]}[代码][代码].log-text {[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]blue[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]}[代码]wxml的两个 log-list,显示的内容不一样,一个是贴近父容器,一个却和父容器有一定距离,这两个代码有区别吗?? 正常效果,贴紧父容器 [图片] 使用下面代码,却和父容器有距离, [图片] 为什么子容器会距离父容器有这段距离??? [图片]
2019-10-31