幻灯片如何添加链接?

 杭州seo优化   2022-07-23 18:26   33 views 人阅读  0 条评论
摘要:

<swiper-itemstyle=”position:absolute;width:100%;height:100%;transform:translate(0%,0

<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="https://www.seowhy.com/{{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="https://www.seowhy.com/{{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_productid=2 这个2是指产品的分类id为2,可以在首页----》产品内容----》产品分类查看该id。(如果不显示,点击右上角的界面设置,勾选id即可);

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

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

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

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

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

写在结尾:以上就是幻灯片如何添加链接?的详细内容,更多请关注【杭州SEO博客】其它相关文章!
本文地址:http://seo.huashi123.cn/14232.html
版权声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系我们。

 相关文章  关键词:

 发表评论


表情