探索、思考、創(chuàng)造、分享

數(shù)據(jù)驅(qū)動(dòng)、堅(jiān)持為客戶提供有價(jià)值的服務(wù)和內(nèi)容

當(dāng)前位置：首頁>小程序資訊
微信小程序?qū)崿F(xiàn)流程進(jìn)度樣式代碼
來源：南京小程序開發(fā) 發(fā)布時(shí)間：2023-09-21點(diǎn)擊：106

參考資料

正文內(nèi)容

微信小程序?qū)崿F(xiàn)流程進(jìn)度的圖樣式功能

最近正在做微信小程序，需要實(shí)現(xiàn)一個(gè)流程進(jìn)度的圖樣式如下面

需求：

  1. 沒完成的灰色小圓點(diǎn)表示
  2. 完成的使用藍(lán)色小圓點(diǎn)設(shè)置
  3. 當(dāng)前狀態(tài)使用有外圈的小圓點(diǎn)表示

實(shí)現(xiàn)起來比較簡單，實(shí)現(xiàn)思路，使用一個(gè)列表實(shí)現(xiàn)，列表中的每一個(gè)item的樣式如下圖

版權(quán)備注
最新資訊
2023-09-22
個(gè)人微信小程序怎么上線使用
微信小程序 如何申請？我們先了解下小程序開發(fā)的步驟流程：第一步，申請小程序賬號并認(rèn)證第二步，開通微信···
2023-09-22
電腦登陸微信小程序打不開已經(jīng)是最新版本
mac版微信小程序工具打不開微信緩存太多。手機(jī)緩存就是數(shù)據(jù)交換的緩沖區(qū)。手機(jī)緩存可通過手機(jī)管家進(jìn)行清···
2023-09-22
小程序內(nèi)容怎么打印
老師在微信發(fā)來孩子作業(yè)，用打印機(jī)怎么操作才可以打印出來？Ⅴ信發(fā)來的文檔、作業(yè)，不是看打印機(jī)怎么操作才···
2023-09-22
微信電腦版打開小程序黑屏怎么辦
微信電腦客戶端打開后黑屏不能動(dòng)把它卸載了，然后用你的優(yōu)化軟件清理下系統(tǒng)緩存垃圾、注冊列表，然后去官網(wǎng)···
2023-09-22
微信小程序手機(jī)號快速驗(yàn)證組件升級，8 月 26 日起向開發(fā)者收費(fèi)，這一組件能給用戶使用帶來哪些便利？
在這里插入圖片描述收費(fèi)說明付費(fèi)使用在這里插入圖片描述手機(jī)號快速驗(yàn)證組件
隨機(jī)資訊
2023-09-02
微信運(yùn)動(dòng)小程序怎么開啟計(jì)步
微信運(yùn)動(dòng)不開啟定位可以計(jì)步嗎微信運(yùn)動(dòng)不開啟定位可以計(jì)步嗎 微信里的運(yùn)動(dòng)功能計(jì)步這個(gè)就是靠定位來計(jì)算步···
2023-08-17
財(cái)源到小程序點(diǎn)餐系統(tǒng)是一種通過微信小程序提供在線點(diǎn)餐服務(wù)的應(yīng)用程序
探索、創(chuàng)新、改變、創(chuàng)新、改變，在瞬息萬變中，數(shù)字經(jīng)濟(jì)成為時(shí)代的底色，用科技的力量打造一站式餐飲平臺?！ぁぁ?
2023-09-03
微信小程序電腦掛機(jī)自動(dòng)停止
微信小程序電腦掛機(jī)自動(dòng)停止微信小程序本身并沒有提供電腦掛機(jī)自動(dòng)停止的功能，但是可以通過一些第三方工具···
2023-09-19
2023年北京市海船船員適任證書考試（二管輪）刷題小程序
2023年備考北京市海船船員適任證書考試（二管輪）需要大家進(jìn)行大量的專項(xiàng)練習(xí)，只有這樣大家才能如愿通···
2023-09-22
開發(fā)app流程有哪些（完整APP應(yīng)用軟件開發(fā)流程圖）
APP開發(fā)流程其實(shí)并不復(fù)雜，但是對于客戶來說，。一般移動(dòng)APP開發(fā)都離不開UI設(shè)計(jì)師、前端開發(fā)、后端···