
uniapp
喵十一点半
天才无非是长久的忍耐,努力吧!
展开
-
Uniapp-安装HBuilder调试基座失败解决方案
有时候我们测试的时候,在手机上插上了线可能因为各种原因没有点击安装或者安装后删除就无法再次安装了,会提示`同步资源失败,未得到同步资源的授权,请停止运行后重新运行`,而且无论怎么操作都解决不聊这个问题,这是由于还有缓存,被误以为了该基座还存在,其实并不存在。原创 2023-11-17 17:00:30 · 5226 阅读 · 0 评论 -
轻松实现自定义导航栏!Uniapp插件Geek-Header为你省去适配烦恼
最后,Geek Header 还提供了详细的 API 文档,包括 Props、Event 和 Slot 三个部分,让开发者可以更加灵活地使用该插件。无论是在 App 还是小程序中,Geek Header 都可以让你自定义导航栏,包括背景颜色、是否使用白色返回箭头、是否需要左侧内容、导航栏标题等。同时,插件提供了自定义插槽,让开发者可以轻松实现自己的导航栏样式。除此之外,Geek Header 还提供了一个非常实用的 placeholder 属性,可以在标题部分生成一块与导航栏同高的元素,以防止内容塌陷。原创 2023-04-21 02:01:28 · 430 阅读 · 1 评论 -
uniapp 富文本匹配img标签
示例中匹配了img的开始标签并且为标签设置了一段属性. 大家可以根据需求自行修改。原创 2022-12-26 16:26:21 · 995 阅读 · 0 评论 -
Geek-SKU 多商品sku组件支持v3、带图sku
看起来是不是还不错,如果我告诉你还可以设置主题色会不会显得更加惊艳些,只需要按照数组格式将rgb的颜色传递给组件,组件便会自动生成主题色去替换这部。更多详情可点击下方链接查看组件具体内容。分内容,简直相当好用、省事。原创 2022-12-20 23:12:08 · 1034 阅读 · 2 评论 -
uniapp easycom教程
easycom 是 uniapp 的一种组件自动引入的规则,使用这种规则可以使满足规则的组件无需注册直接使用。 接下来我们来看一眼效果 这里可以看到我并没有进行组件注册而是直接使用了组件,这样的效果就是 easycom 的自定义匹配规则。原创 2022-12-06 19:27:29 · 3567 阅读 · 0 评论 -
uniapp 引入字体并挂载
uniapp 引入字体并挂载原创 2022-11-08 21:28:44 · 438 阅读 · 0 评论 -
uniapp cli创建项目 vite 动态加载图片
以 `/` 开头就可以了, 因为 uni 在 cli 中将 `/` 指向了 `/src`。原创 2022-11-08 04:37:18 · 991 阅读 · 0 评论 -
uniapp 卡牌发放教程
我们将所有卡牌从页面正中心发出,通过定位控制每张卡牌的left、top的值来实现卡牌发放的效果。假设条件:由于上述假设条件第三张卡片肯定是在第二排第一张。我们都知道在浏览器中屏幕是从 0 * 0 也就是从左上角开始的,因此我们第一排的top也同样是0,每排的第一张left值也是0。当前卡牌的数量(3) / 每排的数量(2) = 1.5,我们取整后(1) * 卡牌的高(200) = 200 这样我们就求出来了第三张的top就求出来了。但是这样就会引发一个问题,假设我们现在是第四张,第4张位置应该是 但如原创 2022-10-10 11:57:51 · 1190 阅读 · 0 评论 -
uniapp map 制作一个简单的地图导航
uniapp map 制作简单地图导航原创 2022-04-30 00:15:31 · 7980 阅读 · 3 评论 -
uniapp app端拉起高德网页地图
以下是demo // 跳转至网页版高德地图 toScottMap(longitude, latitude, name) { // 高德网页版地址 let url = `https://uri.amap.com/marker?position=${longitude},${latitude}&name=${name}&src=mypage&coordinate=gaode&callnative=1` // #ifde.原创 2022-04-09 00:00:00 · 1046 阅读 · 0 评论 -
uniapp 获取键盘高度
uni.onKeyboardHeightChange((obj)=>{let _sysInfo = uni.getSystemInfoSync();let _heightDiff = _sysInfo.screenHeight - _sysInfo.windowHeightlet _diff = obj.height - _heightDiffthis.bottomHeight = (_diff > 0 ? _diff : 0) - 2 + "px";})原创 2022-04-01 11:52:24 · 7867 阅读 · 6 评论 -
uniapp 自定义头部、支持小程序对齐且和浏览器有安全高度
<template> <view class="Header-box" :class="{xcx: statusBarHeight, common: !statusBarHeight}" :style="{paddingBottom: `${statusBarHeight}px`}"> <view class="header-fixed-box" :style="{ background: noBg ? noBg : '', he.原创 2022-01-20 02:19:58 · 1540 阅读 · 1 评论 -
微信小程序获取状态栏高度
// 获取导航栏高度 wx.getSystemInfo({ success: res=>{ let custom = wx.getMenuButtonBoundingClientRect(); this.statusBarHeight = custom.bottom + custom.top - res.statusBarHeight; }, });原创 2022-01-12 16:11:25 · 1674 阅读 · 0 评论 -
uniapp 上传视频获取视频封面图
// 上传视频uploadVideo() { uni.chooseVideo({ count: 1, sourceType: ['album'], success: res=>{ // 视频封面图 this.videoUrl = res.thumbTempFilePath; } });},thumbTempFilePath属性可以获取封面图原创 2022-01-07 16:09:50 · 6509 阅读 · 5 评论 -
uniapp 下载视频到本地
这是一个下载视频的demo,可以直接使用使用uni.downloadFile先将文件下载到缓存中然后使用uni.saveVideoToPhotosAlbum下载到用户本地,这里有一些基本的提示,足够基本的业务需求,如果有额外需求在上面扩展即可// 下载视频uploadVideo() { // 提醒用户下载中 uni.showToast({title:"下载中",icon:"loading"}) // 1 将远程文件下载到小程序的内存中 uni.downloadFile({原创 2022-01-05 16:19:35 · 6001 阅读 · 7 评论 -
uniapp开发心得
1. 对于输入框请在全局设置好样式2. 对于提示框请封装组件并在遇见任何一个提示框时都是用封装好的组件,这样即便临时更换提示框样式也不会导致需要重写3. 主题色、主题背景色,都要在全局设置好后面还会继续更新!!!...原创 2021-12-24 00:20:37 · 647 阅读 · 0 评论