pages.json

uniapp通过百度地图API获取手机定位及地址

API获取手机定位及地址先获取手机的定位(WGS84)坐标，然后转为BD09坐标,然后通过逆地址编码获取到地址:完整代码如下:步骤一:在manifest.json中加入百度地图的ak，并且勾选上步骤二:在pages.json

骨子里的偏爱·2025-06-20 23:41

uni-app禁用返回按钮/返回键

实现当前页面的onBackPress()中，禁用物理返回pages.json中，去除当前页面的返回按钮当前页面的mounted()中，隐藏当前页面的返回按钮（针对pages.json中设置无效的情况）具体演示代码

也•简·2025-06-16 06:38

uni-app项目实战笔记12--创建分类列表完成页面跳转

一、通屏效果的实现可以看到页面主体部分到顶部有一块空白区域，影响观感，下面实现通屏效果：在pages.json的pages各菜单中添加"navigationStyle":"custom"示例代码：{"path

moxiaoran5753·2025-06-15 07:44

如何在项目中使用uni-ui组件库

uni-uinpmi@dcloudio/uni-ui2、组件自动引用配置easycom使用npm安装好uni-ui之后，需要配置easycom规则，让npm安装的组件支持easycom打开项目根目录下的pages.json

羊吖·2025-06-12 03:29

UniApp 覆盖安装后首次进入 APP pages.json 不生效的解决方案

场景问题在使用UniApp开发APP时，覆盖安装或使用wgt包进行热更新后，可能会遇到以下问题：pages.json修改首次不生效：新增页面后，首次进入APP时uni.navigateT

代码简单说·2025-06-02 17:11

uni-app学习笔记十九--pages.json全局样式globalStyle设置

pages.json页面路由pages.json文件用来对uni-app进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等。

moxiaoran5753·2025-06-02 17:10

uni-app学习笔记二十--pages.json页面路由pages设置

uni-app通过pages节点配置应用由哪些页面组成，pages节点接收一个数组，数组每个项都是一个对象，其属性值如下：属性类型默认值描述pathString配置页面路径styleObject配置页面窗口表现，配置项参考下方pageStyleneedLoginBooleanfalse是否需要登录才可访问Tips：pages节点的第一项为应用入口页（即首页）应用中新增/减少页面，都需要对pages

moxiaoran5753·2025-06-02 17:10

Uniapp开发总结

pages.json页面路由|uni-app官网pages.json基本配置："tabBar":{"color":"#000","selectedColor":"#4BB7DB","borderStyle

duansamve·2025-05-22 04:41

uniapp学习笔记cc

uniapp学习配置跳转路由数据缓存发起请求地图配置pages.json文件用来对uni-app进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等。

cccc0906·2025-05-19 08:18

uniapp中的easycom工作机制

✅传统组件注册方式（不使用easycom）：✅使用easycom后：⚙️二、工作原理1.自动扫描组件路径2.编译时生效3.匹配规则三、配置方式`pages.json`中配置：✅四、优点⚠️五、注意事项六

TE-茶叶蛋·2025-05-19 07:35

uniapp-数据列表下拉刷新上拉加载

uniapp-数据列表下拉刷新上拉加载一、pages.json二、界面三、js四、CSS结束语优质源码分享uniapp-数据列表下拉刷新上拉加载，下拉刷新是一种常见的用户交互方式，允许用户在页面顶部向下拉动屏幕时

xcLeigh·2025-05-15 10:16

uniapp动态设置tabbar

1、将所有需要的tabbar配置在pages.json里"tabBar":{"color":"#BEC0C3","selectedColor":"#00A29C","borderStyle":"#EEEEEE

温瞳@nan·2025-05-05 11:25

Uniapp：设置页面下拉刷新

目录一、开启配置二、startPullDownRefresh：手动下拉三、stopPullDownRefresh：停止刷新一、开启配置如果想要在页面中开启下拉刷新，需要在pages.json中找到对应页面开启下拉刷新

Monly21·2025-05-05 11:54

uniapp 支付宝小程序自定义 navbar 无效解决方案

如图：uniapp编译到支付宝小程序隐藏默认的导航栏失效了解决方案：在pages.json文件中找到globalStyle中加入以下代码："mp-alipay":{"transparentTitle":

某公司摸鱼前端·2025-04-30 21:20

uniapp跨平台开发---switchTab:fail page `/undefined` is not found

跳转失败,控制台打印错误信息switchTab:failpage`/undefined`isnotfound排查思路错误信息提示,switchTab跳转的页面路径变成了/undefined,排查新增的pages.json

前端无涯·2025-04-29 22:16

uniapp跨平台开发---动态控制底部切换显示

展示不同的内容,针对活动用户额外增加底部tab选项活动用户非活动用户实现思路首先在tabbarlist中增加中间活动tab的路径代码,设置visible:false,然后再根据条件信息控制活动tab是否展示pages.json

前端无涯·2025-04-29 22:42

uniAPP实现单页面横竖屏切换

id=globalstyle在pages.json中添加配置："globalStyle":{//..."pageOrientation":"auto"},此方法可以配置全部页面横

改昵称比敲代码难·2025-04-21 05:02

vue3+ts+uniapp小程序

小程序步骤在manifest.json添加微信小程序的appid引入uni-ui组件库安装uni-ui组件库pnpmi@dcloudio/uni-ui配置自动导入组件//pages.json{//组件自动导入

学习吖·2025-04-13 02:47

小程序跳转外部链接

1先在自己的uniapp项目的pages.json中建一个webview.vue页面具体操作如下：{"path":"pages/webview/webview","style":{"navigationBarTitleText

阿諪諪·2025-04-09 21:55

解决uniapp中video层级过高遮挡问题

解决方案在pages.json中配置su

薄泳蕙Howard·2025-04-04 02:19

Uni-app入门到精通：subPackages节点为小程序的分包加载配置

主包用于放置默认启动页面、babBar页面，以及一些所有分包都会用到的公共资源或JS脚本；而分包则根据pages.json的配置进行划分。

Kx…………·2025-03-29 12:30

[ app.json 文件内容错误] app.json: [“tabBar“][1][“pagePath“]: “pages/classify/classify“ need in [“pages“]

示例文档uni-app官网•全局文件•pages.json页面路由•pageshttps://uniapp.dcloud.net.cn/collocation/pages#pages思路根据提示（["tabBar

云海洋和天·2025-03-13 07:20

uni_app实现下拉刷新

1.在页面配置中启用下拉刷新首先，你需要在页面的pages.json文件中启用下拉刷新功能。

_未知_开摆·2025-03-10 08:59

uniapp微信小程序vue3自定义tabbar

在App.vue隐藏原生tabbar，也可以在pages.json中配置二选一就好了创建CustomTabBar公共组件{{item.text}}import{ref,onMounted}from'vue

HerayChen·2025-03-07 22:07

如何禁用uniapp,vue页面下拉刷新功能

但是，有时即使在pages.json中将其设置为false，下拉刷新依然可能未被完全禁用。

劲雨波·2025-03-05 14:44

uniapp 中引入使用uView UI

3.在pages.json中添加：4.全局注册组件5.直接使用组件五、自定义主题色（秒换皮肤）一、前言：选择uViewUI的原因uViewUI是uni-app生态中高颜值、高拓展性、开发体验友好的组件库

前端小雪的博客.·2025-03-04 09:52

uni-app——uniapp 自定义 tabbar 的使用

pages.json文件{"tabBar":{"color":"#7A7E83","selectedColor":"#1677FF","borderStyle":

dbt@L·2025-02-22 10:18

uni-app菜单tabbar（十四）

在pages.json中提供tabBar配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。

A_nanda·2025-02-22 09:40

uniapp 右侧刷新图标和返回顶部图标的实现

{{item.content}}----{{item.author}}图标-->import{ref}from'vue';//触底加载更多，下拉刷新API(下拉刷新需要在pages.json里面开启这项功能

治金的blog·2025-02-20 18:57

【Uniapp】关于实现下拉刷新的三种方式

天下代码客·2025-02-17 07:54

uni-app打包apk后，APP页面样式混乱问题解决

于是根据这个提示寻找解决方案，发现项目pages.json多了一个path为AP

筱小虾米·2025-02-11 16:50

uniapp实现路由拦截——实战案例（二）

今天再次介绍一下uni-simple-router插件，记得最初使用时，是在三年以前了，这里简单介绍通过自动读取pages.json作为路由表的方式，欢迎指教~文章目录uniapp如何实现登录路由拦截？

Smile_ping·2025-02-08 22:54

uni-app 系列之（五）—— 路由

简介uni-app页面路由为框架统一管理，需要在pages.json里配置每个路由页面的路径和页面样式。

＊且听风吟·2025-02-08 22:24

uniapp 自定义标题情况下，让标题和右侧胶囊对齐

实现效果：无论手机类型怎么切换，自定义标题始终跟胶囊平齐实现：在pages.json文件中配置标题自定义

小胖砸~·2025-02-03 03:28

uniapp --- 配置文件

目录一.pages.json文件：1.组件自动导入规则（easycom）：2.页面配置（pages）：3.全局样式（globalStyle）：4.底部TabBar配置（tabBar）：二.manifest.json

记得开心一点嘛·2025-01-29 07:53

uniapp 小程序目录搭建以及 pages.json 配置

uniapp小程序目录搭建1.分包结构├──api各个模块接口文件夹├──login.js登录模块接口文件├──common公共模块，包含公共基础css等├──base.css公共基础css├──components主包当中使用的组件或者复用率较高的组件作为全局组件├──node_modulesnodejs相关依赖包文件目录├──pages主包:业务页面文件存放的目录├──common├──sys

YZRHANYU·2025-01-23 18:11

uni-app无法触发onReachBottom触底事件的解决方案

但页面滚动到底部时，无法触发onReachBottom函数过程：排除了下文提到的（pages.json未配置，以及容器未设置高度）等问题后，也更换了方式，使用scroll-view标签进行包裹，发现仍无法解决原因

沐雨MUYU_·2025-01-22 02:28

uniapp H5 关掉全部头部header

uniappH5关掉全部头部header1.进入pages.json文件"globalStyle":{//"navigationStyle":"custom","navigationBarTextStyle

qq_39016177·2024-09-14 20:06

uniapp实现下拉刷新

uniapp实现下拉刷新在pages.json里面配置"enablePullDownRefresh":true{"pages":[{"path":"pages/ces/index","style":{"

十一吖i·2024-09-13 11:09

微信小程序uniappvue3版本-控制tabbar某一个的显示与隐藏

1.首先在pages.json中配置tabbar信息2.在代码根目录下添加tabBar代码文件直接把微信小程序文档里面的四个文件复制到自己项目中就可以了3.根据自己的需求更改index.js文件首先我这里需要判断什么时候隐藏某一个元素

牛奶皮子·2024-09-08 07:23

vue-cli创建uni-app引入uni-ui

引入uni-ui框架//安装node-sassnpminode-sass-D//安装sass-loadernpmisass-loader-D安装方式：npm安装npminstalluview-ui4.在pages.json

某公司摸鱼前端·2024-09-06 04:42

vue项目，自动清除浏览器缓存

一：pages.json中的version版本号，每次打包部署前，改变version二：在main.js中判断version，本地存的version和本次的version比较，如果不同，就强制清除缓存constVUE_APP_VERSION

孙芝琳_629·2024-08-24 12:08

uni-app微信小程序上拉加载，下拉刷新

pages.json配置官网链接onPullDownRefresh、onReachBottom函数跟生命周期同级data(){return{orderList:[],total:null,//总共多少条数据

Min_nna·2024-03-17 02:05

uniapp插件uViewplus的使用（涉及TS下的问题）

juejin.cn/post/7169875753100640270ts配置参考：https://blog.csdn.net/m0_70027114/article/details/132957426引入在项目文件的pages.json

EmmaGuo2015·2024-02-25 02:40

Uni-App从入门到实战

uinapp总结文章目录uinapp总结前言一、创建项目二、项目结构三、在pages.json中配置文件1.全局配置globalstyle2.page常用3.tab常用4.启动模式condition四、

小白入道·2024-02-19 21:53

第3讲小程序TabBar搭建

新建三个页面pages.json页面定义"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages{"path

九品印相·2024-02-13 06:33

uniapp使用的注意事项

uniapp的特点一次开发，多端应用使用微信小程序的组件标签和API，使用vue的模板语法和js语法创建新页面小程序：在app.json中配置pages,即会在pages文件夹中创建相应的文件uniapp:在pages.json

grey_2450·2024-02-09 02:27

uniCloud -- uniIdRouter自动路由

目录自动路由云对象响应触发needLogin获取当前用户信息getCurrentUserInfo实战应用个人中心页面pages.json配置uni-id自动路由uni_modules\uni-id-pages

前端贾公子·2024-02-07 20:53

Uni-app 学习笔记

H5访问页面跳转：直接在浏览器输入页面如：http://localhost:5174/#/pages/request/request小程序访问页面跳转pages.json中："condition":{/

javaGHui·2024-02-06 06:36

hello uniapp模板的page.json配置easycom出现空白

查阅资料（参考地址：uniapp微信小程序系列（2）pages.json实用配置详解_黄泽平的博客-CSDN博客）传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。

尘埃里的玄·2024-02-06 01:21

推荐频道