小程序輪播圖渲染和頁面詳情渲染

原創 szuwaterbrother 2020-07-04 23:43

step1

給每個商品加個跳轉路徑，且給每個商品賦予了一個id號碼
在這裏插入圖片描述
只要登錄上去，這個id就出來了，把原來的頁面參數改成了接口的goods_id
在這裏插入圖片描述
用es7的語法 拿到了數據
在這裏插入圖片描述
在這裏插入圖片描述

其實我也不是很瞭解這個async await的用處

async和await的mdn文檔說明，改日再看，害

然後

設置。賦值操作
在這裏插入圖片描述

動態渲染

這是大體 的框架
在這裏插入圖片描述

然後是less的修改
在這裏插入圖片描述

添加三個特性->自動播放 銜接 顯示點
在這裏插入圖片描述

在這裏插入圖片描述

輪播圖渲染出來了

標題step3

這個步驟的主要目標是要做商品詳情

在這裏插入圖片描述

在這裏插入圖片描述
這是他們的比例
在這裏插入圖片描述

再來一個樣式的美化
在這裏插入圖片描述

效果圖如下

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

移動應用的下一站 | InfoQ 大咖說

據工信部統計，截至2021年2月底，我國國內市場上監測到的APP數量高達328萬款。在互聯網人口紅利瓶頸期，想要在數百萬的APP市場“廝殺”中脫穎而出其難度可想而知。與App數量的激增的狀況相反的是，用戶端的需求在逐漸向「如何用盡可能少的A

InfoQ 中文站 2021-08-28 11:59:04

投資上千萬，下載才幾千！移動應用開發的下一站在哪裏？

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragr

张雅文 2021-08-19 14:48:54

建信小程序開發工具鏈原理淺析

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

金科优源汇 2020-12-06 14:03:49

GraphQL 在酒店系統上的實踐

{"type":"doc","content":[{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"1 問題由來"}]}

Qunar技术沙龙 2020-12-04 14:08:55

互聯網圓桌派技術沙龍專場——智能小程序 開發全解析

小程序的發展爲市場帶來了巨大活力，作爲快速增長的小程序平臺，百度智能小程序爲用戶帶來了驚喜的應用體驗。在百度搜索加信息流雙引擎的推動下，百度智能小程序落地精準服務用戶，深入更多的生活場景，促進了行業與生態的繁榮。本次「智能小程序 開發全解析

InfoQ 中文站 2020-12-02 21:44:11

一起建數據湖嗎？

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":"center","origin":null},"content":[{

apachekylin 2020-11-29 10:13:55

前端視角談物聯網三部曲：連接智能、交互智能、數據智能

{"type":"doc","content":[{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"一、物聯網設備及騰訊

云加社区 2020-11-21 10:03:52

Serverless Components 在騰訊雲的落地和實踐

{"type":"doc","content":[{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"一、Serverle

云加社区 2020-11-19 10:03:54

他把閒魚APP長列表流暢度翻了倍

{"type":"doc","content":[{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"1 整體思路"}]}

云从 2020-11-10 10:03:55

互聯網 輿情繫統的架構實踐

1. 輿情分析的業務特點1.1 信源覆蓋廣輿情分析的數據源幾乎覆蓋所有互聯網公開信息，如常見的資訊網站和社交媒體：新華網、騰訊新聞、百度貼吧、論壇、新浪微博、微信、博客等，近幾年興起的自媒體平臺和短視頻等流媒體應用：小紅書、抖音、快手等，人

百分点认知智能实验室 2020-11-05 10:13:55

微信小程序登錄功能的前端設計與實現

一、業務場景在用戶瀏覽小程序的過程中，由業務需要，往往需要獲取用戶的一些基本信息，常見的有： 微信暱稱 微信手機號 而不同的產品，對於用戶的信息要求不盡相同，也會有不一樣的授權流程。第一種，常見於電商系統中，用戶購買商品的時候，爲了識別用戶

云加社区 2020-11-02 10:03:52

iOS性能優化實踐：頭條抖音如何實現OOM崩潰率下降50%+

iOS OOM 崩潰在生產環境中的歸因一直是困擾業界已久的疑難問題，字節跳動旗下的頭條、抖音等產品也面臨同樣的問題。 在字節跳動性能與穩定性保障團隊的研發實踐中，我們自研了一款基於內存快照技術並且可應用於生產環境中的 OOM 歸因方案——

字节跳动技术团队 2020-10-29 14:03:50

持續演進的接口自動化測試方案

前言接口自動化測試是個老生常談的話題，基本上每個測試團隊都會涉及，市面上大部分文章會從如何設計框架去講解。但是這一次我想回歸自動化的根本價值，從持續演進的解決方案出發，講解有贊測試團隊的心路歷程和對於接口自動化的理解，歡迎交流。一、價值有贊

Henry 2020-10-29 10:08:48

日調 1000 億，騰訊微服務平臺的架構演進

01 微服務平臺簡介1. 微服務平臺要搭建一套能穩定支持海量調用的微服務系統，需要先看看系統由哪些模塊組成。如上圖所示，從下往上看，不同的用戶 VPC 代表多租戶，中間是服務註冊發現的模塊，頂部是應用管理模塊和數據化運營模塊，應用管理模塊用

刘智新 2020-10-16 10:03:58

小程序自動化部署方案在好大夫的落地

背靠微信這個巨大流量池，小程序以其輕量級，即用即走的特點贏得了廣大用戶的青睞，目前好大夫已經有了十多個小程序，如何在保證質量的前提下讓小程序的開發、測試、上線流程高效、快捷的運轉是每一個開發者應該考慮的問題。本文主要介紹小程序自動化部署方

好大夫在线技术团队 2020-10-13 08:03:59