首先我们来看看官方的文档
中间的代码和右边的预览都对不上,而且代码也不完整,不能一目了然。
那么根据我一天下来的使用体验,就让小弟我来给各位讲讲这个组件的使用方法和我遇到的问题。如果有错误的地方也希望各位多多指正。
标识符,可以在 close 事件的参数中获取到 |
0 |
0 |
可以看到滑动区域是没有样式的,所以我们需要给这些view加上class
如果需要两个按钮,可以这样:
但是!如果滑动区域只有一个功能(例如删除功能),然后你理所应当的把close事件当做滑块的点击事件来处理,可能会事与愿违。
前排提醒:滑块区域的点击事件还是需要额外绑定,具体可以往下看实践部分。
某些时候,我们可能需要添加一个按钮来打开或关闭滑动区域,亦或有多个SwipeCell时,需要手动关闭其他的SwipeCell。
接下来通过项目实践,来进一步了解SwipeCell组件的用法以及我遇到的坑(生气气
展示用户收藏的列表,提供取消关注的功能。
仅仅使用单元格组件作为我们的内容载体可能自由度还不够高,无法满足正常的开发需求。所以这里我们要自定义内容。
点击按钮打开滑块区域事件
如果直接使用close事件来处理业务逻辑,可能会出现意想不到的问题。
如上述wxml代码,存在点击事件绑定goStore方法,
该方法会跳转页面。当跳转页面时,会触发SwipeCell的close事件!
所以处理业务逻辑时,还是需要单独在一个view上绑定,不要想着偷懒哦。
产生原因:可能是touchmove事件和某个滚动的操作冲突了(有了解的家人们可以留言说说原因)
很遗憾,目前我也没找到合适的办法。(哪位小伙伴知道的快快告诉我!)
你可以尝试说服产品经理说不要这个功能。
安装好以后在hbuildx的工具-->设置-->运行配置-->开发工具路径里,将路径填上(选上),这样就可以运行项目了,这时运行微信小程序项目会在开发者工具上报错,是因为没有AppID
百度:微信公众平台-->账号分类-->小程序,滑到最底,注册,这里有个大坑,就是一个邮箱只能注册一个小程序,一旦注册就不能注销啦。注册好微信小程序前期就要一个AppID就好。微信公众平台扫码-->微信选择登录的小程序-->开发-->开发管理-->开发设置下就可以找到AppID了,把他复制下来到项目-->' // 全局地址
5、获取180秒倒计时
流程就是处理页面一些列数据,然后第一步调用后端给你的创建订单接口,第二步就调用uni.requestPayment()拉起支付就好了
// 跳转到支付成功页面 // 支付失败记得删除订单支付宝支付用uni的方法没有成功,所以去看了支付宝支付的文档,最后选择用支付宝预授权来完成支付。步骤还是一样的先创建订单获取支付时的参数(支付宝是tradeNo),然后拉起支付
// 创建订单成功的回调,拉起支付 //创建订单成功,接口会返回tradeNo,调支付 // 文档上说9000是成功,到这里就成功了 // 支付不成功,具体原因看返回,去对照文档 // 支付不成功,具体原因看返回,去对照文档 // 创建订单失败的回调7、支付宝小程序图片处理
图片的处理看文档就好了
但是,这里有种情况,就是图片的宽度固定,但是高度不固定,一般来说设置image标签的mode属性为scaleToFill就好了,有的时候会出现图片被压缩的情况,这时候就直接设置mode为widthFix直接解决(文档里有)
在我们的主页上进行组件的引入
编写主页的结构代码,我们利用wepy的自定义组件,在循环的时候需要用wepy提供的 repeat来进行
等到审核通过后,就会看到发布的版本了