摘要:記錄小程序常見問題組件標(biāo)簽問題表單頁面經(jīng)常遇到和表現(xiàn)出來的邊距不同問題自帶多端不統(tǒng)一注意和與的會(huì)有不自動(dòng)彈起還有,之間的表現(xiàn)形式結(jié)合組件標(biāo)簽處理正常隱藏顯示自動(dòng)聚焦位置錯(cuò)亂穿透彈窗或遮罩層盡可能說服產(chǎn)品和在長表單頁面中最好不要如下
記錄小程序常見問題 組件(標(biāo)簽)問題 textarea
表單頁面經(jīng)常遇到ios和andriod表現(xiàn)出來的邊距不同問題
Q: textarea自帶padding - 多端不統(tǒng)一 wxml: js: wx.getSystemInfo({ success: function (res) { that.globalData.system = !!~res.system.indexOf("Android") ? "android" : "ios"; } })
☆ 注意: wx:if和hidden 與 textarea的focus、auto-focus (會(huì)有不自動(dòng)彈起) 還有 ios,android之間的表現(xiàn)形式 結(jié)合view組件(標(biāo)簽)處理
wx:if - ios正常隱藏顯示自動(dòng)聚焦
placeholder位置錯(cuò)亂, 穿透彈窗或遮罩層
☆ 盡可能說服產(chǎn)品和ui, 在長表單頁面中, 最好不要如下圖一樣的設(shè)計(jì)
textarea(②)從超過一屏幕的下方出現(xiàn), 且頁面有提交懸浮塊③的設(shè)計(jì), 在滾動(dòng)(①)時(shí)會(huì)出現(xiàn)textarea內(nèi)容層級問題.
表單一般都是從上而下填寫的, 懸浮設(shè)計(jì)為非必要. 因筆主說不過, 只能麻煩的隱藏顯示, ios沒事,但安卓切換顯示表現(xiàn)不友好.
textarea 在 position:fixed的元素中時(shí)要給 textarea 增加屬性 fixed:
小程序js問題 小程序IOS不支持1970-01-01格式的時(shí)間let time1 = "1970-01-01 11:00:00"; // ios需要替換掉"-"改為"/" mydata = data.replace(/-/g, "/"); console.log("返回時(shí)間:" + mydata);異步請求, onLaunch,onLoad執(zhí)行問題
由于異步異步, 頁面的onLoad的一些內(nèi)容可能會(huì)先于onLaunch的(異步回調(diào))內(nèi)容執(zhí)行執(zhí)行
web-view 有時(shí)需要跳轉(zhuǎn)前將參數(shù)轉(zhuǎn)義,然后使用前在重新轉(zhuǎn)義傳參 toUrl(event) { // 打開頁面(只能打開白名單的域名) var url = event.target.dataset.url; if(!url){ return; } url = encodeURIComponent(url); url = "/pages/web/web?url=" + url; wx.navigateTo({ url: url }) }
收參 onLoad: function (options) { // 頁面渲染后 執(zhí)行 var page = this; var url = options.url; url = decodeURIComponent(url); // 頁面初始化 options為頁面 var newUrl = "https://www.yugi.com"; if (url.indexOf("http://yugi.com")>-1){ url = url.replace("http://yugi.com", newUrl); } else if (url.indexOf("http://www.yugi.com")>-1) { url = url.replace("http://www.yugi.com", newUrl); } //isPassArea=1&xcx=1 if (url.indexOf("isPassArea")<0) { url = url +"&isPassArea=1";// 二級域名不過濾 } if (url.indexOf("xcx") < 0) { url = url + "&xcx=1";// 小程序標(biāo)識,如果有需要特殊處理,可以用此判斷 } if (url.indexOf("flag=1") < 0) { url = url.replace("flag=1","flag=2"); } if (url.indexOf("flag") < 0) { url = url + "&flag=2";// 取消一鍵下載 } // 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù) this.setData({ url: url }) }
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/102457.html
摘要:資料整理關(guān)于配置微信小程序頁面附關(guān)于微信搜索小程序內(nèi)頁面的功能,只能在線上環(huán)境有用,而且沒有提供測試的渠道。二微信小程序激勵(lì)視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵(lì)視頻廣告組件是一個(gè)原生組件,層級比普通組件高。 大綱:根據(jù)近期我在小程序開發(fā)中接到的需求,總結(jié)一下下面四個(gè)開發(fā)需求所遇到的問題: 1、關(guān)于微信現(xiàn)已開放小程序內(nèi)搜索(sitemap 配置);2、微信小程序的激勵(lì)視頻廣告...
摘要:資料整理關(guān)于配置微信小程序頁面附關(guān)于微信搜索小程序內(nèi)頁面的功能,只能在線上環(huán)境有用,而且沒有提供測試的渠道。二微信小程序激勵(lì)視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵(lì)視頻廣告組件是一個(gè)原生組件,層級比普通組件高。 大綱:根據(jù)近期我在小程序開發(fā)中接到的需求,總結(jié)一下下面四個(gè)開發(fā)需求所遇到的問題: 1、關(guān)于微信現(xiàn)已開放小程序內(nèi)搜索(sitemap 配置);2、微信小程序的激勵(lì)視頻廣告...
摘要:資料整理關(guān)于配置微信小程序頁面附關(guān)于微信搜索小程序內(nèi)頁面的功能,只能在線上環(huán)境有用,而且沒有提供測試的渠道。二微信小程序激勵(lì)視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵(lì)視頻廣告組件是一個(gè)原生組件,層級比普通組件高。 大綱:根據(jù)近期我在小程序開發(fā)中接到的需求,總結(jié)一下下面四個(gè)開發(fā)需求所遇到的問題: 1、關(guān)于微信現(xiàn)已開放小程序內(nèi)搜索(sitemap 配置);2、微信小程序的激勵(lì)視頻廣告...
摘要:從九月底內(nèi)測到現(xiàn)在已經(jīng)三個(gè)半月凌晨一點(diǎn)睡覺已經(jīng)習(xí)以為常也正是這樣才讓無前端經(jīng)驗(yàn)的我做微信小程序開發(fā)并不感到費(fèi)勁最近才開始接微信小程序的外包項(xiàng)目目前已經(jīng)簽下了五份合同成品出了兩個(gè)加上轉(zhuǎn)給朋友做的正在談的算起來有十來個(gè)項(xiàng)目距離微信正式開放的時(shí)間 從九月底內(nèi)測到現(xiàn)在已經(jīng)三個(gè)半月.凌晨一點(diǎn)睡覺已經(jīng)習(xí)以為常,也正是這樣,才讓無前端經(jīng)驗(yàn)的我做微信小程序開發(fā)并不感到費(fèi)勁.最近才開始接微信小程序的外包...
閱讀 1609·2021-10-18 13:35
閱讀 2390·2021-10-09 09:44
閱讀 851·2021-10-08 10:05
閱讀 2751·2021-09-26 09:47
閱讀 3619·2021-09-22 15:22
閱讀 460·2019-08-29 12:24
閱讀 2022·2019-08-29 11:06
閱讀 2878·2019-08-26 12:23