小程序頁(yè)面制作
小程序的頁(yè)面跟網(wǎng)站的頁(yè)面并無直接聯(lián)系,因此您在小程序設(shè)計(jì)器里需要重建所有的頁(yè)面,及規(guī)劃頁(yè)面之間的關(guān)系。
從感受上來講小程序更像是輕量級(jí)的APP,所以頁(yè)面數(shù)量上比網(wǎng)站頁(yè)面要少,并且結(jié)構(gòu)也比網(wǎng)站頁(yè)面要簡(jiǎn)單。
頁(yè)面的類型依然區(qū)分為“普通頁(yè)面”和“系統(tǒng)頁(yè)面”,用途與網(wǎng)站設(shè)計(jì)器端一致。因?yàn)樾〕绦虻陌l(fā)布需要經(jīng)過百度智能小程序、微信小程序、支付寶小程序官方團(tuán)隊(duì)的審核才能上架,所以在頁(yè)面的結(jié)構(gòu)及設(shè)計(jì)規(guī)則上,AIPage貼合官方的規(guī)則進(jìn)行了一些約束。比如并不是任意一個(gè)普通頁(yè)面都可以隨時(shí)切換設(shè)置為主頁(yè),而是固定的某個(gè)頁(yè)面作為主頁(yè),當(dāng)然您依然是可以進(jìn)行自由定義頁(yè)面內(nèi)容的。
添加模版
AIPage系統(tǒng)內(nèi)預(yù)置了一部分小程序版塊的“成品模版”,您可以自由添加使用。如下圖所示:
添加組件
您可以在組件庫(kù)中選擇您所需要的功能組件,添加入頁(yè)面中。如下圖所示:
顯示層
上圖中可見,小程序的頁(yè)面內(nèi)包含四個(gè)層,自上而下分別是:
主面版:當(dāng)前頁(yè)面的默認(rèn)層
模態(tài)框:在當(dāng)前頁(yè)面默認(rèn)層上方增加的一個(gè)層,模態(tài)框(彈窗)會(huì)放置在這個(gè)層里
浮動(dòng)元素:在當(dāng)前頁(yè)面默認(rèn)層上方增加的一個(gè)層,浮動(dòng)元素會(huì)放置在這個(gè)層里
全局元素:這個(gè)層是在所有頁(yè)面上都生效的,您放置在這個(gè)層里的內(nèi)容會(huì)在所有頁(yè)面上方都顯示
加載狀態(tài)圖標(biāo)
主要用于設(shè)置小程序頁(yè)面載入時(shí)的動(dòng)畫效果,如下圖所示:
頂部標(biāo)題欄
主要用于設(shè)置當(dāng)前小程序頁(yè)面的頂部標(biāo)題內(nèi)容,如下圖所示:
底部導(dǎo)航欄
主要用于設(shè)置小程序底部的懸浮菜單,被設(shè)置入導(dǎo)航欄的頁(yè)面均會(huì)顯示這個(gè)導(dǎo)航欄,如下圖所示:
主題
主要用于設(shè)置放入頁(yè)面內(nèi)的按鈕、文本等元素的默認(rèn)配色方案,即初始色。
用戶登錄引導(dǎo)
該功能主要用于在當(dāng)前頁(yè)面,當(dāng)識(shí)別為用戶為未登錄狀態(tài)時(shí),彈出一個(gè)彈窗來引導(dǎo)客戶進(jìn)行登錄。登錄后您將獲得一個(gè)有效的注冊(cè)會(huì)員喲!開啟位置,如下圖所示:
其他設(shè)置
與網(wǎng)站設(shè)計(jì)器類似
實(shí)時(shí)預(yù)覽
AIPage產(chǎn)品提供了微信、百度、支付寶的三個(gè)APP客戶端的實(shí)時(shí)預(yù)覽功能,您可以在真機(jī)上直接測(cè)試體驗(yàn)小程序。
建議您在設(shè)計(jì)過程中使用實(shí)時(shí)預(yù)覽來驗(yàn)證設(shè)計(jì)結(jié)果,在確認(rèn)完成后再提交審核,因?yàn)閷徍诉^程是由官方團(tuán)隊(duì)人工進(jìn)行審核的,提交審核過于頻繁且質(zhì)量較低的話,會(huì)被官方懲罰禁止提審。