簡(jiǎn)單的仿知乎日?qǐng)?bào)小程序

github鏈接:https://github.com/ZhengZhouXu/mp-zhihu-news

簡(jiǎn)單的仿知乎日?qǐng)?bào)小程序

  1. 首頁
  2. 文章頁面
首頁
文章頁面

簡(jiǎn)介

小程序的練手之作。功能簡(jiǎn)單,就2個(gè)頁面,基本能瀏覽知乎日?qǐng)?bào)。有需要的可以用于學(xué)習(xí)。

小程序的坑

做的時(shí)候發(fā)現(xiàn)的幾個(gè)坑。
1.由于知乎api提供的文章是html格式, 我本來打算用wxParse轉(zhuǎn)成小程序代碼,但是發(fā)現(xiàn)一個(gè)問題,對(duì)轉(zhuǎn)換之后的代碼寫入樣式時(shí)有些問題,賦值padding的時(shí)候父元素莫名被撐大。之后的代碼用了 正則+rich-text 顯示,還是遇到了相同的問題。

設(shè)置了box-sizing的元素,設(shè)置padding依然被撐大

我最后的解決方案是將父元素寬度設(shè)置成width:100%;這樣子元素也就安分了。揪其具體原因,我也不知道,只能先挖個(gè)坑在這里,之后知道了在填上。

  1. 相同的樣式,標(biāo)簽順序一換就不能顯示文字了。我隨手把<text>標(biāo)簽移到<image>前面就能顯示了。同上我也不知道原因,坑也就挖在這,知道了填上。


    不能顯示的情況

    文字正常顯示
  2. rich-text 雖然支持a標(biāo)簽,但是不能用a標(biāo)簽導(dǎo)航。
  3. 這條不是坑,但是我總感覺小程序開發(fā)起來不舒服。下次試試mpvue和wepy。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 和朋友小聚,朋友的氣色不太好,聊了幾句,就開始抱怨媽媽,抱怨媽媽管得太多太寬,要插手她生活中的任何事情,朋友學(xué)著媽...
    心理雜貨鋪閱讀 1,972評(píng)論 0 2
  • 概述 iOS 11 引入了 ARKit,這是一個(gè)全新的框架,允許開發(fā)者輕松地為 iPhone 和 iPad 創(chuàng)建無...
    晌希閱讀 976評(píng)論 0 1
  • 昨天電梯突然停在了五樓,然后掉到了四樓半。電梯內(nèi)除我之外還有兩個(gè)姑娘,不知道她們是經(jīng)常遇到這樣的事情,還是相信中國...
    流淚泉閱讀 354評(píng)論 0 0

友情鏈接更多精彩內(nèi)容