幻灯片如何添加链接?

60476次阅读

<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>


在设计->编辑的页面找到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、添加红色的代码后幻灯片设置跳转链接才有效果  2、跳转的链接不能设置底部导航的链接,底部导航的链接一般有:首页、产品中心、文章中心、关于我们、联系我们


1、首页:/pages/index/index  当然填首页好像没有什么意义

2、产品中心:/pages/index/index_product

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

4、产品某个分类:/pages/index/list_product?id=2    这个2是指产品的分类id为2,可以在首页----》产品内容----》产品分类查看该id。(如果不显示,点击右上角的界面设置,勾选id即可);

5、文章某个分类:/pages/index/list_article?id=3    这个2是指文章的分类id为3,可以在首页----》文章内容----》文章分类查看该id。(如果不显示,点击右上角的界面设置,勾选id即可);

6、某个产品:/pages/index/info_product?id=6    这个6是该产品的id为6;

7、某篇文章:/pages/index/info_article?id=7    这个7是该文章的id为7;

8、某个页面:/pages/index/page?id=9    这个9是指该页面的id为9;

9、自定义页面:/pages/index/ask  这个ask是在线留言,在代码中必须有ask.swan。ask可以替换为你自定义的其他页面。

本文由夫唯SEO特训营编辑整理。

搜外专注SEO培训和SEO周边Saas服务解决方案,10年来超过五万学员在此获得技术提升和人脉圈子。

SEO课程包含移动搜索、零基础建站、群站SEO思维、搜外6系统、SEM入门等。

192期A班报名时间7月1日-7月15日,请添加招生客服小沫微信:seowhy2021。 微信扫码添加客服人员

我们的目标是:让非技术人员轻松学会互联网技术。

  • 搜外会员SEO交流群(免费)

    微信扫码添加客服人员
  • 小程序运营交流群(免费)

    微信扫码添加客服人员
  • 搜外会员SEM竞价交流群(免费)

    微信扫码添加客服人员
  • 夫唯学员SEO交流群(VIP)

    微信扫码添加客服人员

扫码获取资源

微信扫码添加客服人员
  • SEO技术实战微信群

    微信扫码添加客服人员
  • 大站流量总监群(审核身份)

    微信扫码添加客服人员
  • Google独立站英文SEO群

    微信扫码添加客服人员
  • SEO团队KPI管理表格

    微信扫码添加客服人员
  • 工业品网站友情链接群

    微信扫码添加客服人员
  • 本地生活服务业友链群

    微信扫码添加客服人员

跟夫唯老师系统学习群站SEO
成为互联网运营推广大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入门、新闻源推广……
Processed in 0.148421 Second , 52 querys.