简单的仿知乎日报小程序

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

简单的仿知乎日报小程序

  1. 首页
  2. 文章页面
首页
文章页面

简介

小程序的练手之作。功能简单,就2个页面,基本能浏览知乎日报。有需要的可以用于学习。

小程序的坑

做的时候发现的几个坑。
1.由于知乎api提供的文章是html格式, 我本来打算用wxParse转成小程序代码,但是发现一个问题,对转换之后的代码写入样式时有些问题,赋值padding的时候父元素莫名被撑大。之后的代码用了 正则+rich-text 显示,还是遇到了相同的问题。

设置了box-sizing的元素,设置padding依然被撑大

我最后的解决方案是将父元素宽度设置成width:100%;这样子元素也就安分了。揪其具体原因,我也不知道,只能先挖个坑在这里,之后知道了在填上。

  1. 相同的样式,标签顺序一换就不能显示文字了。我随手把标签移到前面就能显示了。同上我也不知道原因,坑也就挖在这,知道了填上。


    不能显示的情况

    文字正常显示
  2. rich-text 虽然支持a标签,但是不能用a标签导航。
  3. 这条不是坑,但是我总感觉小程序开发起来不舒服。下次试试mpvue和wepy。

你可能感兴趣的:(简单的仿知乎日报小程序)