uniapp使用canvas在弹窗中绘制二维码，弹窗滚动及二维码样式问题
摘要：1.背景描述：在页面上点击显示二维码图标，然后以弹窗的形式将二维码展示出来 2.效果如下： 3.代码如下： <template> <view> <!-- 二维码 --> <view @click="showQRcode">二维码</view> <!-- 显示二维码弹窗 --> <uni-popup
阅读全文
posted @ 2023-07-13 14:33
随笔分类 - uni-app
使用uni-app中的uni-popup-dialog组件编译成小程序会自动弹出键盘问题
摘要：1.uni-app中使用 uni-popup 和 uni-popup-dialog组件mode模式为input时，会自动把键盘弹出来，如图所示： 2.代码如下： <uni-popup type="dialog" ref="dialog"> <uni-popup-dialog mode="input"
阅读全文
posted @ 2023-07-04 10:08
关于uni-app中使用 movable-area及movable-view标签实现悬浮拖拽功能
摘要：1.背景描述 在页面中，添加一个悬浮按钮并实现拖动它到任意位置。使用到的内置组件有 movable-area, movable-view。 2.效果 3.具体代码实现 <template> <movable-area class="movable-area"> <movable-view class
阅读全文
posted @ 2023-06-27 14:53
uniapp中使用websocket方法
摘要：1. uniapp中关于websocket接口有哪些？ // 创建socketTask对象let socketTask = uni.connectSocket({ url:'',})socketTask对象函数包括： onMessage: 监听服务器发来的消息， send: 发送消息 close：关
阅读全文
posted @ 2022-10-06 14:56
星星评分功能(带小数点的那种，5颗星，10分制)
摘要：描述： 做一个星星评分功能，5颗星，10分制，精确到小数点的那种。 可以封装成组件，哪里需要就引入到需要的界面即可。 //score.vue//html代码<view class="scroe-content"> <template v-if="score>0"> <text>显示从父组件传递过来的
阅读全文
posted @ 2020-12-15 14:08
uniapp中使用video组件，某些机型上面视频无法播放并出现黑屏，但是有声音的情况，排查原因是视频格式类型导致的
摘要：问题描述： 在uniapp中使用video组件，编译成小程序，结果，发现视频无法播放，并且出现黑屏，但是能听到声音的情况。 经过几番google，竟然是 视频格式类型不对导致的。 如何把之前播放不了的视频转换成可以播放的视频，需要2个软件，如 MediaInfo ， 魔影工厂 (也可自行百度其他软件
阅读全文
posted @ 2020-12-03 15:21
关于给textarea里面的内容添加下划线不得不说的那些事(在uniapp中使用)
摘要：事情原由：(uni-app中 -> 会编译成小程序的那种哦) 新需求是：做一个记事本的功能，记录用户输入的文字，并且文字有下划线。这里肯定要用到 textarea 标签对叭。然后开始思考：下划线怎么添加？动态添加？....思索一阵后，得出的结论是不可行的，但是总要尝试的是叭(可是自己内心是拒绝的，因
阅读全文
posted @ 2020-11-28 11:49
uniapp,获取用户地理位置信息授权，如果拒绝的话需要引导用户重新请求授权操作
摘要：问题描述：uniapp项目编译成小程序，获取用户地理位置信息授权，如果用户拒绝授权的话，需要引导用户重新请求授权。 //https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview 这个是下载小程序sdk 地址，腾讯地图官网地址 见代码：
阅读全文
posted @ 2020-11-06 17:19
类似某团app搜索城市界面中 点击右侧城市首字母，对应城市区域置顶的功能(uniapp)
摘要：功能类似：某团app上面，跳转到搜索城市界面，点击右侧城市首字母，然后对应城市区域置顶的效果。 主要用到底组件：<scroll-view> , 然后里面有个要用到的属性： scroll-into-view (这个值应为某子元素id。设置哪个方向可滚动，则在哪个方向滚动。) 一定不要忘记给组件设置高度
阅读全文
posted @ 2020-11-06 15:14
uniapp 中编译成小程序，自定义导航栏功能
摘要：描述问题：uniapp开发小程序，因需求所需，有些界面的导航栏需要自定义，需要我们来计算导航栏高度做适配。 具体分析：（正解方案） 原生导航栏高度 = 状态栏高度 + 导航栏高度 。 而状态栏高度可以通过 wx.getSystemInfo() 获取 statusBarHeight 哦（uniapp
阅读全文
posted @ 2020-11-06 13:20
uni-app 使用 mescroll-nui 做加载刷新功能
摘要：//首先 在官网 https://ext.dcloud.net.cn/plugin?id=343 下载 mescroll-nui 这个组件。 //然后解压，有个目录为 mescroll-nui 的文件夹 //在项目中新建一个文件夹名为：components ，这个文件夹专门用来放下载后的组件文件的，
阅读全文
posted @ 2020-03-30 10:01
uni-app 封装请求
摘要：新建一个js文件专门来放封装好的方法哈 //现在我们在config.js 文件下面(这个文件名字是自己命名的哈)//分别针对 get 和 post 进行一个公共 uni.request 请求的封装，每个方法传了2个参数，url 和 data ；(一个是接口地址，一个是参数)const commonU
阅读全文
posted @ 2020-03-27 10:03
uni-app 开发 app
摘要：1、关于uni-app 框架配置:(下面这个是创建uni-app项目的基本目录结构) pages.json 文件用来对uni-app 进行全局配置，决定页面文件路径，窗口样式，原生导航栏，底部的tabbar 等等。(类似于小程序 中的 app.sjon )example：（下面这个是包含了所有配置选
阅读全文
posted @ 2020-03-25 17:58
