在設計工具中,根據規范我們定義了大中小三種按鈕的尺寸
大:720rpx *94rpx 圓角10px 字體18
中:360rpx*70rpx 圓角8px 字體16 文字距離兩邊最小60
小:120rpx*60rpx 圓角6px 字體13 文字距離兩邊最小30
這些按鈕都放在工具的模板中,如下圖:
微信中固定按鈕type有三種,primary=綠色,default=灰色,warn=紅色。
size分為default和mini。鏤空效果是plain參數。
使用時鼠標點擊一下,然后再鼠標點擊畫布,然后ctrl+v粘貼即可。
下圖是從模板中粘貼過來的按鈕。
直接粘貼過來時候是和view一起粘貼的,實際使用時,將按鈕組件再擺放到需要位置即可。
下圖是通過輸入模板和選擇模板結合拼湊的頁面效果
模板中的內容可以滿足日常開發布局要求,各位可以任意組合組件,搭建自己的form