1. 程式人生 > >TERSUS畫畫一樣開發軟件 顯示元件介紹-子頁面及彈窗顯示元件

TERSUS畫畫一樣開發軟件 顯示元件介紹-子頁面及彈窗顯示元件

軟件開發;管理軟件;無代碼軟件開發

TERSUS無代碼手機電腦管理類軟件開發,其中窗口類顯示元件包括:子頁面元件(Page Dialog)、彈窗顯示元件(Modal Dialog)

子頁面元件(Page Dialog):是手機和平板移動端設計時所用到的新頁面元件,移動端是由各個頁面所組成的,在按鈕等元件中放置一個頁面,前端用戶在點擊按鈕時,就會以新的頁面覆蓋舊頁面,首頁中,可以並列顯示多個頁面,如下:

技術分享圖片

1、頁面元件一般有個頭部和主內容區,頭部中也有默認元件,所有元件,包括頁面元件都可以單獨定義顯示樣式"html.style"或在樣式文件中修改默認樣式類“html.styleClass”:

技術分享圖片

2、<Mobile View>顯示塊下如果需要放置多個頁面,需按右鍵添加新頁面,不能用元件選項欄中的頁面元件,這個添加頁面有很多默認的首頁邏輯,用於移動端底部顯示不同頁面選項,如最上面“掃碼”、“作業員”等都是單獨的一個頁面選項,顯示不同頁面;底部選項可以定義圖標,可以用CSS樣式類來定義選中的顏色及非選中時灰色:

技術分享圖片

彈窗顯示元件(Modal Dialog):用於在頁面中顯示一個彈窗,主要顯示提示信息,或登錄框或提交一些信息時用:

技術分享圖片

1、彈窗默認帶有確認、取消按鈕,各按鈕可以改名,同時對按鈕進行不同邏輯設計;也可以刪除不需要的默認元件;

2、同其他元件一樣,可以進行不同樣式屬性定義;

3、如果要對彈窗進行大小及顯示位置(默認中間)進行調整,需進入樣式文件夾“webstylesootstrap”中對“024-modals.less"文件進行修改。

TERSUS畫畫一樣開發軟件 顯示元件介紹-子頁面及彈窗顯示元件