溫馨提示：

• 微頁(yè)面裝修組件——商品，小程序更新至 V2.17 及以上版本可進(jìn)行體驗(yàn)

• 使用新版編輯器進(jìn)行過(guò)配置的組件，將不可在舊版編輯器中進(jìn)行配置

背景：

隨著微商城組件數(shù)量（36個(gè)）以及每個(gè)組件的可配置選項(xiàng)越來(lái)越多，我們需要對(duì)所有的信息架構(gòu)進(jìn)行重新梳理排列，調(diào)整不同功能之間的視覺(jué)層級(jí)關(guān)系，以更合理的交互方式來(lái)降低商家的上手成本以及提高操作效率，將不必要的信息進(jìn)行隱藏或刪除，保留最核心的操作，減少不必要的信息干擾

編輯器介紹：

1、編輯器全局能力概覽

• 【組件選擇區(qū)】移動(dòng)到頁(yè)面左側(cè)，通過(guò)拖拽將組件移動(dòng)至【實(shí)時(shí)預(yù)覽區(qū)】

• 【實(shí)時(shí)預(yù)覽區(qū)】寬度由原來(lái) 325px 變更為 375px，并且組件呈現(xiàn)效果與手機(jī)端 H5 完全一致

• 【組件配置編輯區(qū)】啟用全新圖形化交互

2、頁(yè)面設(shè)置，保留原有能力不變，對(duì)交互和視覺(jué)做了升級(jí)

3、組件管理，該模塊會(huì)顯示當(dāng)前微頁(yè)面中已添加的所有組件

• 可拖拽組件進(jìn)行排序

• 可一鍵刪除特定組件

• 可一鍵清空當(dāng)前微頁(yè)面所有組件

組件介紹：

1、組件合并

• 原【標(biāo)題、文本】組件，合并為一個(gè)【標(biāo)題文本】組件
  

• 原【商品、商品分組】組件，合并為一個(gè)【商品】組件

• 原【輔助線、輔助空白】組件，合并為一個(gè)【輔助分割】組件

2、新版編輯器上線后，首次進(jìn)入【微頁(yè)面列表】的時(shí)候會(huì)通過(guò)彈窗引導(dǎo)商家升級(jí)，也可以選擇【暫不升級(jí)】

3、商家可隨時(shí)在下圖紅框部分【切換至舊版】或【升級(jí)至新版】