亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

Taro開(kāi)發(fā)小程序填坑筆記（一）

mylxsw / 3482人閱讀

摘要：太懶了，早就想寫(xiě)這個(gè)系列了，知道今天才開(kāi)始動(dòng)筆，暫且就從這里開(kāi)始吧。本該到此就結(jié)束了。不過(guò)那是不可能的。到此為止問(wèn)題基本解決了，關(guān)于和的問(wèn)題也提了給的官方團(tuán)隊(duì)，鏈接地址最后，非常感謝團(tuán)隊(duì)的耐心解答，真的非常。

太懶了，早就想寫(xiě)這個(gè)系列了，知道今天才開(kāi)始動(dòng)筆，暫且就從這里開(kāi)始吧。

項(xiàng)目腳手架：Taro + TaroUI

問(wèn)題：

TaroUI的Modal彈層在軟鍵盤(pán)彈起的時(shí)候無(wú)法被頂上去，效果圖

去群里問(wèn)了問(wèn)大佬，建議說(shuō)給Input的cursorSpacoing大一點(diǎn)的值。

代碼：

結(jié)果OK了。

本該到此就結(jié)束了。不過(guò)那是不可能的。有小伙伴肯定發(fā)現(xiàn)了，我給的cursorSpacing是定值，在適配機(jī)型的時(shí)候肯定不合適，所以我們需要拿到Modal的位置信息，Taro文檔里給出了拿到組件或DOM實(shí)例的api，

Taro.createSelectorQuery()

代碼：

const query = Taro.createSelectorQuery()
                      .select(".add_book_modal") 
                      .boundingClientRect();   
   query.exec(res => { console.log(res, "modal"); });

res就是我們能拿到的組件實(shí)例信息，但是我在調(diào)試的時(shí)候打印出來(lái)的確實(shí)["null"]，

查看wxml發(fā)現(xiàn)我的className屬性根本就沒(méi)有賦到組件上

 (this.addBookModal = modal)}
          className="add_book_modal"
          class="add_book_modal">
          
            
              書(shū)籍信息
            
            
              書(shū)籍名
              
              作者

這是整個(gè)Modal組件，可以看到我在Modal上給了一個(gè)className，不過(guò)無(wú)效，后來(lái)我又想到TaroUI文檔里說(shuō)如果想要自定義樣式的話(huà)可以給組件一個(gè)class，覆蓋組件樣式，我就試著給Modal一個(gè)class，查看wxml發(fā)現(xiàn)組件有這個(gè)樣式，然后就理所當(dāng)然的拿到了位置信息。

到此為止問(wèn)題基本解決了，關(guān)于class和className的問(wèn)題也提了issue給TaroUI的官方團(tuán)隊(duì)，

鏈接地址

最后，非常感謝TaroUI團(tuán)隊(duì)的耐心解答，真的非常nice。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/108586.html

相關(guān)文章

  • Taro 優(yōu)秀學(xué)習(xí)資源匯總

    摘要：多端統(tǒng)一開(kāi)發(fā)框架優(yōu)秀學(xué)習(xí)資源匯總官方資源項(xiàng)目倉(cāng)庫(kù)官方文檔項(xiàng)目倉(cāng)庫(kù)官方文檔微信小程序官方文檔百度智能小程序官方文檔支付寶小程序官方文檔字節(jié)跳動(dòng)小程序官方文檔文章教程不敢閱讀包源碼帶你揭秘背后的哲學(xué)從到構(gòu)建適配不同端微信小程序等的應(yīng)用小程序最 Awesome Taro 多端統(tǒng)一開(kāi)發(fā)框架 Taro 優(yōu)秀學(xué)習(xí)資源匯總 showImg(https://segmentfault.com/img/r...

    toddmark 評(píng)論0 收藏0

  • 【Copy攻城獅日志】借助Taro暴改Nideshop實(shí)現(xiàn)電商支付寶小程序雛形

    摘要：接下來(lái)，在支付寶小程序開(kāi)發(fā)者工具中打，不出意外能跑起來(lái)一個(gè)電商支付寶小程序雛形。地址以上是我這個(gè)攻城獅對(duì)使用轉(zhuǎn)換原生微信小程序?yàn)橹Ц秾毿〕绦虻囊淮挝⒉蛔愕赖膶?shí)踐。 showImg(https://segmentfault.com/img/bVbnCCN?w=1818&h=931);↑開(kāi)局一張圖，故事全靠編↑ 從一個(gè)需求說(shuō)起 作為底層的程序猿，哦不，我連猿都算不上，混的好的叫碼神，混得一...

    gnehc 評(píng)論0 收藏0

  • Taro，快速上手教程（一）

    摘要：個(gè)人所有文章同步到前言最近公司準(zhǔn)備開(kāi)發(fā)幾款可以在微信小程序端和端同時(shí)運(yùn)行的一套商城，接著就是任務(wù)下發(fā)嘍，但是有一點(diǎn)，時(shí)間緊任務(wù)重，直接說(shuō)其他的不管，反正幾個(gè)星期之內(nèi)必須上線(xiàn)，頭疼。 個(gè)人所有文章同步到：https://github.com/zhengzhuan... 前言 最近公司Boss準(zhǔn)備開(kāi)發(fā)幾款可以在微信小程序端和H5端同時(shí)運(yùn)行的一套商城，接著就是任務(wù)下發(fā)嘍，但是有一點(diǎn)，時(shí)間緊任...

    pakolagij 評(píng)論0 收藏0

  • Taro 簡(jiǎn)介

    摘要：讓人又愛(ài)又恨的微信小程序自微信小程序以下簡(jiǎn)稱(chēng)小程序誕生以來(lái)，就伴隨著贊譽(yù)與爭(zhēng)議不斷。同時(shí)于開(kāi)發(fā)者來(lái)說(shuō)，小程序的生態(tài)不斷在完善，許多的坑已被踩平，雖然還是存在一些令人詬病的問(wèn)題，但已經(jīng)足見(jiàn)微信的誠(chéng)意了。 Taro 介紹 在互聯(lián)網(wǎng)不斷發(fā)展的今天，前端程序員們也不斷面臨著新的挑戰(zhàn)，在這個(gè)變化多端、不斷革新自己的領(lǐng)域，每一年都有新的美好事物在發(fā)生。從去年微信小程序的誕生，到今年的逐漸火熱，以及...

    sixgo 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<