-
【微信小程序-原生开发】实用教程07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字)
【微信小程序-原生开发】实用教程 轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
-
【微信小程序-原生开发】实用教程07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字)
【微信小程序-原生开发】实用教程 轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
-
关于 uview-ui grid宫格布局的页面跳转
在使用 uview-ui 的宫格布局时,发现官方文档对于基本的图形展示还是很详细的,但是缺少点击事件。 于是 该组件外层为 u-grid 组件包裹,通过 col 设置内部宫格的列数 内部通过 u-grid-item 组件的 slot 设置宫格的内容 如果不需要宫格的边框,可以设置 border 为 false 结合uni的sw
-
html用css grid实现自适应四宫格放视频
想同时播放四个本地视频: 四宫格; 自适应,即放缩浏览器时,四宫格也跟着放缩; 尽量填满页面(F11 浏览器全屏时可以填满整个屏幕)。 在 html 中放视频用 video 标签,参考 [1];参考 [2,3] 用 css 的 grid 实现自适应九宫格的方法,grid 的介绍见 [3]。 code base 是 [2] 的方案
-
基于微信小程序的校园导航微信小程序
博主主页: 一点素材 博主简介: 专注Java技术领域和毕业设计项目实战、Java、微信小程序、安卓等技术开发,远程调试部署、代码讲解、文档指导、ppt制作等技术指导。 主要内容: SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、小程序、安卓app、大数据等设计与开发。 感兴
-
微信小程序地图导航
官方坐标获取:https://lbs.qq.com/getPoint/ 如:重庆解放碑 纬度:29.557284 经度:106.577153 微信小程序文档:https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.openLocation.html
-
微信小程序页面导航
1.1.1配置的Tab页面 1.1.2页面跳转书写 1.2.3页面展示 1.2.1页面跳转代码 其实默认跳转的就是非Tab页面,可以简写成一下 1.2.2图片展示 注意: 跳转tab页面不能传参,但是非Tab页面可以传递参数,微信开发左下角! 或者在跳转后的页面 说明:delta代码后退的层数,默
-
微信小程序之导航
导航:导航指的是页面之间的互相跳转 tabBar 页面:被配置为 tabBar的页面 实现:在页面上声明一个 navigator 导航组件,通过点击 navigator 组件实现页面跳转 导航到 tabBar 页面 在使用 navigator 组件跳转到指定的 tabBar 页面时,需要指定的 url 属性和 open-type 属性 注: url 表示要
-
微信小程序 实现导航守卫
小程序中是不支持路由拦截的,需要开发者自行封装路由拦截的功能,实践有许多的实现思路,下面我采用的是封装组件的方式实现。比方说一个小程序项目只有一两个页面是不需要登录就可以访问的,其他页面都是需要登录之后才能访问的,那我就用封装一些逻辑来检测用
-
微信小程序:12.页面导航
页面导航指的是页面之间的相互跳转。例如,浏览器中实现的页面导航的方式有两种: 连接 location.href 在页面上声明一个导航组件 通过点击组件实现页面跳转 是指配置TabBar页面 在使用组件跳转到指定的tabBar页面,需要指定url属性和open-type属性,其中: url表示要跳转的页面
-
微信小程序滑动导航栏
微信小程序可以使用组件库中的 scroll-view 组件和 swiper 组件实现滑动导航栏。 下面是一个使用 scroll-view 组件实现滑动导航栏的例子: 在 .wxml 文件中定义 scroll-view 组件和导航栏 php Copy code scroll-view scroll-x=\\\"true\\\" class=\\\"nav-scroll\\\" view class=\\\"nav-item {{activeIndex==0?\\\'active\\\':\\\'\\\'}}\\\" bindta
-
微信小程序置顶导航,替代原生导航栏
效果图 : 思路:Navigation是小程序的顶部导航组件,当页面配置navigationStyle设置为custom的时候可以使用此组件替代原生导航栏,wx.getSystemInfoSync获取可使用窗口高度 wxml代码: wxss代码: app.json 修改window下navigationStyle 为 custom 最后, wx.getSystemInfoSync 获取可使用窗口高度,app.
-
微信小程序—tabBar导航栏
1、什么是tabBar? tabBar是移动端应用常见的页面效果,用于实现多页面的快速切换。小程序中常分为: 底部 tabBar 顶部 tabBar 2、tabBar 节点的配置项 position :tabBar的位置,仅支持bottom/top border :tabBar上边框的颜色,仅支持black/white color :tab上文字的默认颜色 selectedColor :tab上文
-
微信小程序自定义顶部导航,滚动页面顶部导航颜色渐变
微信小程序自定义顶部导航栏,使背景图置顶;当向上滚动页面时,实现顶部导航颜色渐变 实现方法 代码如下(示例): 提示:由于不同的手机机型顶部导航高度不一样,所有要获取手机的信息 总共三步: 1、初始化获取顶部导航信息 2、顶部导航文字上方通过view占位,同
-
高德地图实现-微信小程序地图导航
1、在高德开放平台注册成为开发者 2、申请开发者密钥(key)。 3、下载并解压高德地图微信小程序SDK 注册账号(https://lbs.amap.com/)) 申请小程序应用的 key 应用管理(https://console.amap.com/dev/key/app)) - 我的应用 - 创建新应用 生成的 key 即可用在程序中 下载相关 sdk 文件,导入 amap-