如何添加選項卡模塊?

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

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


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




進入樣式設(shè)置面板,可以設(shè)置箭頭的顏色,標(biāo)簽?zāi)J(rèn)顏色,選中標(biāo)簽顏色,如下圖:


選中標(biāo)簽,點擊左側(cè)工具欄【+】,為標(biāo)簽添加對應(yīng)的內(nèi)容模塊,如下圖:


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


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


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


注意事項:

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

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

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




資料來源網(wǎng)絡(luò),僅供學(xué)習(xí)交流,如您發(fā)現(xiàn)本文中有涉嫌抄襲,請發(fā)送郵件至:support@testsystem.com.cn,一經(jīng)查實,本站將立刻刪除涉嫌侵權(quán)內(nèi)容。


上一篇:如何添加當(dāng)前位置模塊?
下一篇:如何添加導(dǎo)航菜單模塊?

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

耐思智慧 © 版權(quán)所有 Copyright © 2000-2024 testsystem.com.cn,Inc. All rights reserved

備案號碼: 粵ICP備09063828號  公安備案號: 公安備案 粵公網(wǎng)安備 44049002000123號  域名注冊服務(wù)機構(gòu)許可:粵D3.1-20240003 CN域名代理自深圳萬維網(wǎng)

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

本站程序界面、源代碼受相關(guān)法律保護, 未經(jīng)授權(quán), 嚴(yán)禁使用; 耐思智慧 © 為我公司注冊商標(biāo), 未經(jīng)授權(quán), 嚴(yán)禁使用

法律顧問:珠海知名律師 廣東篤行律師事務(wù)所 夏天風(fēng) 律師