微信小程序-学习笔记6-组件
生活随笔
收集整理的這篇文章主要介紹了
微信小程序-学习笔记6-组件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
基礎內容組件:icon、text、progress
<view class="container"><progress percent="20" show-info /><progress percent="40" stroke-width="12" /><progress percent="60" color="pink" /><progress percent="80" active /><text>{{text}}</text><block wx:for="{{icons}}"><icon type="{{item}}" size="40" color="lightblue" /></block> </view>progress{width:100%;margin:10px 0 10px 0; }data: {text:"這是文字內容。。\n第二行",icons:['success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear']},?
表單組件:
button、checkbox、input、label、picker、radio、slider、switch、form
?
?
?
?
操作反饋小工具:action-sheet、modal、toast、loading
action-sheet:
?
?
?
?
modal:彈出框
?
?
?
?
toast:消息提示框
?
?
?
Loading:
?
?
?
?
微信小程序導航:navigator
頁面跳轉1:
?
?
頁面跳轉2:組件navigator實現
?
?
?
?
ps:來源于微信小程序開發文檔及極客學院視頻學習
?
轉載于:https://www.cnblogs.com/haimengqingyuan/p/8360183.html
總結
以上是生活随笔為你收集整理的微信小程序-学习笔记6-组件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: php基础语法(文件加载和错误)
- 下一篇: Flask 知识总结