幻燈片如何添加鏈接?

60486次閱讀

<swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">

<navigator style="width:100%;height:100%;display:block;" url="{{item.url}}">

<image class="" src="{{item.image}}" mode="aspectFill"></image>

</navigator>

</swiper-item>


在設(shè)計(jì)->編輯的頁(yè)面找到index.swan,再在最前面的代碼中找到以下代碼,然后在<image>...</image>這行代碼前后加上加粗字體的代碼。

<swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">

<image class="" src="{{item.image}}" mode="aspectFill"></image>

</swiper-item>

注意:1、添加紅色的代碼后幻燈片設(shè)置跳轉(zhuǎn)鏈接才有效果? 2、跳轉(zhuǎn)的鏈接不能設(shè)置底部導(dǎo)航的鏈接,底部導(dǎo)航的鏈接一般有:首頁(yè)、產(chǎn)品中心、文章中心、關(guān)于我們、聯(lián)系我們


1、首頁(yè):/pages/index/index? 當(dāng)然填首頁(yè)好像沒(méi)有什么意義

2、產(chǎn)品中心:/pages/index/index_product

3、新聞中心:/pages/index/index_article

4、產(chǎn)品某個(gè)分類(lèi):/pages/index/list_product?id=2? ? 這個(gè)2是指產(chǎn)品的分類(lèi)id為2,可以在首頁(yè)----》產(chǎn)品內(nèi)容----》產(chǎn)品分類(lèi)查看該id。(如果不顯示,點(diǎn)擊右上角的界面設(shè)置,勾選id即可);

5、文章某個(gè)分類(lèi):/pages/index/list_article?id=3? ? 這個(gè)2是指文章的分類(lèi)id為3,可以在首頁(yè)----》文章內(nèi)容----》文章分類(lèi)查看該id。(如果不顯示,點(diǎn)擊右上角的界面設(shè)置,勾選id即可);

6、某個(gè)產(chǎn)品:/pages/index/info_product?id=6? ? 這個(gè)6是該產(chǎn)品的id為6;

7、某篇文章:/pages/index/info_article?id=7? ? 這個(gè)7是該文章的id為7;

8、某個(gè)頁(yè)面:/pages/index/page?id=9? ? 這個(gè)9是指該頁(yè)面的id為9;

9、自定義頁(yè)面:/pages/index/ask? 這個(gè)ask是在線留言,在代碼中必須有ask.swan。ask可以替換為你自定義的其他頁(yè)面。

本文由夫唯團(tuán)隊(duì)編輯,如發(fā)現(xiàn)錯(cuò)誤,歡迎通過(guò)客服微信反饋。

夫唯于2024年12月停止百度SEO研究和培訓(xùn)。道別信: 夫唯:再見(jiàn)了百度SEO!

2025年1月正式啟動(dòng)Google SEO培訓(xùn)課程,一千零一夜帶領(lǐng)大家一起出海。

感興趣的同學(xué),請(qǐng)?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標(biāo):讓大家獨(dú)立站出海不再“望洋興嘆”。

国产综合亚洲欧洲区精品无码,欧美一级免费一区二区,精品一级片高清无码,亚洲成片在线无码看 www.sucaiwu.net
Processed in 0.627827 Second , 220 querys.