个人案例
- 青蛙家电维修
一缕风沙渡(关于天气的小程序案例)
一缕风沙渡(关于天气的小程序案例)扫码体验
- 小程序 一键换肤 有什么最佳实践?
在功能完善的基础上,换肤是个锦上添花的功能。但是由于不能通过js操作wxss,或者说动态更换样式文件,导致如果要实现这么一个看似简单的功能,会有巨大的工作量要去弄: 大的方面,包括背景图和颜色,小的方便,包括1px的边框线的颜色调整。希望有个比较友好的方案,不知道有没有什么比较好的思路借鉴呢?
2020-04-03 - wx.getExtConfig获取不到值
if (wx.getExtConfig) { wx.getExtConfig({ success: function (res) { let extConfig = res.extConfig; console.log(res) debugger }, fail:function(e){ console.log(e) debugger } }) getApp().globalData.extMid = extConfig.mid; getApp().globalData.appid = extConfig.appid; } [图片] 说明:已在三方平台绑定了当前小程序的appid,然后在当前小程序里面配置三方配置文件的时候,需要extAppid这个参数,然后用上面的api获取参数 w无法取到值,还望解答一下为谢! l另外三方平台的说明能否录制个视频讲解,文档写得很难懂。
2020-04-02 - textarea组件,显示文字会在最底部,请问怎么解决呢?
手机上可以直接复现这个问题。随便一个文本框。
2020-02-11 - wx.showModal content 可以放标签不
wx.showModal content 可以放标签不 ? [图片] 比如这样的模态框,需要展示一些动态的数据 还有交互啥的。
2019-07-17 - 小程序 movable-area movable-view会出现横向滚动条
小程序 movable-area movable-view 在苹果系列手机上会出现横向滚动条。会超屏幕,即使把page设置了 page{ background: #F7F7F7; overflow-x: hidden!important; } 也没有效果。 具体参看录制的视频:https://www.bilibili.com/video/av54251261/(视频传不上来。。。) [图片] [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'u-wrp-secKill tl-margin-t20'[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]movable-area[代码] [代码]style[代码][代码]=[代码][代码]'width:auto;pointer-events: none;'[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]movable-view[代码] [代码]animation scroll-x [代码][代码]style[代码][代码]=[代码][代码]'height:220rpx;min-width:2668rpx;margin-left: 30rpx;pointer-events: auto;'[代码] [代码]direction[代码][代码]=[代码][代码]'horizontal'[代码] [代码]inertia[代码][代码]=[代码][代码]'true'[代码] [代码]out-of-bounds>[代码][代码] [代码][代码]<[代码][代码]block[代码] [代码]wx:for[代码][代码]=[代码][代码]'{{skItems}}'[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'u-img-skimgs'[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"tl-w175"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"font-60-b tl-color-blue line-h-45"[代码][代码]><[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]"tl-color-blue font-23-b"[代码][代码]>¥</[代码][代码]text[代码][代码]> 50</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"tl-left"[代码][代码]><[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]"tl-colo-l-blue font-18-5"[代码][代码]>(仅橱窗可用)</[代码][代码]text[代码][代码]></[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"tl-w175-r"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"font-26-b tl-color-333"[代码][代码]>优惠劵名字</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"font-16-5 tl-color-333 tl-t-b"[代码][代码]>有效期:19/05/11-19/05/15</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"tl-btn-120 font-20-b tl-color-fff"[代码][代码]>立即领取</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]block[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]movable-view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]movable-area[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码] 初始数据: [代码]"skItems"[代码][代码]: [{[代码][代码] [代码][代码]"pic"[代码][代码]: [代码][代码]"https://file.snailpet.cn/wxApplet/home_%E5%8A%B5%E8%83%8C%E6%99%AF.png"[代码][代码],[代码][代码] [代码][代码]"pOld"[代码][代码]: [代码][代码]"999"[代码][代码],[代码][代码] [代码][代码]"pNew"[代码][代码]: [代码][代码]"666"[代码][代码] [代码][代码]}, {[代码][代码] [代码][代码]"pic"[代码][代码]: [代码][代码]"https://file.snailpet.cn/72/6c/726c4798188b1edb0f8acc95c942043d.png"[代码][代码],[代码][代码] [代码][代码]"pOld"[代码][代码]: [代码][代码]"999"[代码][代码],[代码][代码] [代码][代码]"pNew"[代码][代码]: [代码][代码]"666"[代码][代码] [代码][代码]}, {[代码][代码] [代码][代码]"pic"[代码][代码]: [代码][代码]"https://file.snailpet.cn/7c/9a/7c9a25946b5dc29e85ff23e94e5d94f9.png"[代码][代码],[代码][代码] [代码][代码]"pOld"[代码][代码]: [代码][代码]"999"[代码][代码],[代码][代码] [代码][代码]"pNew"[代码][代码]: [代码][代码]"666"[代码][代码] [代码][代码]}, {[代码][代码] [代码][代码]"pic"[代码][代码]: [代码][代码]"https://file.snailpet.cn/c7/04/c7047572652c846c0d3d59fca25c91be.png"[代码][代码],[代码][代码] [代码][代码]"pOld"[代码][代码]: [代码][代码]"999"[代码][代码],[代码][代码] [代码][代码]"pNew"[代码][代码]: [代码][代码]"666"[代码][代码] [代码][代码]}, {[代码][代码] [代码][代码]"pic"[代码][代码]: [代码][代码]"https://file.snailpet.cn/72/6c/726c4798188b1edb0f8acc95c942043d.png"[代码][代码],[代码][代码] [代码][代码]"pOld"[代码][代码]: [代码][代码]"999"[代码][代码],[代码][代码] [代码][代码]"pNew"[代码][代码]: [代码][代码]"666"[代码][代码] [代码][代码]}, {[代码][代码] [代码][代码]"pic"[代码][代码]: [代码][代码]"https://file.snailpet.cn/7c/9a/7c9a25946b5dc29e85ff23e94e5d94f9.png"[代码][代码],[代码][代码] [代码][代码]"pOld"[代码][代码]: [代码][代码]"999"[代码][代码],[代码][代码] [代码][代码]"pNew"[代码][代码]: [代码][代码]"666"[代码][代码] [代码][代码]}][代码] css [代码]/*优惠券横向滑动样式 start*/[代码][代码].u-wrp-secKill {[代码][代码] [代码][代码]display[代码][代码]: [代码][代码]block[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100[代码][代码]vw;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]247[代码][代码]rpx;[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]}[代码] [代码].u-wrp-secKillHead {[代码][代码] [代码][代码]display[代码][代码]: [代码][代码]block[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: inherit;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码] [代码][代码]border-bottom[代码][代码]: [代码][代码]1px[代码] [代码]solid[代码] [代码]#f0f0f0[代码][代码];[代码][代码]}[代码] [代码].u-txt-skTitle {[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]28[代码][代码]rpx;[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#f00[代码][代码];[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]0[代码] [代码]20[代码][代码]rpx;[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码] [代码][代码]font-weight[代码][代码]: [代码][代码]bold[代码][代码];[代码][代码]}[代码] [代码].u-txt-sktime {[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]24[代码][代码]rpx;[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#333[代码][代码];[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]0[代码] [代码]20[代码][代码]rpx;[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码] [代码][代码]font-weight[代码][代码]: [代码][代码]bold[代码][代码];[代码][代码]}[代码] [代码].u-img-skimgs {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]412[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]220[代码][代码]rpx;[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]url[代码][代码]([代码][代码]"https://file.snailpet.cn/wxApplet/home_%E5%8A%B5%E8%83%8C%E6%99%AF.png"[代码][代码]) [代码][代码]no-repeat[代码] [代码]0[代码] [代码]41[代码][代码]rpx;[代码][代码] [代码][代码]background-[代码][代码]size[代码][代码]: [代码][代码]100%[代码] [代码]auto[代码][代码];[代码][代码] [代码][代码]float[代码][代码]: [代码][代码]left[代码][代码];[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]margin-left[代码][代码]: [代码][代码]30[代码][代码]rpx;[代码][代码] [代码][代码]padding-top[代码][代码]:[代码][代码]41[代码][代码]rpx;[代码][代码]}[代码] [代码].u-img-skimgItem {[代码][代码] [代码][代码]width[代码][代码]:[代码][代码]412[代码][代码]rpx;[代码][代码]height[代码][代码]:[代码][代码]166[代码][代码]rpx;[代码][代码]}[代码] [代码].u-txt-sktxtItem[代码][代码]1[代码] [代码]{[代码][代码] [代码][代码]display[代码][代码]:[代码][代码]block[代码][代码];[代码][代码]color[代码][代码]:[代码][代码]#f00[代码][代码];[代码][代码]font-size[代码][代码]:[代码][代码]24[代码][代码]rpx;[代码][代码]}[代码] [代码].u-txt-sktxtItem[代码][代码]2[代码] [代码]{[代码][代码] [代码][代码]display[代码][代码]:[代码][代码]block[代码][代码];[代码][代码]color[代码][代码]:[代码][代码]#999[代码][代码];[代码][代码]font-size[代码][代码]:[代码][代码]24[代码][代码]rpx;[代码][代码]text-decoration[代码][代码]:[代码][代码]line-through[代码][代码];[代码][代码]}[代码][代码]/*优惠券横向滑动样式 end*/[代码]
2019-06-01 - 小程序分享应该怎么设计思路比较合理
问题描述:由于小程序是一个宠物商城相关的,会涉及很多的分享操作,主要是帮助宠物店更好的运营自己的商品和活动。 由于分享目前是在功能界面写的代码,每个独立的界面有独立的分享函数,用来做分享,但比如现在,由于业务调整,分享中需要携带一些参数,然后波及面很大,比如我这个有20来个分享的操作(稍微夸大一点),然后都需要一个个的去看,去改参数, 想请教一下,遇到这样的业务,应该如何设计自己的代码比较好,是不是可以统一一个分享来管理这些分享的操作呢?
2019-04-09 - 顶部导航栏实现下拉效果,思路求助
[图片] 左上角,下拉效果应该怎么实现,思路求解答!谢谢!
2019-03-19 - 小程序审核问题,官方人员请进
问题说明:由于代码中有一个未被发现得bug,今天修复了,然后上线,20分钟后,审核结果是,审核未通过。 本小程序一直稳定运行,都快两年时间了,然后平时也是正常的提交代码审核都通过了,今天突然来这么一下,何苦为难我们这些开发者呢? [图片] 下面都是正常审核过的: [图片]
2019-02-25 - 当用户把小程序移除后,又通过扫码小程序码进入了一个中转界面,这里会一直停留
[图片] 问题描述:当用户把1的位置移除后,又通过扫小程序码进入到我们的一个中转界面,这里会做一些跳转逻辑,目前遇到的问题是,用户移除后,扫小程序码进入中转界面会一直停留,目前开发工具无法复现这个问题,但是手机是必现的。 请问:这里的移除后,是否会影响小程序的使用吗?这里的移除是否可以理解为手机软件的卸载,然后用户再次扫码进入是存在一些问题的?这里我就有些没弄懂了。还望官方的团队能帮忙解答一下!谢谢了!
2019-02-19 - 菜单如何添加返回首页得选项?
[图片] 请问:目前有些界面是扫描小程序码进入的,里面有一些时间验证逻辑,有可能小程序码会失效,用户就会停留在中转界面,这里有两种解决的办法:1.如果发现小程序码失效了,根据后端的返回信息,前端做错误跳转;2.第二种方案:就是如上图所示,添加一个回到首页的选项,不知道这个选项开发者应该在什么地方配置呢?或者有什么替代的方案呢?谢谢解答!
2019-02-16