微信小程序
微信小程序是否支持,在主微信小程序打开半屏小程序后(用户会在半屏小程序内有进入其它页面路径的操作),获取半屏小程序的信息(如,页面路径)
关于#微信小程序获取半屏小程序信息#的问题,如何解决?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
关注 【相关推荐】
- 你可以看下这个问题的回答https://ask.csdn.net/questions/7480835
- 你也可以参考下这篇文章:【微信小程序】微信小程序与后台的交互
- 您还可以看一下 李志辉老师的微信小程序开发从入门课程课程中的 制作小程序用户列表页小节, 巩固相关知识点
- 除此之外, 这篇博客: (后续更新)【微信小程序】毕业设计 租房小程序开发实战,零基础开发房屋租赁系统小程序中的 (1)顶部轮播图区域 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
先上成果图:
视图层:使用了微信自带的swiper组件(轮播图组件),设置了自动轮播,间隔时间3000ms。样式设置了宽高和圆角,更美观一点。轮播图的src地址是通过for循环swiper数组来获取每一项的图片地址数据,然后渲染到页面显示出来。WXML代码:
<!-- 首页轮播图 --> <swiper class="lunbotu" indicator-dots indicator-active-color="white" autoplay interval="3000"> <swiper-item wx:for="{{swiper}}" wx:key="index"> <image src="{{item.img}}"></image> </swiper-item> </swiper>
WXSS代码:
/* 轮播图样式 */ swiper{ height: 350rpx; margin: 20rpx; border-radius: 20rpx; } .lunbotu image{ width: 100%; height: 100%; border-radius: 20rpx; }
逻辑层:使用wx.cloud.database()方法获取了云数据库的轮播图照片,然后通过setData函数赋值给定义的swiper数组。
JS代码:
//获取轮播图数据 getSwiper(){ wx.cloud.database().collection('swiper_photo') .get() .then(res => { this.setData({ swiper:res.data }) console.log('获取的轮播图数据',this.data.swiper); }) },
wx.cloud.database()是云开发获取云数据库中数据的语法,大家可以学一学,非常方便
如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^解决 无用评论 打赏 举报
悬赏问题
- ¥15 SPSS分类模型实训题步骤
- ¥15 求解决扩散模型代码问题
- ¥15 工创大赛太阳能电动车项目零基础要学什么
- ¥20 limma多组间分析最终p值只有一个
- ¥15 nopCommerce开发问题
- ¥15 torch.multiprocessing.spawn.ProcessExitedException: process 1 terminated with signal SIGKILL
- ¥15 QuartusⅡ15.0编译项目后,output_files中的.jdi、.sld、.sof不更新怎么解决
- ¥15 pycharm输出和导师的一样,但是标红
- ¥15 想问问富文本拿到的html怎么转成docx的
- ¥15 我看了您的文章,遇到了个问题。