- usingComponents,相对路径引用,多写很多../,组件也是引用成功了的
[图片]引用组件,多写很多的 ../, [图片] 然后在页面内使用, [图片] 如果不使用 less,sass 等工具,就可以使用,如果配置了使用 less 或者 sass,路径的问题就会出现
05-11 - iOS微信浏览器和微信小程序的H5,localstorage会共存
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <script src="https://cdn.staticfile.org/eruda/2.4.1/eruda.min.js"></script> <script> eruda.init(); </script> <script> function getDeviceType() { const userAgent = navigator.userAgent; let deviceType = 0; if (userAgent.toLowerCase().indexOf("micromessenger") !== -1) { if (userAgent.toLowerCase().indexOf("miniprogram") !== -1) { deviceType = 5; } else { deviceType = 3; } } else { deviceType = 4; } return deviceType; } let deviceType = getDeviceType(); console.log("🚀 ~ file: 测试缓存.html ~ line 51 ~ deviceType", deviceType); if (deviceType == 3) { localStorage.setItem("weixinh5", true); } if (deviceType == 5) { localStorage.setItem("mini", true); } if (deviceType == 4) { localStorage.setItem("h5", true); } </script> </body> </html> [图片][图片] 以上代码,本地起服务器, 先在微信浏览器(第二张图)中打开,再配置在小程序(第一张图)中打开,保证两次打开不跨域 微信浏览器保存的localStorage会被带到小程序环境中 仅iOS会出现
2022-01-04 - canvas在小米10 pro上,绘制文字同时修改字体大小时,会出现文字重叠
目前仅小米10 Pro会出现,iOS下正常,其他android未发现有同样的bug 不修改字体大小的时候,显示正常,慢慢修改字体大小,文字就会发生重叠 measureText这个api获取文字宽度在小米10 Pro上也有异常,拿不到正确的文字宽度(使用wxml-to-canvas生成海报时发现的)
2021-09-16 - 视频号的api,获取到的信息是不是有问题?
wx.getChannelsLiveInfo(Object object)https://developers.weixin.qq.com/miniprogram/dev/api/open-api/channels/wx.getChannelsLiveInfo.html [图片] 这个应该返回直播封面,但是拿到的是视频号的头像,希望尽快修改
2021-07-29 - 总结一下最近遇到的问题,希望官方能来解决一下?
wx.chooseImage 在OPPO的未知型号上可以选择视频,且count限制无效<image>标签在IOS上可以播放视频,android加载不出来wxml-to-canvas 宽度或者高度受限制,宽高614*912的时候生成图无异常,但是682*883的时候,小米10 pro以及k30 pro生成图片倾斜异常
2021-05-26 - 1.05.2103200这个版本,一预览就会弹getUserInfo调整的通知,怎么解决?
[图片]
2021-04-22 - 扫二维码进入小程序,首页白屏,怎么处理?
https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html#%E4%BA%8C%E7%BB%B4%E7%A0%81%E8%A7%84%E5%88%99 按照文档配置后生成二维码使用 通过扫码能够进入小程序,也可以获取到对应的链接, 我通过链接中的参数跳转到对应的页面(navigateTo,redirectTo,reLaunch)之后, 再重新返回首页(reLaunch,switchTab), 此时首页会白屏,然后tabbar其他界面是正常的, 不跳转也是白屏 小米10 pro(android11),iphonex(IOS14), 2.16.0基础库,iphonex(IOS14) 2.15.0基础库都会出现,开发工具正常 [图片]
2021-03-19 - web-view(android版本)有问题,大神帮忙看看,先谢谢了
大概的代码如下, 是在小程序中打开web-view组件显示网页, 问题只出在android端, 且只存在于android端的微信小程序中,浏览器以及微信中打开链接都正常; 想要的效果为,点击按钮,打开弹框, 使用过的框架与方式: CSS先max-height为0;点击打开之后max-height设置为定高,transition过渡,这种方式问题最大,打开和关闭时都会卡顿数秒, 用display:none和display:block切换显示,打开时等待最多7秒,关闭可以直接关闭, 最开始用的vue,样式尝试多种方式,无果,怕框架有兼容性问题,用jquery依然无法正常实现该效果,(其实功能是正常的,就是反应慢); 希望官方能关注一下这个可能的bug,如果我的代码有问题希望能指出 html: [代码]<[代码][代码]div[代码] [代码]class[代码][代码]=[代码][代码]"btn-group"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]img[代码] [代码]class[代码][代码]=[代码][代码]"share"[代码] [代码]src[代码][代码]=[代码][代码]"./img/share.png"[代码] [代码]alt[代码][代码]=[代码][代码]""[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]"want"[代码][代码]>我想要[代码]button[代码][代码]>[代码][代码][代码][代码] [代码][代码][代码]div[代码][代码]>[代码][代码][代码][代码][代码][代码] [代码][代码]<[代码][代码]div[代码] [代码]class[代码][代码]=[代码][代码]"full"[代码][代码]>[代码]div[代码][代码]>[代码][代码][代码][代码][代码][代码][代码] [代码][代码]<[代码][代码]div[代码] [代码]class[代码][代码]=[代码][代码]"address"[代码][代码]>[代码][代码][代码][代码][代码][代码] [代码][代码][代码][代码][代码][代码] [代码][代码]<[代码][代码]div[代码] [代码]class[代码][代码]=[代码][代码]"title"[代码][代码]>[代码][代码][代码][代码][代码][代码] [代码][代码]<[代码][代码]p[代码] [代码]class[代码][代码]=[代码][代码]"close"[代码][代码]>取消[代码]p[代码][代码]>[代码][代码][代码][代码][代码][代码][代码] [代码][代码]<[代码][代码]p[代码][代码]>选择店铺[代码]p[代码][代码]>[代码][代码][代码][代码][代码][代码][代码] [代码][代码][代码]div[代码][代码]>[代码][代码][代码][代码][代码][代码][代码] [代码][代码]<[代码][代码]ul[代码] [代码]class[代码][代码]=[代码][代码]"select"[代码][代码]>[代码][代码][代码][代码][代码][代码] [代码][代码]<[代码][代码]li[代码] [代码]class[代码][代码]=[代码][代码]"option"[代码][代码]>[代码][代码][代码][代码][代码][代码] [代码][代码]<[代码][代码]p[代码] [代码]class[代码][代码]=[代码][代码]"name"[代码][代码]>店铺名称[代码]p[代码][代码]>[代码][代码][代码][代码][代码][代码][代码] [代码][代码]<[代码][代码]div[代码] [代码]class[代码][代码]=[代码][代码]"detail"[代码][代码]>[代码][代码][代码][代码][代码][代码] [代码][代码]<[代码][代码]img[代码] [代码]src[代码][代码]=[代码][代码]"./img//address.png"[代码] [代码]alt[代码][代码]=[代码][代码]""[代码][代码]>[代码][代码][代码][代码][代码][代码] [代码][代码]<[代码][代码]p[代码] [代码]class[代码][代码]=[代码][代码]"address-detail"[代码][代码]>成都市高新区[代码]p[代码][代码]>[代码][代码][代码][代码][代码][代码][代码] [代码][代码]<[代码][代码]p[代码] [代码]class[代码][代码]=[代码][代码]"address-distance"[代码][代码]>0.43km[代码]p[代码][代码]>[代码][代码][代码][代码][代码][代码][代码] [代码][代码][代码]div[代码][代码]>[代码][代码][代码][代码][代码][代码][代码] [代码][代码][代码]li[代码][代码]>[代码][代码][代码][代码][代码][代码][代码] [代码][代码][代码]ul[代码][代码]>[代码][代码][代码][代码][代码][代码][代码] [代码][代码][代码]div[代码][代码]>[代码][代码][代码][代码] css: [代码].btn-group {[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]1.2[代码][代码]rem;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]fixed[代码][代码];[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]display[代码][代码]: flex;[代码][代码] [代码][代码]justify-[代码][代码]content[代码][代码]: flex-start;[代码][代码] [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码]}[代码][代码].btn-group>img {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]0.48[代码][代码]rem;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]0.48[代码][代码]rem;[代码][代码] [代码][代码]margin-left[代码][代码]: [代码][代码]0.4[代码][代码]rem;[代码][代码] [代码][代码]display[代码][代码]: [代码][代码]block[代码][代码];[代码][代码]}[代码][代码].btn-group>button {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]5.8[代码][代码]rem;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]0.9[代码][代码]rem;[代码][代码] [代码][代码]margin-left[代码][代码]: [代码][代码]0.52[代码][代码]rem;[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: -webkit-linear-gradient([代码][代码]left[代码][代码], [代码][代码]#FAAC66[代码][代码], [代码][代码]#ED575E[代码][代码]);[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]border-radius: [代码][代码]0.45[代码][代码]rem;[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]0.34[代码][代码]rem;[代码][代码] [代码][代码]outline[代码][代码]: [代码][代码]0[代码][代码];[代码][代码]}[代码][代码].btn-group button.[代码][代码]hidden[代码] [代码]{[代码][代码] [代码][代码]display[代码][代码]: [代码][代码]none[代码][代码];[代码][代码]}[代码][代码].full {[代码][代码] [代码][代码]display[代码][代码]: [代码][代码]none[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]fixed[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]background-color[代码][代码]: rgba([代码][代码]0[代码][代码], [代码][代码]0[代码][代码], [代码][代码]0[代码][代码], [代码][代码]1[代码][代码]);[代码][代码] [代码][代码]/* background: url("http://pic.sc.chinaz.com/files/pic/pic9/201601/apic18171.jpg"); */[代码][代码] [代码][代码]background-[代码][代码]size[代码][代码]: [代码][代码]150%[代码][代码];[代码][代码] [代码][代码]/* opacity: 0; */[代码][代码] [代码][代码]/* z-index: -50; */[代码][代码] [代码][代码]opacity: [代码][代码]0.3[代码][代码];[代码][代码] [代码][代码]z-index[代码][代码]: [代码][代码]50[代码][代码];[代码][代码] [代码][代码]-webkit-transition: opacity .[代码][代码]5[代码][代码]s;[代码][代码] [代码][代码]transition: opacity .[代码][代码]5[代码][代码]s;[代码][代码]}[代码][代码].full-in {[代码][代码] [代码][代码]display[代码][代码]: [代码][代码]block[代码][代码];[代码][代码]}[代码][代码].full:after {[代码][代码] [代码][代码]content[代码][代码]: [代码][代码]""[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: inherit;[代码][代码] [代码][代码]-webkit-filter: blur([代码][代码]100px[代码][代码]);[代码][代码] [代码][代码]filter: blur([代码][代码]100px[代码][代码]);[代码][代码] [代码][代码]z-index[代码][代码]: [代码][代码]51[代码][代码];[代码][代码]}[代码][代码].address {[代码][代码] [代码][代码]display[代码][代码]: [代码][代码]none[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]/* max-height: 0rem; */[代码][代码] [代码][代码]max-height[代码][代码]: [代码][代码]6.66[代码][代码]rem;[代码][代码] [代码][代码]overflow[代码][代码]: [代码][代码]hidden[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]fixed[代码][代码];[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]z-index[代码][代码]: [代码][代码]100[代码][代码];[代码][代码] [代码][代码]-webkit-transition: [代码][代码]all[代码] [代码].[代码][代码]5[代码][代码]s;[代码][代码] [代码][代码]transition: [代码][代码]all[代码] [代码].[代码][代码]5[代码][代码]s;[代码][代码]}[代码][代码].address-in {[代码][代码] [代码][代码]display[代码][代码]: [代码][代码]block[代码][代码];[代码][代码]}[代码][代码].address .title {[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]1[代码][代码]rem;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#FAFAFA[代码][代码];[代码][代码] [代码][代码]border-radius: .[代码][代码]24[代码][代码]rem .[代码][代码]24[代码][代码]rem [代码][代码]0px[代码] [代码]0px[代码][代码];[代码][代码] [代码][代码]display[代码][代码]: flex;[代码][代码] [代码][代码]justify-[代码][代码]content[代码][代码]: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码] [代码][代码]border-bottom[代码][代码]: [代码][代码]1px[代码] [代码]solid[代码] [代码]#ccc[代码][代码];[代码][代码]}[代码][代码].address .title p.close {[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#777[代码][代码];[代码][代码] [代码][代码]font-size[代码][代码]: .[代码][代码]3[代码][代码]rem;[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]1[代码][代码]rem;[代码][代码] [代码][代码]margin-left[代码][代码]: .[代码][代码]32[代码][代码]rem[代码][代码]}[代码][代码].address .title p {[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#111[代码][代码];[代码][代码] [代码][代码]font-size[代码][代码]: .[代码][代码]32[代码][代码]rem;[代码][代码]}[代码][代码].select {[代码][代码] [代码][代码]max-height[代码][代码]: [代码][代码]5.66[代码][代码]rem;[代码][代码] [代码][代码]overflow[代码][代码]: [代码][代码]auto[代码][代码];[代码][代码]}[代码][代码].select-in {[代码][代码] [代码][代码]max-height[代码][代码]: [代码][代码]5.66[代码][代码]rem;[代码][代码]}[代码][代码].select .option {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]1.415[代码][代码]rem;[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#FFFFFF[代码][代码];[代码][代码] [代码][代码]border-top[代码][代码]: [代码][代码]1px[代码] [代码]solid[代码] [代码]#ccc[代码][代码];[代码][代码] [代码][代码]padding[代码][代码]: .[代码][代码]3[代码][代码]rem .[代码][代码]32[代码][代码]rem;[代码][代码]}[代码][代码].select .option:first-child {[代码][代码] [代码][代码]border-top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码]}[代码][代码].select .option .detail {[代码][代码] [代码][代码]display[代码][代码]: flex;[代码][代码] [代码][代码]justify-[代码][代码]content[代码][代码]: flex-start;[代码][代码] [代码][代码]align-self: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#777[代码][代码];[代码][代码] [代码][代码]margin-top[代码][代码]: .[代码][代码]21[代码][代码]rem;[代码][代码]}[代码][代码].select .option .detail .name {[代码][代码] [代码][代码]font-size[代码][代码]: .[代码][代码]32[代码][代码]rem;[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#111[代码][代码];[代码][代码]}[代码][代码].select .option .detail img {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]0.24[代码][代码]rem;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]0.28[代码][代码]rem;[代码][代码] [代码][代码]display[代码][代码]: [代码][代码]block[代码][代码];[代码][代码]}[代码][代码].select .option .detail p {[代码][代码] [代码][代码]font-size[代码][代码]: .[代码][代码]22[代码][代码]rem;[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]0.28[代码][代码]rem[代码][代码]}[代码][代码]p.address-detail {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]4.8[代码][代码]rem;[代码][代码] [代码][代码]margin-left[代码][代码]: [代码][代码]0.14[代码][代码]rem;[代码][代码] [代码][代码]margin-right[代码][代码]: [代码][代码]0.84[代码][代码]rem;[代码][代码]}[代码][代码]p.address-distance {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]0.9[代码][代码]rem;[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]right[代码][代码];[代码][代码]}[代码] js: [代码]([代码][代码]function[代码] [代码](doc, win, px, rem) {[代码][代码] [代码][代码] [代码][代码]var[代码] [代码]docE1 = doc.documentElement,[代码][代码] [代码][代码]resizeEvt = [代码][代码]"orientationchange"[代码] [代码]in[代码] [代码]window ? [代码][代码]"orientationchange"[代码] [代码]: [代码][代码]"resize"[代码][代码],[代码][代码] [代码][代码] [代码][代码]recalc = [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码] [代码][代码]var[代码] [代码]clientWidth = docE1.clientWidth;[代码][代码] [代码][代码] [代码][代码]if[代码] [代码](!clientWidth) [代码][代码]return[代码][代码];[代码][代码] [代码][代码] [代码][代码]docE1.style.fontSize = rem * (clientWidth / px) + [代码][代码]"px"[代码][代码];[代码][代码] [代码][代码]};[代码][代码] [代码][代码]if[代码] [代码](!doc.addEventListener) [代码][代码]return[代码][代码];[代码][代码] [代码][代码]win.addEventListener(resizeEvt, recalc, [代码][代码]false[代码][代码]);[代码][代码] [代码][代码]doc.addEventListener([代码][代码]"DOMContentLoaded"[代码][代码], recalc, [代码][代码]false[代码][代码]);[代码][代码] [代码][代码]})(document, window, 375, 50);[代码] [代码]let container={[代码] [代码] openList: [代码][代码]function[代码] [代码]() {[代码] [代码] [代码][代码]$([代码][代码]".full"[代码][代码]).addClass([代码][代码]"full-in"[代码][代码]);[代码][代码] [代码][代码]$([代码][代码]".address"[代码][代码]).addClass([代码][代码]"address-in"[代码][代码]);[代码][代码] [代码] [代码] [代码][代码]},[代码][代码] [代码][代码]closeList: [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码]$([代码][代码]".full"[代码][代码]).removeClass([代码][代码]"full-in"[代码][代码]);[代码][代码] [代码][代码]$([代码][代码]".address"[代码][代码]).removeClass([代码][代码]"address-in"[代码][代码]);[代码][代码] [代码][代码]},[代码][代码]};[代码][代码]$([代码][代码]".btn-group .want"[代码][代码]).on([代码][代码]"click"[代码][代码], [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码]container.openList()[代码][代码] [代码] [代码] [代码][代码]})[代码][代码] [代码][代码]$([代码][代码]".address .title .close"[代码][代码]).on([代码][代码]"click"[代码][代码], [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码]container.closeList()[代码][代码] [代码][代码]})[代码]
2018-07-23 - textarea的问题 官方或者大神帮忙看看
placeholder不跟随textarea移动,value也是, 问题描述在代码片段里面有, 开发者工具无法复现, 需要真机,ios和安卓都有问题, 请官方或者大神帮忙看看,是不是代码有问题,帮忙确定下问题,谢谢了
2018-05-17 - textarea的bug快半年了都没有修复,体验真的好差
textarea的 placeholder 以及 输入之后的内容,不会跟随屏幕移动, 当屏幕移动时,上述两项内容会覆盖在其他组件上方,导致其他组件功能失效, textarea在苹果上未设置padding,但是依旧会出现padding,安卓不会, 以上问题在开发工具上不会出现,真机绝对有
2018-04-20
获得过 0 次赞
回答过的问题获得 0 次赞
分享过的文章/案例获得 0 次赞
评论与回复获得 0 次赞