01 2024 档案

UNIAPP使用<input type="file"/>选择文件
摘要：首先说明，通过<input type="file"/>选择文件在@change方法没有回调，没法获取到选择的文件。 设置样式，通过将<input type="file">放置到要显示的样式上面，然后设置opacity=0来进行先显示就能不显示还能触发点击了： <view class="upload- 阅读全文
posted @ 2024-01-29 13:43 乌拉小考 阅读(1558) 评论(0) 推荐(0)
uniapp中webview和uniapp原生的交互postMessage
摘要：在uniapp中要打包小程序和App的代码，但是因为uniapp中不支持dom，所以有的界面因为使用了第三方的库使用了dom的操作故没法直接写成uniapp的界面，可以将这部分使用了dom库的界面用uniapp中的webview进行调用h5的形式来使用，这样就能展示界面了。 所以基于以上原因，需要在 阅读全文
posted @ 2024-01-26 09:32 乌拉小考 阅读(3688) 评论(0) 推荐(0)
uniapp打包Android程序的踩坑
摘要：因为在uniapp中无法使用dom，导致部分三方库无法使用，需要在webview中使用，所以需要把使用了dom的三方库的页面渲染到webview中去 因为上面再webview中渲染了界面，所以当要再webview中和原生页面互动就又是问题了，网上找了一圈webview和uniapp原生互动的操作都没 阅读全文
posted @ 2024-01-24 09:21 乌拉小考 阅读(184) 评论(0) 推荐(0)
在Android中的webview进行调试网页
摘要：首先要在代码中打开webview的设置，注意这里WebView是大写的，这个setWebContentsDebuggingEnabled方法是WebView的静态方法，不是你的webview的对象的方法。 这个代码放到你的webview的activity的onCreate中 if (Build.VE 阅读全文
posted @ 2024-01-23 17:27 乌拉小考 阅读(638) 评论(0) 推荐(0)
uniapp打包h5在Android的webview中打开出现localStorage.setitem为null的记录
摘要：使用android直接打开h5的链接，报错localStorage.setItem为null 原因是要打开Android的webview的存储设置 val webView = findViewById<WebView>(R.id.webview) val settings = webView.set 阅读全文
posted @ 2024-01-23 17:23 乌拉小考 阅读(504) 评论(0) 推荐(0)
再windows批量处理脚本删除和移动文件
摘要：@echo off setlocal set "folderPath=D:\projects\cloudsignapp\app\src\main\assets\apps\__UNI__BCD1716\www" if exist "%folderPath%" ( echo Deleting files 阅读全文
posted @ 2024-01-19 16:06 乌拉小考 阅读(146) 评论(0) 推荐(0)
Object.assign({}, obj)拷贝对象数组没有深拷贝
摘要：最近使用Object.assign拷贝对象，发现对象中的数组无法深拷贝，只是拷贝了数组的地址，导致原始值中的数组改变了被拷贝值中的数据也改变了 阅读全文
posted @ 2024-01-16 09:20 乌拉小考 阅读(44) 评论(0) 推荐(0)
Uniapp在华为P40鸿蒙4.0.0上面使用safeArea.bottom导致的错误
摘要：使用safeArea.bottom来获取安全距离的高度会导致错误，需要使用safeAreaInsets.bottom，但是要达到和safeArea.bottom同样的效果需要使用screenHeight-safeAreaInsets.bottom计算得到和safeArea.bottom一样的值 阅读全文
posted @ 2024-01-10 09:35 乌拉小考 阅读(332) 评论(0) 推荐(0)
uniapp使用uni-tooltip自定义多行
摘要：uniapp的官方文档中uni-tooltip的直接示例没有写全多行tooltip的演示代码，所以记录一下。主要就是利用插槽自己定义一个view,然后设置他的宽度来设置宽度高度，以及设置文字换行。 <template> <uni-tooltip> <button size="mini">多行文字提示 阅读全文
posted @ 2024-01-08 16:22 乌拉小考 阅读(2581) 评论(0) 推荐(0)
uniapp使用css的grid尽量两列列表的显示
摘要：先看列表的效果图，是一个2列内容显示的滚动列表 可以看到一行有2列，然后2列中边框的距离是30rpx，中间间距也是30rpx，所以可以通过设置css样式如下： .container { display: grid; grid-template-columns: repeat(auto-fill, c 阅读全文
posted @ 2024-01-05 09:19 乌拉小考 阅读(1493) 评论(0) 推荐(0)
uniapp使用uni.uploadFile上传单文件内容
摘要：在uniapp中使用文件上传，一般使用uni.uploadFile，下面是一个单文件上传案例 uni.uploadFile({ url: uploadUrl, name: "file", // 上传的file的名称 formData: formData, // 除了文件内容的其他需要formdata 阅读全文
posted @ 2024-01-04 13:49 乌拉小考 阅读(4884) 评论(0) 推荐(0)