微信小程序 progress組件詳解及實(shí)例代碼
更新時(shí)間:2016年10月25日 09:44:13 投稿:lqh
這篇文章主要介紹了微信小程序 progress組件詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
主要屬性:
效果圖:
ml:
<View > <!--百分比是30,并在進(jìn)度條右側(cè)顯示百分比--> <Text class="text-style">百分比是30,并在進(jìn)度條右側(cè)顯示百分比</Text> <progress percent="30" show-info /> <!--百分比是40,進(jìn)度條線的寬度12px--> <Text class="text-style">百分比是40,進(jìn)度條線的寬度12px</Text> <progress percent="40" stroke-width="12" /> <!--百分比是60,進(jìn)度條顏色:pink--> <Text class="text-style">百分比是60,進(jìn)度條顏色:pink</Text> <progress percent="60" color="pink" /> <!--百分比是80,進(jìn)度條從左往右的動(dòng)畫(huà)--> <Text class="text-style">百分比是80,進(jìn)度條從左往右的動(dòng)畫(huà)</Text> <progress percent="80" show-info active /> </View>
ss:
.text-style{ font-size: 13px; }
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
相關(guān)文章
vue axios請(qǐng)求超時(shí)的正確處理方法
這篇文章主要介紹了vue axios請(qǐng)求超時(shí),設(shè)置重新請(qǐng)求的完美解決方法,一并給大家介紹了axios基本用法,需要的朋友可以參考下2018-04-04js前端面試常見(jiàn)瀏覽器緩存強(qiáng)緩存及協(xié)商緩存實(shí)例
這篇文章主要為大家介紹了js前端面試常見(jiàn)瀏覽器緩存強(qiáng)緩存及協(xié)商緩存示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06微信小程序中的onLoad詳解及簡(jiǎn)單實(shí)例
這篇文章主要介紹了微信小程序中的onLoad詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-04-04Project?Reference優(yōu)化TypeScript編譯性能示例
這篇文章主要為大家介紹了Project?Reference優(yōu)化TypeScript編譯性能示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08TypeScript編寫(xiě)自動(dòng)創(chuàng)建長(zhǎng)度固定數(shù)組的類(lèi)型工具詳解
這篇文章主要為大家介紹了TS編寫(xiě)自動(dòng)創(chuàng)建長(zhǎng)度固定數(shù)組的類(lèi)型工具詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08