原文:微信小程序項目,實現圖書列表渲染,以及圖書詳情跳轉

今天實現了業務中最常見的列表到詳情的功能,做一個總結歸納,方便自己以后溫習 兩個頁面分別要實現如下設計稿的視圖 在開始之前首先復習一下es promise的用法,之前一直聽說過promise的用法,但一直沒有實戰過 首先寫一個小DEMO,使用promise打印出微信小程序的當前系統信息 接着開始自己的項目,復制一個HTTP.js叫 HTTP,把原先的先保留着預防出問題, HTTP.js模塊新建一 ...

2019-05-24 20:03 0 1037 推薦指數:

查看詳情

程序之小豆瓣圖書

本文發表至今已有一段時間,錯別字多、文筆混亂、內容過於陳舊。本人建議讀者不必細究,大概瀏覽即可,最新的開發指南還是以官方文檔為准,該博文的示例代碼經過了重構,已經與官方文檔同步,可能與文中的代碼片段有較大差異,請以 Github 倉庫上的代碼為准。 最近程序被炒得很火熱 ...

Wed Oct 05 07:19:00 CST 2016 30 8409
程序--每周圖書推薦demo

這是我個人的第一個原生程序,作為一枚萌新,自己沒有前端經歷,所以代碼很混亂,界面很簡單,難度也很低,主要用來記錄自己學程序過程中遇到的問題。 一、 先上預覽圖 左右滑動切換每周推薦的圖書,點擊封面進入圖書詳情頁面,點擊tabBar上的關於可進入關於頁 二、詳細 ...

Thu Oct 24 02:49:00 CST 2019 0 634
程序頁面列表詳情跳轉的正確姿勢

初學程序,碰到列表詳情跳轉遇到的問題,記錄一下。 一、問題 1個列表頁: 1個詳情頁: 列表頁代碼: onLoad:異步查詢數據並setData 詳情頁代碼: 保存成功后,調用navigateBack 問題來了,從詳情跳轉列表頁后,頁面不刷新,還是修改 ...

Thu Feb 28 06:30:00 CST 2019 0 4205
程序點擊列表跳轉到對應詳情

點擊列表跳轉到對應詳情頁: 用自定義屬性data-index保存當前點擊列表的index,在點擊跳轉的方法中獲取index並且拼接到要跳轉的路徑后面: 跳轉詳情頁,在onLoad鈎子中通過參數options獲取傳過來的index,渲染對應的數據 ...

Wed Sep 25 19:44:00 CST 2019 0 4653
關於程序列表渲染

先看一個簡單的例子 wx:for 用來渲染列表,綁定的是一個數組 使用數組中各項的數據重復渲染該組件,從而形成一個列表。 index 是數組newsList的下標,newsList[index],獲取當前對象 再來一個例子 item 表示當前 ...

Wed Jul 05 00:34:00 CST 2017 0 1374
程序——列表渲染wx:for

wx:for 在組件上使用 wx:for 控制屬性綁定一個數組,即可使用數組中各項的數據重復渲染該組件。 默認數組的當前項的下標變量名默認為 index,數組當前項的變量名默認為 item 使用 wx:for-item 可以指定數組當前元素的變量名, 使用 wx ...

Wed Apr 18 18:04:00 CST 2018 3 52969
程序列表渲染

wx:for,(wx:for-item,wx:for-index),wx:key. 列表循環包括數組循環和對象循環 一、數組循環 此時控制台報錯如下:屬性“wx:key”可以提高性能。 Wx:key=”唯一的值”,數組中對象的唯一屬性,如id;如果是普通數組,則用 ...

Mon Nov 16 04:38:00 CST 2020 0 502
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM