A. 【微信技術-微信小程序】------ 使用ColorUI組件簡單入門
使用ColorUI組件入門指南
ColorUI是一個基於CSS類的UI組件庫，通過引入樣式，可以利用class調用組件，而不是基於JavaScript框架。與同類小程序組件庫相比，ColorUI更注重視覺交互。
為了開始使用ColorUI組件，請按照以下步驟進行操作：
1. 下載ColorUI組件文件。組件文件主要分為三種類型：針對UniApp開發的文件名為Colorui-UniApp、微信開發工具作為組件開發的文件名為template、以及用於示例的文件名為demo。
2. 在微信開發工具項目中引用ColorUI組件。需要在app.json中去掉"style": "v2"，因為新版基礎組件自帶樣式可能會干擾ColorUI的樣式。若項目已存在，可直接將template文件下的colorui文件復制到項目中對應目錄。
3. 引用並配置組件。在app.wxss文件中引入colorui組件的樣式，通過@import引入對應的wxss文件。在app.json中配置組件綁定，使用"usingComponents"來指定組件路徑。
4. 展示效果。在完成上述步驟後，即可看到ColorUI組件的使用效果。
提示：為了獲得最佳體驗，請在項目啟動前先按照上述步驟正確引入並配置ColorUI組件。
為了幫助前端學習者更好地掌握ColorUI組件的使用，我們建立了一個前端小白交流群。如果您想加入，請私信我。我將分享各種學習資源，並組織大家一起進行項目練習，以實現互相學習與監督的目標。歡迎加入，共同成長。
作者：皮皮熊貓
B. 購物車模塊丨前端uniapp微信小程序項目
購物車模塊是前端uniapp微信小程序項目中的重要組成部分，主要負責實現加入購物車、購物車列表交互、計算結算金額等功能。首先，商品詳情頁中的商品（SKU）在被選中規格後能夠被加入購物車，具體操作通過POST請求至介面完成，此介面需要登錄許可權。
在購物車列表功能中，考慮到用戶登錄狀態，已登錄用戶可見購物車列表，反之則需引導其登錄。此列表通過調用介面獲取當前登錄用戶購物車中的商品列表，介面同樣需要登錄許可權且無需額外參數。通過封裝的代碼實現列表渲染，同時，用戶可以根據需要自行實現猜你喜歡分頁載入功能。
對於購物車中的商品管理，包括刪除、修改購買數量及選中狀態等功能。刪除購物車中的商品通過側滑操作實現，利用uni-swipe-action組件。修改購買數量和選中狀態則分別通過PUT請求至介面完成，介面需要登錄許可權且根據路徑參數和Body參數進行操作。為增加安全性，對組件進行了類型聲明，並在代碼中進行了相應修改。
購物車底部結算信息計算總錢數，即總金額，需在用戶修改商品選中狀態和改變購買數量後進行重新計算，通過計算屬性實現。對於 tabBar 頁面限制，購物車業務被獨立為組件，以滿足從底部 tabBar 訪問及商品詳情頁跳轉返回的需求。通過將購物車業務封裝成組件，實現兩個購物車頁面分別滿足此功能，一個為 tabBar 頁，另一個為普通頁。
最後，全網首套使用vue3加TS編寫的uniapp項目提供完整電商購物流程，包含微信登錄、微信支付等業務，涵蓋從基礎到9大電商業務模塊，如猜你喜歡、熱門推薦、商品分類、商品詳情、用戶管理、地址管理、購物車管理、訂單管理等，一套代碼覆蓋微信小程序端、H5端、APP端。