微信小程序 progress組件詳解及實(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)度條從左往右的動畫--> <Text class="text-style">百分比是80,進(jìn)度條從左往右的動畫</Text> <progress percent="80" show-info active /> </View>
ss:
.text-style{ font-size: 13px; }
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
js前端面試常見瀏覽器緩存強(qiáng)緩存及協(xié)商緩存實(shí)例
這篇文章主要為大家介紹了js前端面試常見瀏覽器緩存強(qiáng)緩存及協(xié)商緩存示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06Project?Reference優(yōu)化TypeScript編譯性能示例
這篇文章主要為大家介紹了Project?Reference優(yōu)化TypeScript編譯性能示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08TypeScript編寫自動創(chuàng)建長度固定數(shù)組的類型工具詳解
這篇文章主要為大家介紹了TS編寫自動創(chuàng)建長度固定數(shù)組的類型工具詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08