uni-app 24h無人共用洗車-自助洗車小程式-帶商城開源了~

来源:https://www.cnblogs.com/dixueli/archive/2022/09/09/16672090.html
-Advertisement-
Play Games

明天就是中秋節了,就想著用CSS畫一個月亮送給園友們吧。但是就畫一個月亮也太簡單了些,於是便加了一些星星點綴以及流星墜落的效果。這篇文章就用純CSS為大家實現一個“流星趕月”的效果。 實現效果 點擊運行查看 畫個月亮 首先我們先讓全屏背景變成黑色,然後實現一個大月亮🌕,並加點"漸變",“光暈"等效 ...


耗時3個多月做完的一個項目,功能完整,已經把後端api剔除,放了靜態數據供參考,拿出來分享給大家。

本人是JAVA後端一枚,uniapp入手還是挺簡單的,主要把flex佈局學好就行了。

註意:僅在微信小程式測試過,因為後臺登錄用了微信系,所以沒有測過其他環境,頁面都是flex佈局,理論上是可以適配所有機型的。

商城風格是仿了小米lite。

image
image
image
image
image

開發完覺得費了時間的地方(僅供參考):

  1. 商城頁標題欄預設透明,下拉變色,這個在開發過程中還是耗費了幾天時間,最後抽取出了一個單獨的組件。

  2. 商品詳情頁標題欄也做了透明效果,且可以點擊按鈕跳轉到指定位置,這個其實還是有幾個小的細節需要註意,有需求具體請看代碼。

  3. 商城首頁二級分類的左右切換(這個效果是仿小米lite的)

洗車功能頁:

  • 登錄頁

  • 首頁

  • 門店詳情頁

  • 充值頁

  • 車輛管理

  • 無牌通道

  • 我的餘額

  • 餘額明細

  • 積分明細

  • 洗車訂單

  • 洗車卡管理

  • 意見反饋/

  • 洗車幫助

  • 分享賺錢

商城功能頁(仿小米lite風格)

  • 商城首頁
  • 分類
  • 商品詳情
  • 創建訂單
  • 地址列表
  • 添加地址
  • 付款結果

如何部署

  1. 打開HbuilderX

  2. 文件-導入-從本地目錄導入

  3. 選擇解壓後的文件夾

  4. 運行-運行到小程式模擬器-微信開發工具

    如果有bug可留言或聯繫QQ/wx: 157239486,本人看到會第一時間更新修複。

    uni-app交流群:770807438

    https://github.com/maosanba559/carwash

    分享不易,喜歡給個star吧~


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • MySQL8 Group By 新特性 此生此夜不長好,明月明年何處看。 一、簡介 MySQL8 新特性之 Group By 不再隱式排序。MySQL8對於group by 欄位不再隱式排序,如需要排序,必須顯式加上 order by 子句。 二、MySQL5.7 Group By 數據準備 Sel ...
  • 本篇文章主要介紹 Redo Log 和 Undo Log: 1. 利用 Redo Log 和 Undo Log 實現本地事務的原子性、持久性 2. Redo Log 的寫回策略 3. Redo Log Buffer 的刷盤時機 ...
  • DDL:數據定義語言 註意:對錶操作的時候需要進入到對應的資料庫裡面去。 創建表:CREATE TABLE [IF NOT EXISTS] 'tbl_name' ( 欄位1 修飾符, col2 欄位2 修飾符, ...) 例如:創建一張名為stu1的表,表中包含的欄位有id,name和age,id的 ...
  • 酷暑終於過去,很多人伴著涼爽的秋風開啟了新一輪的健身計劃。當用戶進行戶外運動或使用跑步機、橢圓機等器械時,他們會希望在運動健康類App里點擊即可開啟運動並記錄運動數據。而對於開發者自己開發的應用來說,用戶在使用跟華為健康App綁定的運動設備運動時,可以直接在自己的App後臺控制用戶運動狀態並獲取實時 ...
  • 原文地址:Everything about null in JavaScript 原文作者:Dmitri Pavlutin 譯者:Gopal JavaScript 有兩種類型:原始類型(strings, booleans, numbers, symbols)和對象 對象是一個複雜的數據結構。最簡單的 ...
  • 每日3題 31 關於AMD、CMD規範區別說法正確的是?(多選) A.AMD規範:是 RequireJS在推廣過程中對模塊定義的規範化產出的 B.CMD規範:是SeaJS 在推廣過程中對模塊定義的規範化產出的 C.CMD 推崇依賴前置;AMD 推崇依賴就近 D.CMD 是提前執行;AMD 是延遲執行 ...
  • 最近我在 CodePen 上看到了這樣一個有意思的動畫: 整個動畫效果是在一個標簽內,藉助了 SVG PATH 實現。其核心在於對漸變(Gradient)的究極利用。 完整的代碼你可以看看這裡 -- CodePen DEMO -- to the future 🍻 By Jane Ori] 源代碼還 ...
  • getDate(excelTimestamp, format) { // 使用JavaScript轉換unix時間戳需要將時間戳再*1000 const old = excelTimestamp - 1 const t = Math.round((old - Math.floor(old)) * 2 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...