浏览模式: 普通 | 列表
分类: uniapp | 1 | 2 | >

uniapp——下拉刷新

[ 2024-09-07 10:42:46 | 作者: admin ]
p.s. 需要设置pages.json和具体pages页面相关内容，PullDownRefresh 部分
import {
  onLoad,
  onReachBottom,
  onPullDownRefresh
} from '@dcloudio/uni-app'
onPullDownRefresh(() => {
  getList()
  setTimeout(() => {
    uni.stopPullDownRefresh()
  }, 1000);
})

{
  "path": "pages/index/list",
  "style": {
    "navigationBarTitleText": "列表",
    "enablePullDownRefresh": true,
    "navigationStyle": "custom"
  }
},
...

阅读全文…
分类: uniapp | 永久链接 | 评论: 0 | 引用: 0 | 浏览: 275

uniapp的几个全局文件

[ 2024-09-05 10:39:56 | 作者: admin ]
pages.json 页面路由
https://uniapp.dcloud.net.cn/collocation/pages.html


manifest.json 应用配置
https://uniapp.dcloud.net.cn/collocation/manifest.html
分类: uniapp | 永久链接 | 评论: 0 | 引用: 0 | 浏览: 258

uniapp打包h5，刷新内页404（刷新404，首页正常），nginx情况下配置

[ 2024-09-05 10:31:32 | 作者: admin ]
p.s. 配置了下nginx，404问题解决

环境
代码：uniapp+vue
线上环境：nginx
H5项目编译目录：如移动端名称“h5”，放在域名执行的根目录

问题分析
本地正常，线上404，是文件未找到，即文件路径错误,即域名：
www.yourdomain.com/h5 //正常访问
内页刷新404，原因看链接，正常是404链接是没有查h5里面的js，css，而是域名目录下的js，css，那就是针对目录问题，让程序执行/h5目录下的js，css

nginx配置
location /h5 {
  root /www/wwwroot/jiaxin/public/h5;
  #alias /www/wwwroot/jiaxin/public/h5; #这样也可以
  try_files $uri $uri/ /index.html last;
...

阅读全文…
分类: uniapp | 永久链接 | 评论: 0 | 引用: 0 | 浏览: 274

uni-app 更改默认组件样式解决uView Checkbox 复选框不换行问题

[ 2024-08-23 10:32:24 | 作者: admin ]
一、说明

        uView文档 Checkbox 复选框

        vue组件编译后，会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局

        横向排列不换行，如下
attachments/202408/23_103459_1f6254ab98209e3f45d515a1da77a4cb.png




二、解决
1、在class前面 加入deep

        如果你期待通过如修改其子class的样式。来影响展示效果，直接增加class是没有任何效果的
        需要在修改指定的组件样式class前面 加入deep才可以
<style lang="scss" scoped>
/deep/ .u-checkbox-group--row{
  display: flex;
...

阅读全文…
分类: uniapp | 永久链接 | 评论: 0 | 引用: 0 | 浏览: 439

uni踩坑笔记 - uView中文本域textarea 实现回车键换行

[ 2024-08-14 09:37:02 | 作者: admin ]
使用textarea组件的confirmType属性进行控制：
<u--textarea v-model="form.content" confirmType="return"></u--textarea>


默认值是done，按回车不会换行

其他属性值：
send - 发送
search - 搜索
next - 下一个
go - 前往
done - 完成
return - 换行


文章：https://blog.csdn.net/weixin_46737742/article/details/134370679
分类: uniapp | 永久链接 | 评论: 0 | 引用: 0 | 浏览: 375

hbuilder/hbuilderx 无法检测到模拟器的问题（或许是没有运行在默认端口）

[ 2024-05-07 14:54:46 | 作者: admin ]
p.s. 多模拟器运行的时候，端口不一定是默认端口，uniapp在运行时找不到模拟器的情况，有可能原因为模拟器不是默认端口。
mumu可用通过 http://blog.xg98.com/article.asp?id=2968 方法找到当前运行模拟器端口，然后在hbuilder中指定模拟器端口就可以。


常用模拟器的默认端口
夜神模拟器 端口号 ：62001
海马玩模拟器 端口号：26944
网易mumu模拟器端口号：7555
天天模拟器 端口号：6555
Android Studio自带模拟器 端口号: 5554



连接步骤
打开cmd命令
命令行里 进入HBuilder\tools的目录
按住Shift +右键,选择打开命令行工具(powerShell)
...

阅读全文…
分类: uniapp | 永久链接 | 评论: 0 | 引用: 0 | 浏览: 364

Uniapp使用mumu安卓模拟器来运行调试的方法

[ 2024-05-07 14:20:11 | 作者: admin ]
p.s. 我在hbuilderx中设置mumu模拟器端口，然后指定了android studio的adb完整路径，没有设置环境变量path就可以正常调试了



1、设置Mumu的显示为手机竖屏
attachments/202405/07_142206_6522fa13a7524c56bfd46cfc550d5243.png


2、查看运行模拟器的端口号
attachments/202405/07_142351_07fb6472dafc46889388c2775ce9dc82.png
attachments/202405/07_142355_92aa565382aa4e9594a64533c0742589.png
[img]attachments/202405/07_142403_fae79...

阅读全文…
分类: uniapp | 永久链接 | 评论: 0 | 引用: 0 | 浏览: 408

uniapp运行到安卓模拟器一直在“同步手机端程序文件完成“界面解决办法（android studio）

[ 2024-05-07 14:11:36 | 作者: admin ]
p.s. 测试可行，建立android11+x86，然后hbuilder指定adb为android studio的adb就可以运行，不过还是用mumu方便


如果你是用的模拟器是android studio创建的模拟器，那么你需要新创建一个android11 + x86架构的模拟器：
attachments/202405/07_141723_8142c9482dc045b396b70cda3671a610.png

创建完成后，启动模拟器：
attachments/202405/07_141735_0e938e3199424ae98bdab3090b609c30.png


然后在hbuilder中重新运行到这个模拟器就可以了：[img]attachments/202405/07_141805_d247f403f...

阅读全文…
分类: uniapp | 永久链接 | 评论: 0 | 引用: 0 | 浏览: 214
1 | 2 | >