Repository navigation
v1.7.0 手機輸入完就看得到 QR Code
新增
- 手機輸入完不用往下捲就看得到 QR Code(#11)。手機上完整的預覽與下載鈕在「外觀」設定下面,
輸入內容後,畫面底部會先出現一條預覽列:QR Code 縮圖、「下載 PNG」與「複製」。點縮圖會捲到完整的預覽框,
SVG、JPG 也在那裡。改顏色、漸層或 LOGO 時縮圖跟著變,可以邊調邊看。- 打字時(虛擬鍵盤開著)預覽列會先收起來,不會擋到正在輸入的欄位;捲到完整的預覽框、
或往下看說明文章與頁尾時也不出現,不會蓋住頁面內容。 - 下載與複製的就是預覽框那一份,內容與外觀跟縮圖一樣。輸入的內容一樣只在瀏覽器裡,不寫進網址或儲存空間。
- 打字時(虛擬鍵盤開著)預覽列會先收起來,不會擋到正在輸入的欄位;捲到完整的預覽框、
- 手機上的下載與複製按鈕加高到 44px,比較好按。
電腦(寬度 768px 以上)的版面跟以前一模一樣。
技術
- 工具區的進場動畫結束後不再留著 transform,固定在視窗底部的預覽列才會貼齊視窗,而不是跟著工具區走。
- 縮圖用 SVG 畫,跟預覽框吃同一份設定,只差畫法;只有手機寬度才會建這一份,電腦不多花工。