![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp
uniapp相关内容
粉末的沉淀
无趣
展开
-
uniapp:如何修改组件默认样式
日历组件默认样式如下图,但是我不想要右上角的红点,并且日期下面的数字要加红色背景,变成圆形,还是先用元素检查找到元素的类名,然后通过/deep/来覆盖样式,需要注意的是,lang要scss或者less,lang必须要写,否则不生效。但是今日的颜色还是蓝色,我试了一下,用上述方法不管用,这时候就可以试试直接去组件里修改,通过全局搜索可以找到样式的具体在哪个文件里。总结一下:先查找元素,然后用/deep/覆盖样式,如果无法覆盖,就直接去组件里修改样式。进过样式覆盖后,基本效果都达到了预期。原创 2023-09-25 20:15:47 · 2062 阅读 · 0 评论 -
uniapp:如何修改路由加载条的样式
路由加载条默认是绿色,通过元素选择工具我们可以知道元素的类名是#router-loadding .loadding,具体设置在h5-dom.js文件里。important一定记得要加,否则不生效,如果还不行,就试试加/deep/.加载条变成红色,并且右边的元素查看也显示样式被覆盖了。原创 2023-09-25 11:39:30 · 346 阅读 · 0 评论 -
uniapp:在HBuilderX里使用夜神模拟器
4、点击刷新,就可以看到62001端口的设备了,如果提示找不到设备,可能是端口配置错误或者模拟器没有启动。5、点击右上角的齿轮,可以进行系统设置,比如我想要模拟安卓平板电脑,就选择对应的分辨率即可。点击运行,就从HBuilderx跳转到夜神模拟器去了,会弹出很多权限设置,点击允许就可以了。1、选中需要调试的移动项目,点击运行 ->运行到手机或模拟器->ADB路径设置。如果不知道模拟器的端口怎么办,例如多开模拟器,怎么查看模拟器端口号是多少?2、打开夜神模拟器,点击右侧的模拟器助手图标。原创 2022-11-21 11:19:21 · 4679 阅读 · 4 评论 -
uniapp:使用百度API提取身份证信息(微信小程序适用)
但是接踵而来的问题是,获取token和获取图片都很快,但是识别图片内容超级慢,开始以为是我的网络问题,提高了网速后,识别速度稍微提高了一点,但依旧觉得无法接受,最后在室友的建议下,尝试修改自定义相机的quality参数,网上抄来的代码,设置的是high,也就是说图片高清,信息量可能太大,导致识别速度慢,改成low,识别依旧很慢,最后设置为normal,识别速度终于可以接受了。3、使用前面的token和base64,跟百度发起请求,识别图片内容,提取到身份证信息。原创 2022-10-21 16:17:37 · 2866 阅读 · 0 评论 -
uniapp:去掉微信小程序顶部的导航栏
默认情况下是这样的,顶部会有一片空白区域。在pages.json里修改为自定义导航样式,就可以顶格显示了。{ "path" : "pages/index/index", "style" : { "enablePullDownRefresh" : true, // #ifdef MP-WEIXIN "navigationStyle": "custom" // #endif ...原创 2022-01-17 18:36:09 · 6045 阅读 · 0 评论 -
uniapp:使用字体图标
uniapp本身有icon组件,但是数量毕竟有限,如果想要自定义icon,也非常简单。1、在iconfont网站添加需要的图标2、将图标添加至项目3、在我的项目里生成代码4、将生成的文件下载至本地5、把iconfont.css和iconfont.ttf文件拷到static的fonts文件夹下。6、修改iconfont.css文件@font-face { font-family: "iconfont"; src: url('~@/static...原创 2022-01-17 16:17:32 · 1472 阅读 · 0 评论 -
uniapp:开发微信小程序
1、直接在里HBuilderX创建uniapp项目2、运行->运行到微信小程序模拟器3、如果没有安装微信开发者工具,就根据提示框里的链接下载并安装4、打开微信开发者工具的服务端口5、在HBuilderX这边都编译通过后,再到微信开发者工具里导入刚才创建的uniapp项目。这里要特别注意,并不是直接把整个项目导入,而是unpackage下的dist>dev>mp-weixin....原创 2022-01-17 11:51:57 · 2424 阅读 · 0 评论 -
uniapp:Google开发者证书信息有误,请重新填写相关信息 Android 证书文件不是有效的keystore文件Hbulider
Google开发者证书信息有误,请重新填写相关信息 Android 证书文件不是有效的keystore文件Hbulider一开始一直按网上的方法生成证书发现生成出来的证书一直是无效的证书。然后就想到应该是hbuilder解析不了证书格式于是开始折腾先去下载了hbuilder官方的证书,用keytool查看keytool -list -v -keystore ./HBuilder.keystore发现签名算法名称: SHA1withRSA主体公共密钥算法:1024 位 RSA 密钥密钥.转载 2021-05-21 10:13:18 · 2188 阅读 · 0 评论 -
uniapp:打包后手机无法获取位置信息
问题我在项目测试的时候,使用uniapp真机调试的时候明明可以获取到位置信息,但是在打包后却没有办法拿到位置信息。后来才知道是因为在真机调试的时候,uniapp自带了高德的SDK能够获取位置信息。解决:第一步,我是用的是高德地图,所以先去高德地图开发者平台给应用申请key。https://lbs.amap.com/点击右上角的控制台 --> 应用管理 -->我的应用 -->创建应用。PackageName,就是在HBuilder里打包时的Android包名。原创 2021-05-14 13:49:53 · 2626 阅读 · 0 评论 -
uniapp:tabBar页面如何跳转?
首先我们在pages.json里配置好tabBar// 需要注意,使用了tabBar后,页面跳转就得用switchTab,不能再用redirectTo和navigateTo了 "tabBar": { "color": "#a9b7b7", "selectedColor": "#d4237a", "borderStyle": "white", "list": [{ "selectedIconPath": "./static/icon/home.png", "iconPa原创 2021-04-24 10:40:06 · 10875 阅读 · 0 评论 -
uniapp:中间凸起按钮的简单用法
1、在page.json里配置tabBar"tabBar": { "color": "#a9b7b7", "selectedColor": "#d4237a", "borderStyle": "white", "midButton": { "iconPath": "static/icon/mid.png", "height": "60px", "iconWidth": "40px", "text": "中间" }, // list必须为偶数个,midBu原创 2021-04-23 14:55:46 · 1984 阅读 · 0 评论 -
uniapp:uni.navigateTo带参数跳转
在A页面中使用uni.navigateToData是我们要传递到B页面的数据,一定记得做json转换。然后在B页面的onload里我们就可以读取A页面传递过来的data了,打印出来后是我们定义的对象格式。原创 2021-04-23 14:28:30 · 5156 阅读 · 0 评论 -
uniapp:本地存储的简单实用
保存uni.setStorage({ key: 'amount', data: this.amount });读取// 取出上个页面存储的数据 this.amount = uni.getStorageSync('amount');原创 2021-04-23 14:26:22 · 989 阅读 · 0 评论 -
uniapp:好用的表格组件
https://ext.dcloud.net.cn/plugin?id=491转载 2021-04-23 14:23:45 · 8273 阅读 · 0 评论 -
css:如何让border-radius总是保持等于height的一半?
border-radius: 999999px;原创 2021-04-23 14:22:04 · 1017 阅读 · 0 评论 -
uniapp:如何限制输入框只能输入数字
Uniapp的数字输入框分设置为number,只可以输入正整数,设置为digit,可以输入小数点,但是记得一定要真机测试效果,电脑上可以输入多个小数点。设置为number和digit的时候,只弹出数字键盘和小数点,保证了只让输入符合条件的数据。如果是要求只能输入2位小数,可以加入input的动态限制。下面的代码是限制输入框只能输入最多2位小数的数字。如果是pc端,没办法像手机端那样控制软键盘的显示,那就用下面这段代码来控制也非常有效。// 检查输入是否全部为数字,通过id来区别到底是赋原创 2021-04-23 14:20:42 · 9867 阅读 · 0 评论 -
uniapp:动态设置高度
header的高度,设置为info的80%,动态获取info的高度。beforeCreate() { var infoHeight = 0; const query = uni.createSelectorQuery().in(this); query.selectAll('.info-items').boundingClientRect(); query.exec((res) => { // 获取info-items的高度 infoHeig原创 2021-04-23 14:18:38 · 4312 阅读 · 0 评论 -
将数值转为万或者亿数量级:微信小程序也适用
// 大数值数据转换 numTransform(n) { if (Number.isNaN(n - 0)) { return n } if (Math.abs(n) >= 100000000) { // n = Number((n / 100000000).toFixed(2)).toLocaleString() + '亿' n = Number((n / 100000000).toFixed(2)) + '亿' } else if.原创 2021-04-23 14:11:24 · 849 阅读 · 0 评论 -
uniapp:好用的上拉加载组件
hr-pull-load.vue<template> <scroll-view scroll-y='true' :style="{height:height==-1?'100%':height+'rpx'}" @scrolltolower='loadMore' :lower-threshold='lowerThreshold' @touchstart="doTouchStart" @touchend="doTouchEnd" @touchmove="doTouchMove">转载 2021-04-23 14:03:29 · 673 阅读 · 0 评论 -
uniapp判断是否开启通知
// 判断客户是否开启通知,如果没开启,则跳转到设置页面,start var main = plus.android.runtimeMainActivity(); var pkName = main.getPackageName(); var NotificationManagerCompat = plus.android.importClass("android.support.v4.app.NotificationManagerCompat"); var packa.原创 2021-04-23 09:32:34 · 1493 阅读 · 3 评论