- 关于当swiper组件循环轮播只有2张图时,自动轮播和手动轮播方向不一致的问题?
swiper组件轮播方向问题 现象描述:当轮播设置了autoplay="true",并自动轮播时,自定义按钮“上一页”,“下一页”在点击时,不是按照一个方向轮播,此问题只出想在只有2张图的情况下,大于等于3张时正常。现象如下面动图。 [图片] 代码: wxml: <view class="intro">当只有2张图的轮播</view> <view class="dbox"> <swiper class="swiper_box" style="height:1000rpx;" indicator-dots="true" current="{{current}}" autoplay="true" circular="true"> <block wx:for="{{list}}" wx:key="index"> <swiper-item item-id="{{index}}"> <image class="swiper_item_img" id="{{index}}" src="{{item.urlPath}}" bindload="imgLoadCarousel" lazy-load="true" mode="widthFix"></image> </swiper-item> </block> </swiper> <!-- 按钮:下一页 --> <view class="btn_next" bindtap="nextImg" style="top:460rpx;"> <image class="icon_next" src="../images/hotZone_btn.png" mode="widthFix"> </image> </view> <!-- 按钮:上一页 --> <view class="btn_prew" bindtap="prevImg" style="top:460rpx;"> <image class="icon_prew" src="../images/hotZone_btn.png" mode="widthFix"> </image> </view> </view> js: const app = getApp() Page({ data: { //swiper循环数据 list: [{ name: "有翡", urlPath: " https://inews.gtimg.com/newsapp_bt/0/12888685886/1000.jpg" }, { name: "出轨你就死定了", urlPath: "https://tu.66vod.net/2020/5272.jpg" }], current: 0, //当前所在滑块的 index }, onLoad() { }, // 上一页 prevImg: function () { let that = this; let current = that.data.current; let len = that.data.list.length; current--; if (current == -1) current = len - 1; that.setData({ current: current }) }, // 下一页 nextImg: function () { let that = this; let current = that.data.current; let len = that.data.list.length; current++; if (current == len) current = 0; that.setData({ current: current }) }, }) wxss: .intro { margin: 30px; text-align: center; } .dbox { width: 100%; height: 100%; position: relative; } swiper { border-top: 0; } .swiper_box { background-color: #fff; height: 900rpx; background: #fff; } .swiper_item_img { width: 100%; height: 800rpx; } .btn_next { width: 80rpx; height: 80rpx; position: absolute; right: 0rpx; background-color: rgba(255, 255, 255, 0.5); } .btn_prew { width: 80rpx; height: 80rpx; position: absolute; left: 0rpx; background-color: rgba(255, 255, 255, 0.5); } .icon_next { margin: 24rpx; width: 32rpx; height: 32rpx; transform: rotate(180deg); } .icon_prew { margin: 24rpx; width: 32rpx; height: 32rpx; }
2021-01-15 - 软件闪退
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html [图片] 自从更新了macOS Big Sur(版本11.0.1)经常性闪退,CPU占用455.2%
2020-11-18 - 开发工具性能问题
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 这个工具,越来越卡,卡到什么什么程度,我敲了一段代码,延迟500ms,当打开时间过长时,“编辑”—>“格式化代码”(或者快捷键)均无反应,大佬们,工具可以优化一下吗?甚至于,连代码(如if...else语句)收起放开,点了都会没反应。非常影响开发了,望能重视这个问题。 真的,自从换了下面这个图标之后的后续版本卡到爆,风扇呜呜呜的,温度70正常。我感觉我18款的15的Pro不至于性能差吧。 [图片]
2020-06-19 - 如何禁用右上角三个点中浮层里的“添加到我的小程序”?
以瑞幸这个作为一个例子,点击右上方三个点,弹出如下浮层,可以隐藏(或禁用)这个“添加到我的小程序”吗? [图片]
2020-06-08 - project.config.json文件多出字段问题?
今天打开小程序开发工具,没有修改任何代码的情况下,会给我自动增加如下三个字段,这三个配置项我在小程序开发文档里都搜不到,请问一下大神们,会影响小程序吗? [图片]
2020-05-27 - 开发工具代码变更显示怎么没了?
系统:macOS Catalina 10.15.2;微信开发者工具:1.02.1912261 问题描述: 如下代码,当我新增669行代码时(包括修改,删除) [图片] 改版前:669这个位置会有一个垂直绿条显示,表示新增; 改版后:无显示,如上图; 问题:这个功能之前可以很清晰的标明我在一个文件上做了哪些修改(不需要提交远程),现在为什么没有了,明明很好的一个功能。我在“设置-编辑设置-编辑”中也未找到相关的设置来打开这个显示功能。编译器里的和官方的使用说明也长得不一样。 编译器里的: [图片] 官方文档里的: [图片] 第二个问题: 以前编译器右下角红框位置会显示你当前项目文件在git上是哪个分支,现在也没有了 [图片] 望官方可以加回此功能,或告知我如何设置。
2020-01-07 - 微信wx.scanCode(扫一扫)从相册选择大文件图片(10MB往上),微信为什么会闪退?
我司测试在测试非条码图片时测出来的BUG: 当我调用这个方法,弹出扫描相机时,选择右上角的相册,从手机相册里选择一张14M的图片,微信大概率会在转圈后闪退,这个问题是什么原因?有没有解决办法? [图片] [图片]
2019-12-13 - iPhone关于border-radius缺失问题
我的设备:iPhone xs IOS 13.1.3 问题描述: 当页面有手写的按钮样式时,使用border-radius来定义按钮样式,出现如下图的缺失,就好像橡皮擦过一样。 [图片] 一开始我以为我写的有问题,后来浏览了京东,发现也是。[图片] 国际惯例,贴代码: wxml: <!-- 我要咨询 --> <view class="cheakAllComment"> <view>查看全部咨询</view> </view> wxss: .cheakAllComment { height: 100rpx; display: flex; justify-content: center; align-items: center; align-content: center; } .cheakAllComment view { font-size: 24rpx; text-align: center; width: 200rpx; height: 60rpx; line-height: 60rpx; border: 1rpx solid #b1b1b1; } 后来我换了几个机型, 小程序开发工具,无此问题。 iPhonexs Plus 微信版本7.0.8,无此问题。 iPhone6s Plus 微信版本7.0.8,无此问题。 小米6,微信版本6.7.3,无此问题。 iPhone X,微信版本7.0.8,有此问题。 所以想问一下,是微信版本的问题,还是苹果系统的问题,还是某个机型才有的问题。
2019-11-14 - 组件返回刷新
- 需求的场景描述(希望解决的问题) 微信小程序自定义组件有没有交流一下的,有个问题,描述如下: A页面有一自定义组件<abc>,自定义组件<abc>的js中有一接口需要获取token,才能请求,也就是说需要登录状态,进入A页面才会在请求接口成功后展示组件<abc>;如果进入A页面的时候,未登录,则需要跳转到登录页面登陆完后自动返回A页面,那么如何刷新A页面,并重新加载自定义组件<abc>的接口并展示相应数据UI在A页面。 - 希望提供的能力 具体每个页面怎么操作
2019-07-24 - swiper定制tab切换频繁出现鬼畜现象
- 当前 Bug 的表现(可附上截图) [图片] - 预期表现 正常速度切换“首页”,“通讯录”,“发现”,“我的”四个tab键切换至对应内容是没有问题的; - 复现路径 当速度足够快的点击某两个tab键(比如首页和通讯录,可以用两个手指来回快速点击首页和通讯录),页面就开始闪烁抖动,基本100%复现; - 提供一个最简复现 Demo WXML: <view class="flex-row" style="display: flex;"> <view class="{{currentTab==0 ? 'flex-view-item1' : 'flex-view-item'}}" bindtap="tap0">首页</view> <view class="{{currentTab==1 ? 'flex-view-item1' : 'flex-view-item'}}" bindtap="tap1">通讯录</view> <view class="{{currentTab==2 ? 'flex-view-item1' : 'flex-view-item'}}" bindtap="tap2">发现</view> <view class="{{currentTab==3 ? 'flex-view-item1' : 'flex-view-item'}}" bindtap="tap3">我的</view> </view> <swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 31}}px" bindchange="bindChange"> <!-- 我是哈哈 --> <swiper-item> <view>我是《首页》</view> </swiper-item> <!-- 我是呵呵 --> <swiper-item> <view>我是《通讯录》</view> </swiper-item> <!-- 我是嘿嘿 --> <swiper-item> <view>我是《发现》</view> </swiper-item> <!-- 我是哼哼--> <swiper-item> <view>我是《我的》</view> </swiper-item> </swiper> WXSS: /*按钮所在容器的属性设置*/ .flex-row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } /*按钮默认状态下属性*/ .flex-view-item { width: 20%; height: 50px; background-color: #ffa589; text-align: center; } /*按钮选中状态下属性*/ .flex-view-item1 { width: 20%; height: 50px; background-color: #ff5400; text-align: center; } JS: Page({ data:{ currentTab : 0 //初始化currentTab=0 }, //第1个按钮点击事件,修改currentTab值 tap0:function(event){ this.setData({ currentTab: 0 }); }, // 第2个按钮点击事件,修改currentTab值 tap1:function(event){ this.setData({ currentTab: 1 }); }, // 第3个按钮点击事件,修改currentTab值 tap2:function(event){ this.setData({ currentTab: 2 }); }, // 第4个按钮点击事件,修改currentTab值 tap3:function(event){ this.setData({ currentTab: 3 }); }, // swiper滑动事件,修改currentTab值,实现切换tab bindChange: function( e ) { var that = this; that.setData( { currentTab: e.detail.current }); }, })
2019-03-09