如何添加選項卡模塊?

發(fā)布時間:2017-03-06 09:55:27   瀏覽人數: 19660 次  
  關鍵字: 如何使用選項卡模塊? - 本站搜索 - Google搜索 - Baidu搜索 - Yahoo搜索 - sougo搜索

如需要實現多個標簽下有不同的內容,都在同一個頁面選中切換,可使用選項卡模塊制作。進入網站編輯狀態(tài)打開左側工具欄的【+】,選擇選項卡,選擇適合的樣式風格,拖動到指定位置,并調整好模塊的位置、大小,如下圖: 


設置選項卡的常規(guī)參數,如選項名稱、標簽顯示樣式、對齊方式、切換方式,以及標簽樣式等屬性,如下圖:




進入樣式設置面板,可以設置箭頭的顏色,標簽默認顏色,選中標簽顏色,如下圖:


選中標簽,點擊左側工具欄【+】,為標簽添加對應的內容模塊,如下圖:


進入平板/手機端將選項卡的位置、字號大小、標簽里面的模塊的兼容適配分別調整好,(建議先調整好1個選項標簽的內容適配和兼容,后續(xù)的標簽可快速復制樣式,再直接修改替換模塊中的內容)如下圖:


重新回到電腦端,選擇復制剛才制作好的選項,復制好后替換和修改選項中的圖片、文案等,(無需再單獨調整兼容適配如下圖):


如果編輯選項卡時無法通過標簽和切換箭頭來切換選項卡容器,可通過點擊常規(guī)面板--參數設置下對應標簽最右側分組圖標進行切換,如下圖:


注意事項:

1、選項卡常規(guī)屬性設置不支持電腦/平板/手機單獨設置,任意一端設置后會相互同步相互影響;

2、選項卡不支持添加容器模塊,包括自由容器、表單容器、選項卡模塊等 ;

3、建議先添加好1個選項標簽的內容并且完成平板/手機端的適配,以方便后續(xù)可快速復制整個標簽的樣式,復制后只需要進行圖片文案內容的替換,無需再每個標簽調整兼容。




資料來源網絡,僅供學習交流,如您發(fā)現本文中有涉嫌抄襲,請發(fā)送郵件至:support@www.testsystem.com.cn,一經查實,本站將立刻刪除涉嫌侵權內容。


上一篇:如何添加當前位置模塊?
下一篇:如何添加導航菜單模塊?

旗下網站:耐思智慧 - 淘域網 - 我的400電話 - 中文域名:耐思尼克.cn 耐思尼克.top

耐思智慧 © 版權所有 Copyright © 2000-2024 www.testsystem.com.cn,Inc. All rights reserved

備案號碼: 粵ICP備09063828號  公安備案號: 公安備案 粵公網安備 44049002000123號  域名注冊服務機構許可:粵D3.1-20240003 CN域名代理自深圳萬維網

聲明:本網站中所使用到的其他各種版權內容,包括但不限于文章、圖片、視頻、音頻、字體等內容版權歸原作者所有,如權利所有人發(fā)現,請及時告知,以便我們刪除版權內容

本站程序界面、源代碼受相關法律保護, 未經授權, 嚴禁使用; 耐思智慧 © 為我公司注冊商標, 未經授權, 嚴禁使用

法律顧問:珠海知名律師 廣東篤行律師事務所 夏天風 律師