项目开发过程中,我主要是负责小程序前端开发,主要工作是界面样式的设计和接口调用的实现。因为我负责的那部分界面逻辑较为简单,因此没有特别困难的技术难点。我就将一些开发过程中碰到的某些坑写一下。主要是:小程序父子控件bindtap事件冲突问题,如何让view填满剩余可用的高度。
catchtap='childClick' hover-stop-propagation='true'
,而父控件仍然使用bindtap进行事件绑定bindtap='parentClick'
。calDetailsHeight(){ let that = this; wx.getSystemInfo({ success: function(res) { that.setData({ windowHeight: res.windowHeight/(res.windowWidth /750) }); } }); console.log(that.data.windowHeight) let detialsHeight = that.data.windowHeight - that.data.slidesHeight - that.data.bottomCardHeight - that.data.marginHeight; that.setData({ detailsCardHeight : detialsHeight }) console.log(that.data.detailsCardHeight) },
<style scoped>
解决,设成私有化的样式。我遇到的问题大部分都可以直接通过百度解决,逻辑也并不复杂,因此,这篇博客比较的简单。我就在下面列出我参考的比较多的或者认为比较有用的博客吧。
小程序实践(十三):父子控件点击事件冲突
微信小程序 scroll-view 填满剩余可用高度
一篇文章弄懂flex布局
vue 3.x 环境搭建及项目创建
vue 引入 阿里巴巴矢量图的步骤
Vue 爬坑之路(三)—— 使用 vue-router 跳转页面