- 小程序转发携带的参数拿不到
[图片] [图片] 转发的时候想吧当前用户的信息传过去,但是options打印没有这个nickname
2018-10-31 - movable-view层级太高 导致页面事件无法点击
我们的需求是做一个可拖动的菜单,类似于苹果手机浮动的home按钮,整个页面内都是可以拖拽的。 现在的问题是我用了拖拽组件之后,设置了z-index是高于页面层级的,导致整个页面内部所有点击事件都不生效。 <view class="page"> 这里是页面所有内容的代码 page没有设置层级 所以被drag-wrap挡住 无法执行点击事件,如果设置page层级高于drag-wrap,则无法执行拖拽事件 </view> [代码]<!-- drag start -->[代码] [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"drag-wrap"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]movable-area[代码] [代码]style[代码][代码]=[代码][代码]"height: 100%; width: 100%; "[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]movable-view[代码] [代码]class[代码][代码]=[代码][代码]"drag-view"[代码] [代码]bindtap[代码][代码]=[代码][代码]'changeBtnViewState'[代码] [代码]disabled[代码][代码]=[代码][代码]"{{disabledMenu}}"[代码] [代码]x[代码][代码]=[代码][代码]"{{x}}"[代码] [代码]y[代码][代码]=[代码][代码]"{{y}}"[代码] [代码]direction[代码][代码]=[代码][代码]"all"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"menu-view"[代码][代码]>菜单</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"btn-view hide{{showBtnView?'show':''}}"[代码] [代码]>[代码][代码] [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"menu-btn btn-openApp"[代码] [代码]open-type[代码][代码]=[代码][代码]"launchApp"[代码] [代码]app-parameter[代码][代码]=[代码][代码]"wechat"[代码] [代码]binderror[代码][代码]=[代码][代码]"launchAppError"[代码][代码]>打开APP</[代码][代码]button[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]'menu-btn btn-goIndex'[代码][代码]>首页</[代码][代码]button[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]movable-view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]movable-area[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]<!-- drag end -->[代码] [代码].drag-wrap{[代码][代码] [代码][代码]width[代码][代码]:[代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]fixed[代码][代码];[代码][代码] [代码][代码]z-index[代码][代码]:[代码][代码]999[代码][代码];[代码][代码] [代码][代码]top[代码][代码]:[代码][代码]0[代码][代码];[代码][代码]}[代码][代码].drag-view{[代码][代码] [代码][代码]width[代码][代码]:[代码][代码]50px[代码][代码];[代码][代码] [代码][代码]height[代码][代码]:[代码][代码]50px[代码][代码];[代码][代码]}[代码][代码].menu-view{[代码][代码] [代码][代码]width[代码][代码]:[代码][代码]50px[代码][代码];[代码][代码] [代码][代码]height[代码][代码]:[代码][代码]50px[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: orange;[代码][代码] [代码][代码]color[代码][代码]:[代码][代码]#fff[代码][代码];[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]50px[代码][代码];[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]border-radius:[代码][代码]50%[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]bottom[代码][代码]:[代码][代码]0[代码][代码];[代码][代码] [代码][代码]right[代码][代码]:[代码][代码]0[代码][代码];[代码][代码]}[代码][代码] [代码]
2018-08-15