QQ小程序门户——自定义 tabBar 与顶部搜索实例

时间  2021-08-15 标签 腾讯小程序

在这里插入图片描述

QQ 1274510382
Wechat JNZ_aming
商业联盟 QQ群538250800
技术搞事 QQ群599020441
解决方案 QQ群152889761
加入我们 QQ群649347320
共享学习 QQ群674240731
纪年科技aming
网络安全 ,深度学习,嵌入式,机器强化,生物智能,生命科学。

自定义 tabbar
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述在这里插入图片描述

以上是qq小程序 开发文档里介绍的

在这里插入图片描述在这里插入图片描述

  • 这样就完成了
    如下所示 空白自定义
    在这里插入图片描述在这里插入图片描述
  • 建立底部tar文件夹 不然会报错

在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

  • 好了 根据状态bar 拉伸的小程序 bar 做好了
    在这里插入图片描述

  • 顶部自定义准备好 后 我们导入我们小程序 万能美化包
    在这里插入图片描述

  • 且完成我们顶部搜索模版大框
    在这里插入图片描述在这里插入图片描述

  • 且引入模版 准备测试效果
    在这里插入图片描述

  • 额，，，emmmm~ 看到了 我们美化模板 的位置不怎么友好
    在这里插入图片描述

  • 我们把他们的位置调整一下

在这里插入图片描述
在这里插入图片描述

  • 横纵都来一下
    在这里插入图片描述在这里插入图片描述

  • binggo 不错 模拟器顶部搜索完成

  • 看一看物理机 怎么样
    在这里插入图片描述

  • 所以 查阅 传送门
    在这里插入图片描述
    在这里插入图片描述

  • 并 参考 传送

联系我们 沪ICP备13005482号-10