幻燈片如何添加鏈接?

60481次閱讀

<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è)好像沒有什么意義

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

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

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

5、文章某個(gè)分類:/pages/index/list_article?id=3? ? 這個(gè)2是指文章的分類id為3,可以在首頁(yè)----》文章內(nè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è)面。

本文由夫唯SEO特訓(xùn)營(yíng)編輯整理。

搜外專注SEO培訓(xùn)和SEO周邊Saas服務(wù)解決方案,10年來(lái)超過五萬(wàn)學(xué)員在此獲得技術(shù)提升和人脈圈子。

SEO課程包含移動(dòng)搜索、零基礎(chǔ)建站、群站SEO思維、搜外6系統(tǒng)、SEM入門等。

192期A班報(bào)名時(shí)間7月1日-7月15日,請(qǐng)?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標(biāo)是:讓非技術(shù)人員輕松學(xué)會(huì)互聯(lián)網(wǎng)技術(shù)。

  • 搜外會(huì)員SEO交流群(免費(fèi))

    微信掃碼添加客服人員
  • 小程序運(yùn)營(yíng)交流群(免費(fèi))

    微信掃碼添加客服人員
  • 搜外會(huì)員SEM競(jìng)價(jià)交流群(免費(fèi))

    微信掃碼添加客服人員
  • 夫唯學(xué)員SEO交流群(VIP)

    微信掃碼添加客服人員

掃碼獲取資源

微信掃碼添加客服人員
  • SEO技術(shù)實(shí)戰(zhàn)微信群

    微信掃碼添加客服人員
  • 大站流量總監(jiān)群(審核身份)

    微信掃碼添加客服人員
  • Google獨(dú)立站英文SEO群

    微信掃碼添加客服人員
  • SEO團(tuán)隊(duì)KPI管理表格

    微信掃碼添加客服人員
  • 工業(yè)品網(wǎng)站友情鏈接群

    微信掃碼添加客服人員
  • 本地生活服務(wù)業(yè)友鏈群

    微信掃碼添加客服人員

跟夫唯老師系統(tǒng)學(xué)習(xí)群站SEO
成為互聯(lián)網(wǎng)運(yùn)營(yíng)推廣大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入門、新聞源推廣……
Processed in 0.225704 Second , 62 querys.