1. 程式人生 > >無代碼軟件開發輸入框樣式設計

無代碼軟件開發輸入框樣式設計

快速 像素 alt blog ado 使用 修改內容 邊距 如果

技術分享圖片
騰訊課堂免費學習,3小時學會開發,可開發一套簡單系統
無代碼開發時,對輸入框等任何顯示元件,都可以用樣式標簽來定義顯示樣式(兩種樣式設定方式之一):
技術分享圖片
選中顯示元件,添加樣式屬性名稱,添加樣式標簽及值,保存運行
可以用CSS樣式標簽,對輸入框元件設定寬度、高度、邊距等常用樣式。以下演示中,我們設定了寬度為上級元件寬度的60%、左邊距為整行寬度的13%使輸入框基本顯示在頁面中間(也可以是15%)、且高度為35像素,樣式值寫為:width:70%;margin-left:13%;height:35px; 主要處理步驟如下:
技術分享圖片
最初默認的顯示樣式
技術分享圖片
選中元件,單擊右下帶+號的屬性添加按鈕,添加樣式屬性標簽html.style
技術分享圖片
添加樣式值:width:70%;margin-left:13%;height:35px;
技術分享圖片
保存修改內容,運行項目後的頁面效果
所有元件添加樣式屬性的方式都是這樣的,但是樣式定義還有一種樣式類處理方式,下節會演示說明;樣式是對當前的元件進行獨立樣式定義。如果很多元件需要定義一樣的樣式,最好用樣式類定義。

樣式定義的屬性名“html.style”是無代碼開發平臺設定的固定寫法,CSS標簽是網絡統一的規範,相關信息可以參考我們官網tersus.cn上的開發文檔中部分內容。CSS標簽常用的也就十多個可以記住標簽名稱和標簽值的設定方式隨意添加使用(值一般就是像素和百分比)。

可以在騰訊課堂搜索“無代碼軟件開發”或“尚識”在線課免費學習入門課程,3小時即可學會開發,系統學習只需2天完成全技能學習。可以自學無代碼開發技能,無需代碼及編程知識,可以開發JAVA類的大型企業應用,幾萬到百萬以上復雜項目均可用無代碼進行快速開發。

無代碼軟件開發輸入框樣式設計