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

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

當(dāng)前位置：首頁>小程序資訊
微信小程序?qū)崿F(xiàn)流程進(jìn)度的圖樣式功能 | 一個
來源：南京小程序開發(fā) 發(fā)布時間：2023-08-24點(diǎn)擊：107

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

?

需求：

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

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

?

使用win10畫板畫的不好看

圖上的意思就是每個item 前面有一段線條 中間是個圓圈然后后面有

  • 上一篇：微信小程序?qū)崿F(xiàn)流程進(jìn)度的圖樣式功能
  • 下一篇：如何繪制小程序的流程圖(微信小程序開發(fā)流程圖)
    • 版權(quán)備注
    最新資訊
    2023-09-22
    個人微信小程序怎么上線使用
    微信小程序 如何申請？我們先了解下小程序開發(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
    微信電腦版打開小程序黑屏怎么辦
    微信電腦客戶端打開后黑屏不能動把它卸載了，然后用你的優(yōu)化軟件清理下系統(tǒng)緩存垃圾、注冊列表，然后去官網(wǎng)···
    2023-09-22
    微信小程序手機(jī)號快速驗證組件升級，8 月 26 日起向開發(fā)者收費(fèi)，這一組件能給用戶使用帶來哪些便利？
    在這里插入圖片描述收費(fèi)說明付費(fèi)使用在這里插入圖片描述手機(jī)號快速驗證組件
    隨機(jī)資訊
    2023-08-24
    如何在微信小程序里面找回誤刪的小程序？
    如何在微信小程序里面找回誤刪的小程序？如果您在微信中誤刪了小程序，恢復(fù)的方法如下：1. 重新搜索小程···
    2023-08-29
    企業(yè)如何申請入駐支付寶小程序？
    今年可謂是小程序的大紀(jì)年，微信與支付寶陸續(xù)推出了自家小程序，兩軍對壘，大有死磕到底之意。 相信支付寶···
    2023-09-18
    寫字樓辦公室租賃小程序系統(tǒng) 助力房企高效辦公
    以往不管是房屋租賃還是寫字樓辦公室租賃，通常是現(xiàn)場看房現(xiàn)場成交的方式，隨著互聯(lián)網(wǎng)的發(fā)展，房屋、辦公室···
    2023-08-20
    微信小程序云開發(fā)商城
    微信云開發(fā)預(yù)購自提小程序商城代碼怎么寫微信云開發(fā)預(yù)購自提小程序商城代碼的編寫需要以下步驟：1. 創(chuàng)建···
    2023-08-15
    老鳥分享兩種單片機(jī)編程思路（建議收藏）
    \插播一條： 自己在今年整理一套單片機(jī)單片機(jī)相關(guān)論文800余篇 論文制作思維導(dǎo)圖 原理圖+源代碼+開···
    友情鏈接： 南京網(wǎng)站建設(shè) 南京小程序開發(fā) 北京網(wǎng)站建設(shè) 網(wǎng)站仿制 深圳小程序開發(fā)