m0_46364033的博客

之前在网上找了很多种方法也请教过同事，不是超出百分百高度部分颜色重新渐变就是用到的高度颜色渐变而没用到的部分依旧是白色，后面经过另一个同事提点，找到一个投巧法，多给一个外边盒子，我的代码是这样的：.wxml文件<view class="index-container"> <view class="index-container-wrap"> // 内容 </view></view>.wxss文件page{ height:100%;

在写小程序的时候，往往要用到子组件，然而，父页面引用子组件之后，样式并没有起效，可以用以下方法解决：方法一：首先在app.wxss即全局样式文件中引入子组件的样式文件，如：@import "components/test/test.wxss"; 然后在此子组件的js文件中添加如下代码Component({ options: { addGlobalClass: true, },}方法二：只需要在子组件的js文件中添加如下代码Component({ options: {

要实现以下如图效果(简洁说明一下遇到的问题：参考vant weapp - Checkbox复选框 - 利用自定义图标<image slot="icon" src="{{ checked ? activeIcon : inactiveIcon }}" /> ===》 出现的问题：即使onChange之后value值是变了，但是页面中图标并未发生变化，后发现可能还是得setData才行)以下是自己用的解决代码：index.wxml ( direction："组"的排列方向 ；label-p

情况：在点击之后需跳转到详情页，再页面返回需要更新其通知列表，尝试了：不管是将跳转代码置于接口请求之前还是之后，还是让接口请求放置于在跳转成功or完成后，结果都是跳转后的详情接口后请求，那么如何解决？如果不想自定义小程序头部的话，可以加个定时，如下：wx.navigateTo({ url: 'url', success: setTimeout(function () { _this.getNotices(); }, 500)});...

在微信小程序中，例如：如果在页面2（添加乘客）中添加成功之后返回上一页（页面1：常用乘客页），往往数据是没有刷新的，这个时候我们需要在页面2中添加几行代码去刷新上一页// 刷新上一页var page=getCurrentPages(); //获取当前页面的页面栈var lastPage=page[page.length-2]; //获取上一个页面的页面栈lastPage.onLoad(); //调用onload事件// 当然也可以拿到上上一页的页面栈var lastPage2=page[pag

如上两图所示，样式内容就是如此，其中不管是提示title还是提示内容还是下面的按钮都是不同的；这也算是第一次写微信小程序的组件，感觉就是，主要是数据传用和方法传用。数据是在properties中，注意自定义的值类型和传入的值类型要一致；方法主要是利用this.triggerEvent。下面是代码子组件wxml<van-popup show="{{ show }}" round bind:close="onClose"> <view class="tips-show-conte..

小程序中总是有卡片，点击卡片会跳转页面，但是卡片中会有删除、编辑、付款等各种功能的按钮，是不需要跳转或是不同的跳转，举例：点“删除”按钮的时候我们应该是只要获取到一个id，那么如何让它父元素的跳转不要触发呢？很简单的一个解决方式：将bindtap换成catchtap 就可以啦。bindtap和catchtap共同点：都是点击事件函数，绑定到组件上，点击进行触发，和vue中@click差不多道理；不同点：bindtap是冒泡事件，点击组件事件时，会向上传递，从而会引发父元素的点击事件；而catchtap