如何添加選項(xiàng)卡模塊?

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

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


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




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


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


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


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


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


注意事項(xiàng):

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

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

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




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

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

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

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

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