自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 uniapp按下上下滑动显示水位

【代码】uniapp按下上下滑动显示水位。

2024-06-28 14:56:57 441 1

原创 uniapp中实现瀑布流 短视频页面展示

最后附上效果图 当中我所使用的图片均为线上图片。

2024-06-28 14:18:17 836 2

原创 uniapp中Error: project.configjson: libVersion 字段需为 string. string

找到manifestjson文件到源码视图 添加这段代码"libVersion": "latest",即可。

2024-06-17 13:56:18 460

原创 uniapp小程序计算地图计算距离

具体效果可能会有点偏差 要求严格的可以在精细的计算一下。调用此方法即可计算出自身与目标的距离。我们拿到自身和目标距离经纬度。最后我所展示的页面如下。

2024-06-11 16:21:16 911

原创 uniapp地图导航

我这里的数据都是动态的,想测试的朋友可以写固定值。最后我们选择之后将会直接跳转到app进行导航。然后跳转之后首先会调到选择软件导航。点击导航之后会显示使用哪个app。我们只需要给图标加一个点击事件。

2024-06-11 16:14:08 587

原创 uniapp地图自定义文字和图标

this.covers.push(shopCover) //最后将更改好的数据放到地图数组中。res.data.forEach(item => { //这是将请求的数据循环并且每个更换图标和文字。console.error('获取位置失败:', err);//这是我的请求可以换成你们请求的接口。longitude: '', // 初始经度。latitude: '', // 初始纬度。covers: [], // 覆盖物数组。

2024-06-11 15:58:37 1183 2

原创 uniapp地图选择位置

通过一个点击事件调用官方api即可调用。然后选择自己所需要的位置即可。点击调用成功后显示如下。

2024-06-11 15:49:11 741

原创 uniapp上传头像并裁剪图片

这里是上传图片的接口 拿到本地图片 上传的话自己想以那种方式上传都可以。第一步写上uniapp自带的选择图片button按钮。拍照或从相册选择图片后将会跳到图片裁剪。然后我们裁剪完之后点击确定在上传图片。点击之后会弹出选择图片的方式。

2024-06-11 15:13:09 1012

原创 uniapp地图map点击以自身位置为中心点显示

地图就自动回到以自身为中心点显示的样子了。然后给一个事件触发回到自身位置函数。

2024-06-11 14:59:58 911

原创 uniapp自定义相机

url: baseUrl + "/common/upload", // 上传图片的接口地址。url: baseUrl + "/common/upload", // 上传图片的接口地址。filePath: tempFilePath, //所要上传的图片地址。filePath: tempFilePath, //所要上传的图片地址。cameraPosition: 'back', // 初始摄像头位置为后置。name: 'file', //所要上传的文件类型。name: 'file', //所要上传的文件类型。

2024-03-27 15:24:08 1656 2

原创 uniapp设备连接蓝牙并发送数据

以上代码拿去用就行了。

2024-03-22 16:52:17 919 3

原创 uniapp根据链接生成二维码

const path = plus.io.convertLocalFileSystemURL(tempFilePath) // 绝对路径。const path = plus.io.convertLocalFileSystemURL(tempFilePath) // 绝对路径。<textarea class="textarea-bg" v-model="text1" @blur="inputText" placeholder="请在这里输入" />//*获取文本框内容*////**生成二维码**//

2024-03-22 16:26:58 1196 1

原创 uniapp中使用uview

4.在项目中的uni.scss中引入下载的文件 @import '@/uni_modules/uview-ui/theme.scss';5.在App.vue中引入uview的样式 @import "@/uni_modules/uview-ui/index.scss";3.在项目根目录中的main.js中,引入并使用uView的JS库,注意这两行要放在import Vue之后。这样子就配置完了,在项目中引入自己所需要的组件即可。1.uview的安装 直接在插件市场下载,链接。// 安装 sass。

2024-02-28 15:44:04 873 1

原创 uniapp三步获取WiFi列表

