小程序一个页面实现多个页面的引入

实现效果图,下面的折线图在其他页面写入内容,消息的这个页面不写入折线图
但要在该页面显示出来。
在这里插入图片描述
在消息的页面 的 json文件里引入写好的要引的页面,
在这里插入图片描述
最后一步,别忘了
在消息的 wxml页面引入这个名称,效果图实现。

ps:要引入的页面一定要写好,原页面该有的插件引入也不能少,因为你要引的这个页面就是实现本来效果的功能全部展现。
在这里插入图片描述

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. 首先,需要创建一个微信小程序的项目,并且在 app.json 文件中配置好页面路径和导航栏。 2. 在 pages 目录下创建一个叫做 bookshelf 的页面,用来展示电子书橱。在 bookshelf 页面中,可以使用 scroll-view 组件实现滚动效果,同时在页面中渲染多个 book-item 组件。 3. 在 components 目录下创建一个叫做 book-item 的组件,用来展示电子书的封面、标题和简介等信息。在 book-item 组件中,可以使用 image、text 和 view 等组件来实现页面布局。 4. 在 utils 目录下创建一个叫做 book.js 的文件,用来存储电子书的数据。在 book.js 文件中,可以定义一个包含多个电子书信息的数组,每个电子书包含标题、封面、作者、简介等信息。 5. 在 bookshelf 页面中,可以引入 book.js 文件,获取电子书数组中的数据,并将数据传递给 book-item 组件进行渲染。 6. 在 bookshelf 页面中,可以添加一个搜索框,让用户可以根据关键词搜索电子书。在搜索框中输入关键词后,可以使用 JavaScript 的 filter() 方法过滤出符合条件的电子书,并将过滤后的结果传递给 book-item 组件进行渲染。 7. 在 book-item 组件中,可以添加一个点击事件,使用户可以点击电子书封面或标题进入电子书的详情页。在详情页中,可以展示电子书的详细信息,并添加一个返回按钮,使用户可以返回到电子书橱页面。 8. 在 app.json 文件中添加电子书详情页的路径,并在 book-item 组件中引入 navigateTo() 方法实现页面跳转。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值