<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ì)->編輯的頁面找到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)航的鏈接一般有:首頁、產(chǎn)品中心、文章中心、關(guān)于我們、聯(lián)系我們
1、首頁:/pages/index/index? 當(dāng)然填首頁好像沒有什么意義
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,可以在首頁----》產(chǎn)品內(nèi)容----》產(chǎn)品分類查看該id。(如果不顯示,點(diǎn)擊右上角的界面設(shè)置,勾選id即可);
5、文章某個(gè)分類:/pages/index/list_article?id=3? ? 這個(gè)2是指文章的分類id為3,可以在首頁----》文章內(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è)頁面:/pages/index/page?id=9? ? 這個(gè)9是指該頁面的id為9;
9、自定義頁面:/pages/index/ask? 這個(gè)ask是在線留言,在代碼中必須有ask.swan。ask可以替換為你自定義的其他頁面。