console.log('获取 Wi-Fi 列表成功:', res.wifiList);console.log('监听到获取到 Wi-Fi 列表:', res.wifiList);console.error('获取 Wi-Fi 列表失败:', err);// 这里是监听获取到 Wi-Fi 列表后的回调函数。// 在这里可以进一步处理 Wi-Fi 列表数据。// 在这里可以处理 Wi-Fi 列表数据。// Wi-Fi 模块初始化成功。// 获取 Wi-Fi 列表成功。// 获取 Wi-Fi 列表失败。

2024-02-23 11:28:30 1639

原创 uniapp获取蓝牙

console.log(res.errMsg, '连接')//这里是调用开启蓝牙搜索。title: '请打开蓝牙',title: '连接蓝牙设备中...'title: '连接成功'title: '连接失败'//这里调用开始监听蓝牙设备列表。//此方法是去重 去掉重复的蓝牙设备。//调用筛选所需的蓝牙。//4、建立连接 给个点击蓝牙事件调用这个回调函数即可。//连接成功后停止蓝牙搜索。//此方法筛选自己所需要的蓝牙蓝牙设备。//3、监听蓝牙设备列表。//1、打开蓝牙适配器。//2、开启蓝牙搜索。

2024-02-23 11:21:24 1407

原创 微信小程序隐私协议权限

我们在小程序中启用隐私相关功能,不会启用一些小程序功能 比如启用摄像头 访问相册等。最后点击更新 勾选你所需要的功能 提交审核即可。这个问题需要我们去微信公众平台更新隐私政策。在基本设置中找到用户隐私保护指引。搜索微信公众平台然后扫码登录。

2024-01-30 09:46:38 1308 1

原创 uniapp修改浏览器图标和名称

然后再在html文件里面添加我们所需要的图标路径和写上我们的名称。我们在manifest.json这里写上我们的html路径。另外这个模版在uniapp官网可以复制拿下来就行可以了。首先我们在uniapp项目根目录上新建一个html文件。然后再html里面写上我们的基本模板内容。然后我们重新运行一下h5 就可以生效了。

2024-01-27 13:58:28 2521 1

原创 只需三步将uniapp上传到小程序体验版

最后一步,登录相对应的微信公众平台账号,在版本管理就可以看到上传了。第二部,点击小程序右上角上传,版本号选择1.0.0往上。第一步,使用uniapp在小程序运行。

2024-01-26 17:48:07 1012 1

原创 使用uniapp写一个简单的分页器

结构如图脚本如下样式如下最后效果。

2024-01-24 09:30:26 665 1

原创 uniapp小程序appid调用失败

很多人会以为是appid是无效的或者appid写错了,然后反复去检查,其实都不是, 这个只是一个appid没有进行认证的问题 ,我们打开微信开发平台,在小程序发布流程上进行一个简单的认证即可,如下图 ,下图是我已经认证好了。关于uniapp小程序运行的时候调试器显示微信接口调用失败,百度回答是appid无效或者是错误的。认证完成之后就可以正常运行小程序了。

2024-01-23 14:47:13 940 1

原创 git简单仓库克隆和推送

使用git clone 'https//远程链接' 拉取下来。最后git push origin master 推送上去。使用git commit -m '提交了' 到暂存区。推送git add . 选中。

2024-01-20 19:29:44 424 1

原创 vue打包app

要实现这个功能,需要借助一个工具叫HBuilderX,它是一个支持多端开发的IDE,可以让开发者用vue开发5+App,也就是可以运行在Android和iOS上的混合应用。4. 选择发行-原生App云打包,在弹出的窗口中选择打包平台(Android或iOS),选择证书(Android可以使用免费的公用证书),点击开始云打包。2. 下载并安装HBuilderX,创建一个5+App项目,把dist文件夹中的内容复制到HBuilderX创建的5+App中。以上就是 vue打包成app的过程。

2024-01-20 19:21:34 435

原创 uniapp总结链接

http://t.csdnimg.cn/4FWid

2024-01-16 11:48:13 348 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除