低代碼頁面如何布局?(低代碼頁面如何布局出來)

低代碼頁面如何布局-左右布局。

接下來將為大家展示常規頁面布局的一些案例。例如,我已經搭建了一個示例,可以直接查看調試效果。左邊是豎狀結構,右邊是表格,左邊可以通過按鈕點擊控制收起和寬度調整。如何構建這樣的布局?

低代碼頁面如何布局?(低代碼頁面如何布局出來)

首先將頁面清空,然后快速講解如何構建這樣的布局。例如,左邊的寬度為300,但左邊似乎有點小??梢詫祟}和文本復制到文本中,而無需單獨輸入。文本還可以設置字體大小、粗細等樣式。只需更改文本大小。電腦的聲音可能有些小?,F在聲音已最大,比剛才好。

在這里,將數組鍵拖到文本下方,然后將文本復制到右邊。因為標題只是標題,所以可以直接使用文本。

低代碼頁面如何布局?(低代碼頁面如何布局出來)

然后看一下布局,因為這里還有一個按鈕用于控制左邊的顯示和隱藏。因此,文本需要套一個容器。將文本的寬度更改為自適應,然后找到一個容器,容器可以理解為DRV的概念,相當于DRV的概念。

將其拖入,然后將文本拖到容器中,并設置容器的排版。因為按鈕和標題是水平排列的,所以水平排列就好了??梢允褂谩叭缓蟆眮硗瓿伞?/p>

低代碼頁面如何布局?(低代碼頁面如何布局出來)

然后再添加一個圖標按鈕,直接從圖標中選擇圖標。可以使用圖標圖形、圖標組件等組件,它們也會適應內容寬度。圖標指令可能需要更大或更小,pass。例如,可以更改顏色,然后選擇所需的圖標,例如要收起時選擇的圖標。

實現的效果是,收起時會顯示展開圖標,因此這里需要兩個圖標和一個圖標。只需將其復制,然后將其拖到前面。這個圖標選擇的是展開的圖標,展開后的圖標。然后為兩個圖標分別添加點擊時間,第一個圖標名為“收起”,更改名稱,第二個圖標名為“展開”。

低代碼頁面如何布局?(低代碼頁面如何布局出來)

收起時點擊時需要做什么?將整個布局的左邊第一列的寬度更改為0,這樣可以通過介紹計算來控制寬度。

需要哪些參數來設置布局?例如,需要位置信息和第幾行、第幾列的位置信息,以及寬度是多少?將這些參數寫入結果中。例如,我們需要在第一行第一列設置寬度,當點擊時,我們希望它的寬度變為0,同時隱藏收起按鈕并顯示展開按鈕。此外,我們還需要進行GS計算和控制邏輯的編寫,同樣也是第一行第一列,第一列的寬度為300。

低代碼頁面如何布局?(低代碼頁面如何布局出來)

·假設寬度為300,根據布局需求進行設置。當點擊展開時,我們希望隱藏展開按鈕并顯示收起按鈕。第8個效果是收起展開按鈕。

但是這樣可能存在問題,因為剛開始時展開按鈕默認是展開的,需要將其隱藏,才能達到預期效果。

低代碼頁面如何布局?(低代碼頁面如何布局出來)

·例如,在頁面右側添加一個表格。車老師已經演示過表格了,因此我簡單地添加了幾列并實現了數據模擬。當主場景打開時,我們可以模擬一個漏斗狀的數據接口并將其添加到表格中,以查看整體效果。整體效果與布局非常接近。

·希望能夠通過拖拽實現兩列寬度的調整。在布局組件中打開高級功能并打開寬度調整即可??梢钥吹街虚g有一條線,這是實時調整寬度的功能。

低代碼頁面如何布局?(低代碼頁面如何布局出來)

這是第一種場景,即搭建和布局常規的綜合臺頁面或PC頁面等業務頁面。

相關新聞

聯系我們
聯系我們
公眾號
公眾號
在線咨詢
分享本頁
返回頂部
主站蜘蛛池模板: 欧美人与性动交α欧美精品| 精品视频一区二区三区四区五区| 日本最新免费二区三区| 国产一级特黄高清免费下载| 三级在线看中文字幕完整版 | 99国产精品久久| 欧美大成色www永久网站婷| 国产成人精品一区二区三区无码| 久久久婷婷五月亚洲97号色| 精品国产乱码久久久久软件| 在线播放国产不卡免费视频| 亚洲乱码一区av春药高潮| 韩国演艺圈悲惨133bd| 很黄很色裸乳视频网站| 亚洲精品亚洲人成在线麻豆| 黄在线观看www免费看| 无码一区二区三区在线观看 | 一区二区三区欧美在线| 波多野结衣中文一区| 国产热の有码热の无码视频| 久久99中文字幕伊人| 狠狠躁天天躁无码中文字幕图| 国产精品免费精品自在线观看| 久久国产精品久久国产精品| 精品人妻VA出轨中文字幕| 国产精品香蕉在线观看| 久久天天躁狠狠躁夜夜网站| 精品91自产拍在线| 国产精品久久香蕉免费播放| 久久久久女教师免费一区| 特级毛片全部免费播放a一级| 国产真实乱子伦精品视频| 中文字幕一区在线播放| 欧美日韩一级片在线观看| 国产主播福利在线观看| 99在线观看视频| 日本卡一卡二新区| 亚洲激情黄色小说| 草莓视频国产在线观看| 在线观看成人网站| 久久亚洲欧美国产精品|