新建目录 posts (阅读页面)
点击目录右键新建page
目录结构如下:
在app.json中,把posts调整为默认显示的页面(暂时先这样,具体的多页面之后再说)
{ "pages": [ "pages/posts/posts","pages/welcome/welcome" ],"window": { "navigationBarBackgroundColor": "#405f80" },"sitemapLocation": "sitemap.json" }
官方文档里找到swiper组件
posts.wxml
<!--pages/posts/posts.wxml--> <view> swiper indicator-dots="true" interval="2000" autoplay="true"> swiper-item><image src="/images/wx.png"></image="/images/vr.png"="/images/iqiyi.png"</swiper> >
posts.wxss
注意轮播图的尺寸取决于swiper容器的尺寸,而不是swiper-item的尺寸
/* pages/posts/posts.wxss */ swiper{ width:100%; height:500rpx; } swiper image{500rpx; }
效果图:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。