微信你大爷的 害老子弄了个通宵,最后找到这里刨坟
webViewUrl 在ios中会被去掉hash在使用 webview 进行分享时候,拿到的 webViewUrl 在 ios 中会被去掉 hash,在安卓中ok。 去掉 hash 导致某些依赖 hash 的页面出现 bug。
2020-05-16碰到同样的问题,去掉transition 过渡就好了,但是这也太坑了吧
小程序cover-view ios下transform: translateY加过渡效果位置不对?[图片] 安卓 [图片] ios [图片] [图片] 大佬们这个问题困扰了我好几天了,求解啊,急!!!
2020-04-29做了个类似通讯录的锚点定位,通过touch 快速滑动字母,定位就不准确了。 今天是2020.4.27日,此问题依然存在!
scroll-view 快速多次改变scroll-into-view属性值出问题scroll-view 快速多次改变scroll-into-view属性值后,滑动到的位置就不准确了 [图片] [代码]<[代码][代码]scroll-view[代码] [代码]class[代码][代码]=[代码][代码]"content"[代码] [代码]scroll-into-view[代码][代码]=[代码][代码]"{{toView}}"[代码] [代码]scroll-y[代码][代码]=[代码][代码]"true"[代码] [代码]scroll-with-animation[代码][代码]=[代码][代码]"true"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{act_addList}}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"address_top"[代码] [代码]id[代码][代码]=[代码][代码]"{{ 'inToView'+item.id}}"[代码][代码]>{{item.region}}</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{item.city}}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"address_bottom"[代码][代码]>{{item.name}}</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]scroll-view[代码][代码]>[代码] [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"orientation_region"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"orientation"[代码][代码]>自动定位</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]block[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{orientationList}}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"orientation_city"[代码] [代码]bindtap[代码][代码]=[代码][代码]"scrollToViewFn"[代码] [代码]data-id[代码][代码]=[代码][代码]"{{item.id}}"[代码][代码]>{{item.region}}</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]block[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]page{ [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];} [代码][代码].content{[代码][代码]padding-bottom[代码][代码]: [代码][代码]20[代码][代码]rpx; box-sizing: border-box; [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];} [代码][代码].location{[代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];} [代码][代码].location_top{[代码][代码]height[代码][代码]: [代码][代码]76[代码][代码]rpx;[代码][代码]line-height[代码][代码]: [代码][代码]76[代码][代码]rpx; [代码][代码]background[代码][代码]: [代码][代码]#f4f4f4[代码][代码];[代码][代码]color[代码][代码]: [代码][代码]#606660[代码][代码];[代码][代码]font-size[代码][代码]: [代码][代码]28[代码][代码]rpx;[代码][代码]padding[代码][代码]: [代码][代码]0[代码] [代码]20[代码][代码]rpx;} [代码][代码].location_bottom{[代码][代码]height[代码][代码]: [代码][代码]140[代码][代码]rpx;[代码][代码]line-height[代码][代码]: [代码][代码]140[代码][代码]rpx;[代码][代码]color[代码][代码]: [代码][代码]#d91f16[代码][代码];[代码][代码]font-size[代码][代码]: [代码][代码]28[代码][代码]rpx;[代码][代码]border-top[代码][代码]: [代码][代码]2[代码][代码]rpx [代码][代码]#ebebeb[代码] [代码]solid[代码][代码]; [代码][代码]border-bottom[代码][代码]: [代码][代码]2[代码][代码]rpx [代码][代码]#ebebeb[代码] [代码]solid[代码][代码];[代码][代码]padding[代码][代码]: [代码][代码]0[代码] [代码]20[代码][代码]rpx; align-items: [代码][代码]center[代码][代码];[代码][代码]display[代码][代码]: -webkit-flex;} [代码][代码].address_top{[代码][代码]height[代码][代码]: [代码][代码]76[代码][代码]rpx;[代码][代码]line-height[代码][代码]: [代码][代码]76[代码][代码]rpx; [代码][代码]background[代码][代码]: [代码][代码]#f4f4f4[代码][代码];[代码][代码]color[代码][代码]: [代码][代码]#999999[代码][代码];[代码][代码]font-size[代码][代码]: [代码][代码]28[代码][代码]rpx;[代码][代码]padding[代码][代码]: [代码][代码]0[代码] [代码]20[代码][代码]rpx;} [代码][代码].address_bottom{[代码][代码]height[代码][代码]: [代码][代码]88[代码][代码]rpx;[代码][代码]line-height[代码][代码]: [代码][代码]88[代码][代码]rpx; [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]color[代码][代码]: [代码][代码]#000000[代码][代码];[代码][代码]font-size[代码][代码]: [代码][代码]32[代码][代码]rpx;[代码][代码]padding[代码][代码]: [代码][代码]0[代码] [代码]20[代码][代码]rpx; [代码][代码]border-bottom[代码][代码]: [代码][代码]2[代码][代码]rpx [代码][代码]#ebebeb[代码] [代码]solid[代码][代码];[代码][代码]margin-left[代码][代码]: [代码][代码]20[代码][代码]rpx;[代码][代码]margin-right[代码][代码]: [代码][代码]50[代码][代码]rpx; } [代码][代码].location_img{[代码][代码]width[代码][代码]: [代码][代码]48[代码][代码]rpx;[代码][代码]height[代码][代码]: [代码][代码]48[代码][代码]rpx;[代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码]right[代码][代码]: [代码][代码]20[代码][代码]rpx;[代码][代码]top[代码][代码]: [代码][代码]125[代码][代码]rpx;} [代码][代码].add_city{[代码][代码]width[代码][代码]: [代码][代码]228[代码][代码]rpx;[代码][代码]height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码]line-height[代码][代码]: [代码][代码]60[代码][代码]rpx; [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码]; [代码][代码]border[代码][代码]: [代码][代码]2[代码][代码]rpx [代码][代码]solid[代码] [代码]#ebebeb[代码][代码]; [代码][代码]color[代码][代码]: [代码][代码]#000000[代码][代码];[代码][代码]margin-right[代码][代码]: [代码][代码]20[代码][代码]rpx; } [代码][代码].add_citying{[代码][代码]width[代码][代码]: [代码][代码]228[代码][代码]rpx;[代码][代码]height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码]line-height[代码][代码]: [代码][代码]60[代码][代码]rpx; [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码]; [代码][代码]border[代码][代码]: [代码][代码]2[代码][代码]rpx [代码][代码]solid[代码] [代码]#09bb07[代码][代码]; [代码][代码]color[代码][代码]: [代码][代码]#09bb07[代码][代码];[代码][代码]margin-right[代码][代码]: [代码][代码]20[代码][代码]rpx;} [代码][代码].orientation{[代码][代码]white-space[代码][代码]:[代码][代码]normal[代码][代码];[代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码]; [代码][代码]width[代码][代码]: [代码][代码]55[代码][代码]rpx;[代码][代码]height[代码][代码]:[代码][代码]58[代码][代码]rpx; [代码][代码]color[代码][代码]: [代码][代码]#999[代码][代码]; [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];} [代码][代码].orientation_region{ [代码][代码]width[代码][代码]: [代码][代码]55[代码][代码]rpx;[代码][代码]font-size[代码][代码]: [代码][代码]20[代码][代码]rpx;[代码][代码]position[代码][代码]: [代码][代码]fixed[代码][代码];[代码][代码]top[代码][代码]: [代码][代码]220[代码][代码]rpx; [代码][代码]right[代码][代码]: [代码][代码]0[代码][代码]rpx;} [代码][代码].orientation_city{[代码][代码]height[代码][代码]: [代码][代码]50[代码][代码]rpx; [代码][代码]line-height[代码][代码]: [代码][代码]50[代码][代码]rpx;[代码][代码]color[代码][代码]: [代码][代码]#000[代码][代码];[代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];}[代码][代码]Page({[代码] [代码] [代码][代码]/** [代码][代码] [代码][代码]* 页面的初始数据 [代码][代码] [代码][代码]*/[代码][代码] [代码][代码]data: {[代码][代码] [代码][代码]orientationList: [[代码][代码] [代码][代码]{ id: [代码][代码]"01"[代码][代码], region: [代码][代码]"东北"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"02"[代码][代码], region: [代码][代码]"华北"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"03"[代码][代码], region: [代码][代码]"华东"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"04"[代码][代码], region: [代码][代码]"华南"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"05"[代码][代码], region: [代码][代码]"华中"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"06"[代码][代码], region: [代码][代码]"西北"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"07"[代码][代码], region: [代码][代码]"西南"[代码] [代码]}[代码][代码] [代码][代码]],[代码][代码] [代码][代码]act_addList: [[代码][代码] [代码][代码]{[代码][代码] [代码][代码]id: [代码][代码]"01"[代码][代码], region: [代码][代码]"东北地区"[代码][代码],[代码][代码] [代码][代码]city: [{ id: [代码][代码]"0101"[代码][代码], name: [代码][代码]"白山江源"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0102"[代码][代码], name: [代码][代码]"白山市"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0103"[代码][代码], name: [代码][代码]"宾县"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0104"[代码][代码], name: [代码][代码]"大庆"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0105"[代码][代码], name: [代码][代码]"测试1"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0106"[代码][代码], name: [代码][代码]"测试2"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0107"[代码][代码], name: [代码][代码]"测试3"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0108"[代码][代码], name: [代码][代码]"测试4"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0109"[代码][代码], name: [代码][代码]"测试5"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0110"[代码][代码], name: [代码][代码]"测试6"[代码] [代码]},[代码][代码] [代码][代码]][代码][代码] [代码][代码]},[代码][代码] [代码][代码]{[代码][代码] [代码][代码]id: [代码][代码]"02"[代码][代码], region: [代码][代码]"华北地区"[代码][代码],[代码][代码] [代码][代码]city: [{ id: [代码][代码]"0201"[代码][代码], name: [代码][代码]"包头"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0202"[代码][代码], name: [代码][代码]"保定"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0206"[代码][代码], name: [代码][代码]"测试2"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0207"[代码][代码], name: [代码][代码]"测试3"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0208"[代码][代码], name: [代码][代码]"测试4"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0209"[代码][代码], name: [代码][代码]"测试5"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0210"[代码][代码], name: [代码][代码]"测试6"[代码] [代码]},[代码] [代码] [代码][代码]][代码][代码] [代码][代码]},[代码][代码] [代码][代码]{[代码][代码] [代码][代码]id: [代码][代码]"03"[代码][代码], region: [代码][代码]"华东地区"[代码][代码],[代码][代码] [代码][代码]city: [{ id: [代码][代码]"0303"[代码][代码], name: [代码][代码]"开封市"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"3104"[代码][代码], name: [代码][代码]"安阳市"[代码] [代码]},][代码][代码] [代码][代码]},[代码][代码] [代码][代码]{[代码][代码] [代码][代码]id: [代码][代码]"04"[代码][代码], region: [代码][代码]"华南地区"[代码][代码],[代码][代码] [代码][代码]city: [[代码][代码] [代码][代码]{ id: [代码][代码]"0401"[代码][代码], name: [代码][代码]"黑龙江市"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0407"[代码][代码], name: [代码][代码]"测试3"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0508"[代码][代码], name: [代码][代码]"测试4"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0609"[代码][代码], name: [代码][代码]"测试5"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0710"[代码][代码], name: [代码][代码]"测试6"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0711"[代码][代码], name: [代码][代码]"测试8"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0712"[代码][代码], name: [代码][代码]"测试9"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0713"[代码][代码], name: [代码][代码]"测试10"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0714"[代码][代码], name: [代码][代码]"测试11"[代码] [代码]},[代码][代码] [代码][代码]][代码][代码] [代码][代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"05"[代码][代码], region: [代码][代码]"华中地区"[代码][代码], city: [{ id: [代码][代码]"0501"[代码][代码], name: [代码][代码]"黑龙江市"[代码] [代码]}] },[代码] [代码] [代码][代码]{[代码][代码] [代码][代码]id: [代码][代码]"06"[代码][代码], region: [代码][代码]"西北地区"[代码][代码],[代码][代码] [代码][代码]city: [{ id: [代码][代码]"0603"[代码][代码], name: [代码][代码]"开封市"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0604"[代码][代码], name: [代码][代码]"安阳市"[代码] [代码]},][代码][代码] [代码][代码]},[代码][代码] [代码][代码]{[代码][代码] [代码][代码]id: [代码][代码]"07"[代码][代码], region: [代码][代码]"西南地区"[代码][代码],[代码][代码] [代码][代码]city: [{ id: [代码][代码]"0703"[代码][代码], name: [代码][代码]"开封市"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0704"[代码][代码], name: [代码][代码]"安阳市"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0401"[代码][代码], name: [代码][代码]"黑龙江市"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0407"[代码][代码], name: [代码][代码]"测试3"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0508"[代码][代码], name: [代码][代码]"测试4"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0609"[代码][代码], name: [代码][代码]"测试5"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0710"[代码][代码], name: [代码][代码]"测试6"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0711"[代码][代码], name: [代码][代码]"测试8"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0712"[代码][代码], name: [代码][代码]"测试9"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0713"[代码][代码], name: [代码][代码]"测试10"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0714"[代码][代码], name: [代码][代码]"测试11"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0401"[代码][代码], name: [代码][代码]"黑龙江市"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0407"[代码][代码], name: [代码][代码]"测试3"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0508"[代码][代码], name: [代码][代码]"测试4"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0609"[代码][代码], name: [代码][代码]"测试5"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0710"[代码][代码], name: [代码][代码]"测试6"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0711"[代码][代码], name: [代码][代码]"测试8"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0712"[代码][代码], name: [代码][代码]"测试9"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0713"[代码][代码], name: [代码][代码]"测试10"[代码] [代码]},[代码][代码] [代码][代码]{ id: [代码][代码]"0714"[代码][代码], name: [代码][代码]"测试11"[代码] [代码]},[代码][代码] [代码][代码]][代码][代码] [代码][代码]},[代码][代码] [代码][代码]],[代码][代码] [代码][代码]toView: [代码][代码]'inToView01'[代码][代码],[代码][代码] [代码][代码]},[代码] [代码] [代码][代码]scrollToViewFn: [代码][代码]function[代码] [代码](e) {[代码][代码] [代码][代码]var[代码] [代码]_id = e.target.dataset.id;[代码][代码] [代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]toView: [代码][代码]'inToView'[代码] [代码]+ _id[代码][代码] [代码][代码]})[代码][代码] [代码][代码]console.log([代码][代码]this[代码][代码].data.toView)[代码] [代码] [代码][代码]},[代码][代码] [代码][代码]onLoad: [代码][代码]function[代码] [代码](options) {[代码] [代码] [代码][代码]}[代码][代码]})[代码]
2020-04-27有计划什么时候改好吗?影响挺大的,谢谢。
微信 6.7.4 浏览器弹出输入文字的框后 button点击触发焦点上移[代码]<!DOCTYPE html>[代码][代码]<[代码][代码]html[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]head[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]meta[代码] [代码]charset[代码][代码]=[代码][代码]"utf-8"[代码][代码]>[代码] [代码] [代码][代码]<[代码][代码]meta[代码] [代码]http-equiv[代码][代码]=[代码][代码]"Content-Type"[代码] [代码]content[代码][代码]=[代码][代码]"text/html; charset=utf-8"[代码][代码]/>[代码][代码] [代码][代码]<[代码][代码]meta[代码] [代码]http-equiv[代码][代码]=[代码][代码]"X-UA-Compatible"[代码] [代码]content[代码][代码]=[代码][代码]"IE=edge,chrome=1"[代码][代码]/>[代码][代码] [代码][代码]<[代码][代码]meta[代码] [代码]content[代码][代码]=[代码][代码]"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"[代码] [代码]name[代码][代码]=[代码][代码]"viewport"[代码][代码]/>[代码][代码] [代码][代码]<[代码][代码]meta[代码] [代码]name[代码][代码]=[代码][代码]"apple-mobile-web-app-capable"[代码] [代码]content[代码][代码]=[代码][代码]"yes"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]meta[代码] [代码]name[代码][代码]=[代码][代码]"apple-mobile-web-app-status-bar-style"[代码] [代码]content[代码][代码]=[代码][代码]"black"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]meta[代码] [代码]name[代码][代码]=[代码][代码]"apple-mobile-web-app-title"[代码] [代码]content[代码][代码]=[代码][代码]""[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]meta[代码] [代码]name[代码][代码]=[代码][代码]"format-detection"[代码] [代码]content[代码][代码]=[代码][代码]"telephone=no"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]title[代码][代码]></[代码][代码]title[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]head[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]body[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]div[代码] [代码]id[代码][代码]=[代码][代码]"app"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]div[代码] [代码]class[代码][代码]=[代码][代码]"main"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]div[代码] [代码]class[代码][代码]=[代码][代码]"part"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]div[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码] [代码]id[代码][代码]=[代码][代码]"p1"[代码] [代码]class[代码][代码]=[代码][代码]"part page2"[代码] [代码]style[代码][代码]=[代码][代码]"min-height: 667px;"[代码][代码]><[代码][代码]div[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码] [代码]class[代码][代码]=[代码][代码]"login"[代码][代码]><[代码][代码]div[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码] [代码]class[代码][代码]=[代码][代码]"phone"[代码][代码]><[代码][代码]span[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码][代码]>+86</[代码][代码]span[代码][代码]> <[代码][代码]input[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码] [代码]type[代码][代码]=[代码][代码]"tel"[代码] [代码]maxlength[代码][代码]=[代码][代码]"11"[代码] [代码]placeholder[代码][代码]=[代码][代码]"请输入手机号"[代码][代码]> <[代码][代码]button[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码][代码]>[代码][代码] [代码][代码]获取验证码[代码][代码] [代码][代码]</[代码][代码]button[代码][代码]></[代码][代码]div[代码][代码]> <[代码][代码]div[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码] [代码]class[代码][代码]=[代码][代码]"code"[代码][代码]><[代码][代码]span[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码][代码]>验证码</[代码][代码]span[代码][代码]> <[代码][代码]input[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码] [代码]type[代码][代码]=[代码][代码]"text"[代码] [代码]placeholder[代码][代码]=[代码][代码]"请输入验证码"[代码][代码]></[代码][代码]div[代码][代码]></[代码][代码]div[代码][代码]> <[代码][代码]p[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码] [代码]class[代码][代码]=[代码][代码]"loginTips"[代码][代码]><[代码][代码]span[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码][代码]>我已阅读并同意</[代码][代码]span[代码][代码]>条款及隐私政策</[代码][代码]p[代码][代码]> <[代码][代码]button[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码] [代码]class[代码][代码]=[代码][代码]"btn loginBtn"[代码] [代码]onclick[代码][代码]=[代码][代码]"go(this)"[代码][代码]>[代码][代码] [代码][代码]快速登录[代码][代码] [代码][代码]</[代码][代码]button[代码][代码]> <[代码][代码]div[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码] [代码]id[代码][代码]=[代码][代码]"mask"[代码] [代码]class[代码][代码]=[代码][代码]"mask"[代码] [代码]style[代码][代码]=[代码][代码]"display: none;"[代码][代码]></[代码][代码]div[代码][代码]> <[代码][代码]div[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码] [代码]class[代码][代码]=[代码][代码]"captcha-box"[代码] [代码]style[代码][代码]=[代码][代码]"display: none;"[代码][代码]><[代码][代码]p[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码][代码]>图形验证</[代码][代码]p[代码][代码]> <[代码][代码]div[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码] [代码]id[代码][代码]=[代码][代码]"slider-capture"[代码][代码]></[代码][代码]div[代码][代码]> <[代码][代码]div[代码] [代码]data-v-5a4bed13[代码][代码]=[代码][代码]""[代码] [代码]class[代码][代码]=[代码][代码]"none slice-img"[代码][代码]></[代码][代码]div[代码][代码]></[代码][代码]div[代码][代码]></[代码][代码]div[代码][代码]>[代码] [代码] [代码][代码]</[代码][代码]div[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]div[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]div[代码][代码]>[代码][代码]<[代码][代码]style[代码][代码]>[代码][代码]body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4, h5, h6, i, b, textarea, button, input, select, figure, figcaption {[代码][代码] [代码][代码]padding: 0;[代码][代码] [代码][代码]margin: 0;[代码][代码] [代码][代码]list-style: none;[代码][代码] [代码][代码]font-style: normal;[代码][代码] [代码][代码]text-decoration: none;[代码][代码] [代码][代码]border: none;[代码][代码] [代码][代码]box-sizing: border-box;[代码][代码] [代码][代码]font-weight: lighter;[代码][代码] [代码][代码]font-family: "PingFang-SC", Helvetica;[代码][代码] [代码][代码]-webkit-tap-highlight-color: transparent;[代码][代码] [代码][代码]-webkit-font-smoothing: antialiased;[代码] [代码]}[代码] [代码]html, body {[代码][代码] [代码][代码]background-color: #e9e9e7;[代码][代码] [代码][代码]width: 100%;[代码][代码] [代码][代码]height: 100%;[代码][代码] [代码][代码]/*-webkit-user-select: none;[代码][代码] [代码][代码]user-select: none;*/[代码][代码]}[代码][代码]img {[代码][代码] [代码][代码]display: block;[代码][代码] [代码][代码]width: 100%;[代码][代码] [代码][代码]height: 100%;[代码][代码] [代码][代码]border: 0;[代码][代码]}[代码] [代码]// 消除输入框和按钮的原生外观[代码][代码]/*input, textarea {[代码][代码] [代码][代码]-webkit-appearance: none;[代码][代码]}*/[代码] [代码].clear:after {[代码][代码] [代码][代码]content: '';[代码][代码] [代码][代码]display: block;[代码][代码] [代码][代码]clear: both;[代码][代码]}[代码] [代码].clear {[代码][代码] [代码][代码]zoom: 1;[代码][代码]}[代码] [代码].back_img {[代码][代码] [代码][代码]background-repeat: no-repeat;[代码][代码] [代码][代码]background-size: 100% 100%;[代码][代码]}[代码] [代码].left {[代码][代码] [代码][代码]float: left;[代码][代码]}[代码] [代码].right {[代码][代码] [代码][代码]float: right;[代码][代码]}[代码] [代码].text-center {[代码][代码] [代码][代码]text-align: center;[代码][代码]}[代码] [代码].hide {[代码][代码] [代码][代码]display: none;[代码][代码]}[代码] [代码].show {[代码][代码] [代码][代码]display: block;[代码][代码]}[代码] [代码].ellipsis {[代码][代码] [代码][代码]overflow: hidden;[代码][代码] [代码][代码]text-overflow: ellipsis;[代码][代码] [代码][代码]white-space: nowrap;[代码][代码]}[代码] [代码].fl {[代码][代码] [代码][代码]float: left;[代码][代码]}[代码] [代码].fr {[代码][代码] [代码][代码]float: right;[代码][代码]}[代码] [代码]@wa: 100vw;[代码][代码]@ha: 100vh;[代码][代码]@wu: @wa / 375;[代码][代码]@hu: @ha / 667;[代码] [代码]html, body, #app {[代码][代码] [代码][代码]width: 100vw;[代码][代码] [代码][代码]height: 100vh;[代码][代码] [代码][代码]color: rgb(51,51,51);[代码][代码] [代码][代码]position: fixed;[代码][代码] [代码][代码]top: 0;[代码][代码] [代码][代码]left: 0;[代码][代码]}[代码] [代码].main{[代码][代码] [代码][代码]width: 100vw;[代码][代码] [代码][代码]height: 100vh;[代码][代码]}[代码][代码].main .part{[代码][代码] [代码][代码]width: 100vw;[代码][代码] [代码][代码]height: 100vh;[代码] [代码] [代码][代码]position: relative;[代码][代码]}[代码][代码].main .part .login{[代码][代码] [代码][代码]width: 90.66666667vw;[代码][代码] [代码][代码]height: 56.53333333vw;[代码][代码] [代码][代码]border-radius: 2.66666667vw;[代码][代码] [代码][代码]background-color: rgba(246, 247, 251, 0.9);[代码][代码] [代码][代码]position: absolute;[代码][代码] [代码][代码]top: 50vw;[代码][代码] [代码][代码]left: 4.66666667vw;[代码][代码]}[代码][代码].main .part .loginTips{[代码][代码] [代码][代码]width: 100vw;[代码][代码] [代码][代码]text-align: center;[代码][代码] [代码][代码]font-size: 3.2vw;[代码][代码] [代码][代码]height: 3.2vw;[代码][代码] [代码][代码]line-height: 3.2vw;[代码][代码] [代码][代码]position: absolute;[代码][代码] [代码][代码]left: 0;[代码][代码] [代码][代码]bottom: 31.46666667vw;[代码][代码] [代码][代码]color: #000;[代码][代码]}[代码][代码].main .part .loginBtn {[代码][代码] [代码][代码]position: absolute;[代码][代码] [代码][代码]left: 23.2vw;[代码][代码] [代码][代码]bottom: 16.53333333vw;[代码][代码] [代码][代码]border: 1px solid #f00;[代码][代码] [代码][代码]z-index: 9999;[代码][代码]}[代码][代码].main .part .loginBtn :active{[代码][代码]opacity:0.6;[代码][代码]box-shadow: 2px 2px 5px #666;[代码][代码]transform: translateY(2px);[代码][代码]}[代码][代码].main .part .btn{[代码][代码] [代码][代码]display: block;[代码][代码] [代码][代码]width: 53.6vw;[代码][代码] [代码][代码]height: 11.73333333vw;[代码][代码] [代码][代码]border-radius: 2.66666667vw;[代码][代码] [代码][代码]background-color: #d3b466;[代码][代码] [代码][代码]color: #fff;[代码][代码] [代码][代码]font-size: 4.26666667vw;[代码][代码] [代码][代码]text-align: center;[代码][代码] [代码][代码]line-height: 11.73333333vw;[代码][代码]}[代码][代码].main .part .btn:active{[代码][代码]opacity:0.9;[代码][代码]box-shadow: 2px 2px 5px #666;[代码][代码]transform: translateY(2px);[代码][代码]background:#ff0000;[代码][代码]}[代码] [代码]</[代码][代码]style[代码][代码]>[代码][代码]<[代码][代码]script[代码][代码]>[代码][代码]function go(dom){[代码][代码]console.info(dom);[代码][代码]//dom.style.background = '#ff0000';[代码][代码]alert(123);[代码][代码]}[代码][代码]</[代码][代码]script[代码][代码]>[代码][代码]</[代码][代码]html[代码][代码]>[代码] 用vue写的,我把关键 代码 整理出来了, 大概的问题是: 1,一个input 和一个 button, 2, 不点击input 点击button 正常 3, 点击input 弹出输入框,点击键盘上的完成, 再点击button没反应了。要点击偏上一点才有效果。 微信 6.7.3 没问题,6.7.4的问题 演示视频 : https://share.weiyun.com/50ZQTuR
2018-11-28