文章 2024-03-14 来自:开发者社区

【微信小程序】-- 页面导航 -- 声明式导航(二十二)

一、页面导航   前面对学到的模板语法与配置进行了一个总结,通过栗子了解到各个模板语法的使用。接下来就来讲解一下小程序的视图与逻辑–页面导航。话不多说,让我们原文再续,书接上回吧。 1、什么是页面导航   首...

【微信小程序】-- 页面导航 -- 声明式导航(二十二)
文章 2023-11-09 来自:开发者社区

微信小程序模仿分类导航实现多个tab 页

微信小程序模仿分类导航实现多个tab 页功能:如图话不多说,也不知道说啥,直接上代码:wxml:<view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">全部</view>...

文章 2023-10-07 来自:开发者社区

微信小程序-导航方式

导航方式小程序的路由章节并不是需要学习怎么定义路由,因为路由已经在app.json全局配置文件中声明好了。在本章节我们需要掌握的就是如何实现page的切换。page的切换小程序提供了两种实现方式,一种是通过组件来实现,另外一种是通过api实现。小程序由于把页面进行了分类,不同类型的页面导航方式存在差异,因此此处我们至少需要创建三个页面。tabBar页面:2个非tabBar页面:1个跳转方式主要分....

文章 2023-07-25 来自:开发者社区

微信小程序学习实录3(环境部署、百度地图微信小程序、单击更换图标、弹窗信息、导航、支持腾讯百度高德地图调起)

百度地图微信小程序JavaScript API(简称小程序JSAPI),支持在微信小程序中使用百度数据资源。小程序JSAPI是对百度地图Web服务API中的部分接口按照微信小程序的规范进行了前端JS封装,方便了微信小程序开发者的调用。部分接口对返回的POI等数据按照微信小程序的数据格式进行了处理,可直接用于小程序的map中。一、环境部署1.need to be declared in the r....

微信小程序学习实录3(环境部署、百度地图微信小程序、单击更换图标、弹窗信息、导航、支持腾讯百度高德地图调起)
文章 2023-06-26 来自:开发者社区

Flutter仿写微信导航栏快速实现页面导航

前言前面介绍了APP顶部导航栏AppBar,今天来介绍下Flutter实现APP底部导航栏。我们以仿写微信的底部导航栏来举例说明。要实现类似微信底部的导航栏可以使用TabBar或者BottomNavigationBar来实现。下面分别介绍。使用TabBar实现TabBar介绍在Flutter中,TabBar是一个用于创建选项卡式导航的常用组件。它通常与TabBarView一起使用,用于在不同的选....

Flutter仿写微信导航栏快速实现页面导航
文章 2023-05-24 来自:开发者社区

【微信小程序】页面导航详解

一.页面导航1.什么是页面导航页面导航是指页面之间的相互跳转。2.页面导航的两种实现方式页面导航有两种实现方式:1.声明式导航方法:在页面声明一个navigator组件,通过点击这个组件来实现页面的跳转。2.编程式导航方法:调用小程序的导航API实现页面的跳转。二.声明式导航1.导航到tabBar页面tab页面指被配置为tabBar的页面,在使用指定navigator组件跳转到指定页面时,必需要....

【微信小程序】页面导航详解
文章 2023-02-23 来自:开发者社区

微信小程序开发实战(页面导航)

页面导航1、什么是页面导航页面导航指的是页面之间的相互跳转。浏览器中实现页面导航的方式有如 :① 《a》链接② 类似 HTTP 重定向window.location.replace(“url”);③ 类似点击(a 标签)window.location.href = “url”;……2、页面导航的两种方式① 声明式导航在页面上声明一个《navigator》导航组件通过点击 《navigator》组....

微信小程序开发实战(页面导航)
文章 2022-10-13 来自:开发者社区

【微信小程序】页面导航

小程序 - 视图与逻辑页面导航1. 什么是页面导航页面导航指的是 页面之间的相互跳转 。例如,浏览器中实现页面导航的方式有如下两种:① 链接② location.href2. 小程序中实现页面导航的两种方式① 声明式导航在页面上声明一个  导航组件通过点击  组件实现页面跳转② 编程式导航调用小程序的导航 API,实现页面的跳转页面导航 - 声明式导航1. 导航到 tabB.....

文章 2022-09-21 来自:开发者社区

微信小程序--》数据请求和页面导航

数据请求网络请求的限制出于安全性方面的考虑,小程序官方对数据接口的请求做出了如下两个限制:①只能请求 HTTPS 类型的接口②必须将接口的域名添加到信任列表中信任列表如下,默认情况下是空的,即未设置,需要我们进行合法域名的配置配置 request 合法域名注意事项:①域名只支持 https 协议②域名不能使用 ip 地址 或者 loaclhost③域名必须经过 ICP 备案④服务器域名 一个月内....

微信小程序--》数据请求和页面导航
文章 2022-01-07 来自:开发者社区

微信小程序经纬度获取地图导航(导航接入第三方)

API方法wx.openLocation我们需要用到微信官方文档的位置API wx.openLocation其中的参数有很多,具体可参考官方文档:微信官方文档-位置所需参数wxmlbindtap="gomap" &lt;view class="flex" style="align-items: center;" bindtap="gomap" data-name="{{item}}" data.....

微信小程序经纬度获取地图导航(导航接入第三方)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"10分钟搭建微信小程序","productDescription":"本方案为您介绍如何在阿里云快速部署博客网站,并将网站服务快速应用到微信小程序。","productContentLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes"},"productButton2":{"productButtonText":"方案部署","productButtonLink":"https://help.aliyun.com/document_detail/2856534.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"高效构建企业门户网站","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/build-a-website","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}

mPaaS 移动开发平台

mPaaS 源于蚂蚁集团金融科技,为 App 开发、测试、运营及运维提供云到端的一站式解决方案,致力于提供高效、灵活、稳定的移动研发、管理平台。 官网地址:https://www.aliyun.com/product/mobilepaas/mpaas

+关注