1. 程式人生 > >無代碼軟件開發用樣式類定義顯示效果

無代碼軟件開發用樣式類定義顯示效果

如果 mark water 顯示 知識 開始 騰訊 課堂 快速開發

技術分享圖片
用樣式類定義樣式需先在項目樣式文件夾的任意一個樣式文件中寫入定義的樣式類,然後在開發過程中選中要修改樣式的元件,為元件樣式類屬性“html.styleClass”添加樣式類名稱即可:
技術分享圖片
用樣式類來定義顯示效果的主要處理步驟如下:
技術分享圖片
瀏覽器即時查看處理前的樣式
技術分享圖片
項目文件夾中找到樣式style文件夾
技術分享圖片
打開任意一個樣式文件,寫一個樣式類並保存
技術分享圖片
將樣式類名稱添加到項目中任何需同樣顯示的元件的樣式類屬性值中
技術分享圖片
保存並運行項目,可以看到新的樣式

樣式類在樣式文件中的寫法如下,可參考上面圖中寫的一個例子:

點 樣式類名稱 左邊大括號

樣式標簽名稱 冒號 標簽值和單位加分號

右邊大括號

其中開始的點,大括號,冒號和分號是固定寫法。這個寫法相當簡單,樣式類可以寫在任何一個當前項目下面的樣式文件中(我們項目中一般是.less的文件都是樣式文件),樣式文件可以用記事本打開,或用notepad++等打開處理。樣式標簽一般常用20個以內,參考我們網站說明完全夠用。

元件樣式類屬性名稱為“html.styleClass”,如果沒有,可以按開發平臺右下角帶+號的添加按鈕添加這個名稱的屬性。如果有多個樣式類名稱要添加,每個類名稱之間用空格分開,一起添加到類屬性值中。

更多完整的內容可以在騰訊課堂搜索“無代碼軟件開發”或“尚識”學習在線課程,3小時即可學會開發。可以自學無代碼開發技能,無需代碼及編程知識,可以開發JAVA類的大型企業應用,幾萬到百萬以上復雜項目均可用無代碼進行快速開發。

無代碼軟件開發用樣式類定義顯示效果