前段時間做了一個音訊內容類小程式，它的版塊架構如下：

精選，內容精選頁（首頁），Slide 滑動切換效果，類微信讀書首頁柚道，內容為卡片流式列表，包含的內容為柚道類別下的：讀書、讀文內容，音訊內容可直接點播放柚答，育兒問題音訊解答內容教師（主播）詳情頁柚道內容詳情頁，音訊列表、評論列表，音訊列表支援連續播放柚道內容評論頁柚道內容收藏互動上需要播放器與導航整合，可滑動切換，播放器預設停留的內容為精選頁內容第一條一期的需求，大致以上幾條，還有我的裡面會有各種內容收藏的詳情頁，就不一一介紹了。

先整體看一下完成效果：

設計版本一

設計版本二

選型

以前沒有小程式的經驗，做了這個需求和設計後，首要考慮的是怎樣快速產出一個小程式。因為有一點 vuejs 的精驗，也看了幾個小程式開發框架，比較活躍就是 wepy 了，就用 wepy 做了一個版本，後來改版的時候美團基於 vue 小程式的框架、還有uni app 都發布了，所以就分別每個框架做了一版本。

-完-

相關資源：

UNI-APP 版本 https://github.com/caixie-ltd/cx-mp-podcastWePY 版本 https://github.com/baisheng/mp-podcast-wepyMPVUE 版本 https://github.com/baisheng/mp-podcast-mpvue