-
uni-app flex 1 纵向无法占据全部高度
场景 需要给根元素设置背景以保证整个屏幕有背景色。 设置了子元素flex: 1却没有占据整个屏幕。 解决方法 设置根元素min-height: 100vh。
2025-08-08, Views: 2 , Topics: uni-app
-
uni-app CSS 内置变量：系统状态栏高度、NavigationBar 的高度、TabBar 的高度
变量 变量 描述 小程序 H5 --status-bar-height 系统状态栏高度 25px 0 --window-top 内容区域距离顶部的距离 0 NavigationBar
-
uni-app 页面生命周期
页面生命周期 函数名 说明 onInit 监听页面初始化，其参数同 onLoad 参数，为上个页面传递的数据，参数类型为 Object（用于页面传参），触发时机早于 onLoad o
2025-08-06, Views: 18 , Topics: uni-app
-
uni-app wu-calendar 设置控件高度
场景 wu-calendar默认高度太高，需要调整，设置height无效。 解决 wu-calendar提供了设置itemHeight的属性，用来设置每个日期方格的高度，从而间接达到设置整个组件高度
2025-08-05, Views: 36 , Topics: uni-app wu-calendar
-
uni-app wu-calendar 基本使用
组件属性 属性名 说明 类型 默认值 可选值 date 自定义默认选中时间，默认为今天，mode="multiple"或"range"时，该值需为数组，mode="single"，该值为
2025-08-04, Views: 40 , Topics: uni-app wu-calendar
-
uni-app wu-calendar 解决抖音小程序中布局错乱问题
现象 在抖音小程序中，wu-calendar 1.5.6版本中，日期item都挤压在一起。 原因 flex布局没有添加属性flex: 1。 解决 uni_modules-wu-calendar-co
2025-08-03, Views: 42 , Topics: uni-app wu-calendar
-
uni-app image 图片组件不同 mode
代码 默认mode为scaleToFill。 默认宽度320px、高度240px。 <image src="/static/a.jpg" mode="scaleToFill"></image> 常
-
uni-app 设置背景图片
方法一：加载网络图片 <view style="min-height: 100vh;background-image: url(https://xxx.com/aaa.jpeg);"> </view
2025-08-01, Views: 57 , Topics: uni-app
-
uni-app 页面跳转
跳转到普通页面 uni.navigateTo({ url: '/pages/detail/index' }); 跳转到底部导航栏 uni.switchTab({ url: '/pa
2025-07-31, Views: 59 , Topics: uni-app
-
uni-app popup 弹出层
代码 template <uni-popup ref="popup"> <view class="popup-content"> <view style="font: bol
2025-07-30, Views: 62 , Topics: uni-app
-
uni-app 数据本地存储
同步方法 uni.setStorageSync('storage_key', 'hello'); 异步方法 uni.setStorage({ key: 'storage_key',
2025-07-29, Views: 73 , Topics: uni-app
-
uni-app 耗时操作时显示加载中提示框
代码 methods: { getInfo() { uni.showLoading({ title: '加载中', mask:
2025-07-28, Views: 74 , Topics: uni-app
-
uni-app 配置底部导航栏
配置代码 在pages.json中新增tabBar节点，selectedColor指定选中后的文字颜色，list中指定各页面的pagePath、iconPath、text。 { "tabBa
2025-07-26, Views: 76 , Topics: uni-app
-
uni-app 网络请求添加拦截器
示例代码 uni.addInterceptor('request', { invoke(args) { // request 触发前拼接 url args.url = 'http
2025-07-26, Views: 89 , Topics: uni-app
-
uni-app 获取小程序运行环境信息（测试版、预览版、线上版）
微信/支付宝小程序 小程序当前环境版本： develop开发版 trial体验版 release正式版 gray灰度版（仅支付宝小程序支持） const accountInfo = uni.ge
-
uni-app 获取运行平台（微信、支付宝、抖音等）
代码 使用uni.getSystemInfo（异步）和uni.getSystemInfoSync（同步）方式获取运行平台 异步获取 uni.getSystemInfo({ success:
2025-07-21, Views: 103 , Topics: uni-app
-
uni-app 去掉 URL 中的井号
说明 地址栏URL中带有#，说明工程是以哈希模式启动或者编译的，改为history模式即可。 解决方法 打开manifest.json，在源码试图（HBuilder中打开才有）或者以文本形式打开。
2025-07-20, Views: 103 , Topics: uni-app
-
uni-app web 模式跨域问题
解决方法 打开manifest.json，在源码试图（HBuilder中打开才有）或者以文本形式打开。 添加h5节点，指定devServer及proxy。注意：重新运行工程。 { "h5":
-
uni-app Vue3 添加全局变量及全局方法
添加全局变量 在App.vue中添加globalData变量 <script> let host = 'https://product.com'; uni.getSystemInfo
-
Vue3 中使用 jsx 语法，报错：ReferenceError: React is not defined
相关代码 <script setup lang="jsx"> const renderMask = () => ( <div style={{ backg
2025-07-16, Views: 103 , Topics: Vue