第七期 SVG模板
SVG功能,具體為點(diǎn)擊換圖,圖片輪播等形式。在秀米中有提供好的SVG模板,以及可自定義制作的SVG模板。
一、秀米提供的模板


只需要更換在模板內(nèi)的圖片即可達(dá)成效果。要更換圖片,要先找到并打開(kāi)SVG圖集的按鈕,為了方便點(diǎn)出來(lái),先展開(kāi)布局。

在展開(kāi)布局后,可以清晰地看到周?chē)嗔撕芏嘈】蚩?。在本模板中,層?shù)較少,如在更多層的情況下,更能體現(xiàn)布局的優(yōu)勢(shì)(方便點(diǎn)出對(duì)應(yīng)的按鈕)。

找到并點(diǎn)開(kāi)可看到 許多的參數(shù) 可直接進(jìn)行更改。


注意當(dāng)所放圖片的大小并不好直接塞進(jìn)去的情況下,需要先對(duì)圖片進(jìn)行處理,或采用自定義的形式(下文)。
再展示一個(gè)其他的效果吧。

二、自定義
在布局按鈕,往下拉,可看到有多種可自己設(shè)置的SVG模塊。

最外層可以設(shè)置文字和圖片(即在不操作時(shí)或者是初始時(shí)所放的圖片)

其他的SVG的運(yùn)用也是差不多的,只要找到SVG的按鈕,并且調(diào)整需要修改的高度、寬度、動(dòng)畫(huà)類(lèi)型等即可。
在SVG外層框中,添加新的圖片或文字,或許會(huì)有添加不進(jìn)去的情況,這是因?yàn)槔锩鏇](méi)有對(duì)應(yīng)的基礎(chǔ)布局框,直接加一個(gè)需要的類(lèi)型即可。
如有錯(cuò)誤,可在評(píng)論區(qū)指出,謝謝!
標(biāo)簽: