建站
咨詢
售后
建站咨詢
新聞中心
?今天我和大家分享一下最近 H5-Dooring 的更新內(nèi)容, 方便大家更高效的使用它來(lái)制作屬于你的H5頁(yè)面.
- 屬性編輯面板UI升級(jí), 支持展開(kāi)收起, 支持自由拖拽
- 長(zhǎng)文本組件支持點(diǎn)擊交互
- 項(xiàng)目工程配置優(yōu)化
接下來(lái)我會(huì)重點(diǎn)介紹屬性面板的UI升級(jí), 能給非技術(shù)人員在搭建頁(yè)面的過(guò)程中帶來(lái)哪些幫助.
1. 屬性編輯面板UI升級(jí)
像傳統(tǒng)的搭建平臺(tái), 屬性面板大部分時(shí)是固定在右側(cè)的, 對(duì)于H5搭建平臺(tái)來(lái)說(shuō), 固定模式完全夠用, 也不會(huì)影響用戶搭建效率, 但是對(duì)于PC端頁(yè)面搭建來(lái)說(shuō), 因?yàn)楫?huà)布尺寸相對(duì)比較大, 并且對(duì)于小屏幕設(shè)備, 如果進(jìn)行畫(huà)布等比例縮放, 不太利于用戶預(yù)覽和精準(zhǔn)搭建, 如果屬性面板固定右側(cè)會(huì)導(dǎo)致畫(huà)布一部分區(qū)域被遮擋, 所以為了更好的用戶體驗(yàn)和搭建效率, 我設(shè)計(jì)可拖動(dòng)和支持展開(kāi)收起的屬性面板, 對(duì)之前的固定模式進(jìn)行了升級(jí), 如下:
這樣我們?cè)谕蟿?dòng)畫(huà)布或者把畫(huà)布調(diào)成PC端大小的時(shí)候, 我們就能輕松控制屬性面板大小和位置了.
2. 長(zhǎng)文本組件支持點(diǎn)擊交互
之前對(duì)Dooring低代碼組件庫(kù)中的文本組件, 圖片組件, 標(biāo)題組件, 按鈕組件, 圖標(biāo)組件 都支持了事件交互功能:
- 跳轉(zhuǎn)鏈接
- 打開(kāi)彈窗
- 撥打手機(jī)號(hào)
- 返回頂部
- 自定義代碼
對(duì)于長(zhǎng)文本組件, 由于前期的組件設(shè)計(jì)目標(biāo)即為純展示, 所以沒(méi)有對(duì)事件交互進(jìn)行支持, 由于用戶陸陸續(xù)續(xù)對(duì)的反饋, 最新近統(tǒng)一對(duì)長(zhǎng)文本也進(jìn)行事件支持. 如下:
3. 項(xiàng)目工程配置優(yōu)化
這塊也是Dooring一直在迭代的一個(gè)方向, 每次功能迭代都會(huì)伴隨工程化的持續(xù)優(yōu)化, 保證項(xiàng)目穩(wěn)定性的同時(shí)具備較高的代碼質(zhì)量.
工程化我們采用的是 umi3.0, 所以我們?cè)?nbsp;.umirc.ts 文件下統(tǒng)一管理編輯器相關(guān)的公共配置, 這里我們需要關(guān)注一下文件中的 define, 主要用來(lái)提供自定義配置:
define: {
START_ENV,
lang,
// 配置h5端訪問(wèn)的域名
h5Domain: 'xxx.xxx.xx',
// 設(shè)置當(dāng)前版本號(hào)
curVersion: dooringVersion,
// 備案信息
copyright: '鄂xxxxxx-3',
// 是否顯示更新彈窗
showUpdateModal: true,
// 更新日志
updateList: [
"1. 新增表格組件",
"2. 國(guó)際化優(yōu)化",
"3. 表單詳情頁(yè)支持內(nèi)部滾動(dòng)",
"4. 個(gè)人圖片庫(kù)性能優(yōu)化",
"5. 下載代碼功能優(yōu)化"
],
// 網(wǎng)站logo地址
logo: 'http://cdn.dooring.cn/dr/logo.ff7fc6bb.png',
// 入口頁(yè)面是否展示贊助品牌和版權(quán)提示
showAdsAndTip: true,
// 登錄時(shí)獲取登錄碼的二維碼
qrcode: 'http://cdn.dooring.cn/dr%2Fcode1.png',
// 默認(rèn)語(yǔ)言
defaultLocale: 'zh-CN',
langMap: langMap
},后續(xù)H5-Dooring會(huì)持續(xù)從架構(gòu), 功能, 生態(tài), 智能化幾個(gè)緯度持續(xù)迭代, 也會(huì)持續(xù)輸出系列教程和技術(shù)產(chǎn)品分享. 如果大家對(duì)低代碼零代碼感興趣, 也歡迎隨時(shí)和我反饋.
分享題目：Dooring低代碼v2.9.8版技術(shù)更新復(fù)盤(pán)
本文鏈接：http://www.fisionsoft.com.cn/article/cdchdpc.html
