学习路上的小刘-优快云博客

1.创建一个js文件export default function uniCopy({content,success,error}) { content = typeof content === 'string' ? content : content.toString() // 复制内容，必须字符串，数字需要转换为字符串 /** * 小程序端和 app端的复制逻辑 */ //#ifndef H5 uni.setClipboardData({ data: content,

2021-12-28 09:53:01 523

原创弹窗侧拉选择组件 uin-app微信小程序

<template> <view> <view class="rule-bg col" @click.stop="onClose"></view> <view class="rule col "> <view class="rules col"> <view class="rules-title row_b"> <view class="bolder">添加规格和数量(只)&lt

2021-12-20 11:55:18 360

原创动态模拟框组件

<template> <view v-if="modalPopShow"> <view class="mask" @touchmove.stop.prevent="moveHandle" @click="hindModalPop"></view> <view class="show-modal"> <view class="modal-top"> <view class="modal-labe"> {

2021-12-14 10:12:31 1498

原创 uni-app微信弹窗授权页面

文章目录前言前言重复使用微信登录授权，所以记录一下<template> <view> <uni-nav-bar title="授权登录"></uni-nav-bar> <view class='about'> <view class='logo'> <image src='/static/images/index/logo.png'></image> <view&g

2021-12-14 09:25:36 3642 1

原创侧拉城市选择组件

<template> <view class="mask1 fid-all" @click.stop='onBack'> <view class="pop-top row_c fid-t-l"> <view class="top-back row_s abe-b-l" @click.stop='onBack'> <image class="back" src="/static/images/index/back.png" mode

2021-12-14 09:19:41 830

原创 uni-app 画布（导出海报）

除非是本地图片，就不需要经过上传处理getImageInfo//图片处理getImageInfo(url) { if (!url) { return false; } return new Promise((resolve, reject) => { uni.getImageInfo({ src: url, success: function(image) { resolve(image); },

2021-12-14 09:18:13 1075

原创随手小笔记

笔记1.uni-app scroll-view 去除滚动条样式::-webkit-scrollbar{width: 0;height: 0;color: transparent;}

2021-11-22 11:33:07 334

原创 uni-app 小程序蓝牙基础

文章目录前言一、搜索蓝牙页面代码二、接收和发送指令给蓝牙设备三、App.vue代码总结前言本文介绍了uni-app蓝牙的基本调用，如搜索蓝牙设备，链接蓝牙设备，给蓝牙设备发送值，接收蓝牙设备传值。一、搜索蓝牙页面代码HTML <view class="container"> <scroll-view scroll-y :style="'width:690rpx;height:' + list_height + 'rpx'"> <block v-for

2021-10-28 09:50:20 2511 10

原创 uni-app 微信公众号H5开发里面的video 组件点击全屏后不会自动横屏播放 2

文章目录前言一、废话不多说直接上代码总结前言根据上次发布的文章进一步改善了全屏横屏播放，去除了导航栏,实现伪全屏，但是ios系统不行，只能用自带的全屏按钮，让用户点击。来点我遇到的问题吧1.就是一开始我用的uni.getSystemInfo(OBJECT) 来获取当前手机的可视窗口的宽度和高度，结果发现，我手机可以。大BOSS的手机上完全撑大了，看不见取消全屏的图标了，我翻了上篇文章发现我没有用到这个系统的可视窗口的高度和宽度，来进行全屏。所以修改成原来的样子2.全屏按钮的隐藏处理，一开始是想用

2021-10-27 15:36:22 1263 1

原创图片转换base64格式 uni-app

图片转换base64格式//转换方式 img 图片地址getBase64Image(img) { return new Promise((resolve, reject) => { uni.getFileSystemManager().readFile({ filePath: img, encoding: 'base64', success: (res) => { // success(res.data); resolve(res.dat

2021-10-26 11:29:27 475

原创华为云内容审核API调用前端 js uni-app

文章目录前言一、华为云的内容审核api的调用需要哪些东西？二、使用步骤1.先注册一个华为云的账号2.申请内容审核服务3.[华为云内容审核API的官方文档](https://support.huaweicloud.com/api-moderation/moderation_03_0002.html)4.获取token 成功后，开始调用图片内容审核api总结前言用户的评论，或者什么图片上传，需要进行智能审核，人工也可以就是太麻烦了，本文介绍如何在前端js中调用华为云内容审核的api一、华为云的内容审

2021-10-26 11:20:36 3044 1

原创 button按钮去除基本样式

去除按钮button 的基本样式button { background: none !important; border: none; padding: 0 !important; margin: 0 !important; line-height: initial !important; width: auto !important; font-weight: normal !important; height: auto !important; border-radius: 0 !i

2021-10-26 10:07:39 1118

原创 uni-app 微信公众号H5开发里面的video 组件点击全屏后不会自动横屏播放

文章目录前言一、不能自动横屏的原因？二、在里就奉上代码总结前言video 组件视频播放，在微信浏览器中点击全屏的时候不会自动横屏。客户说别人的为什么能自动横屏你的为什么不能，爆肝了两天，百度了一篇又一篇，什么x5属性往上加，pi用没有，然后看见一个内置旋转的方案，莫得办法，就用这个解决一下，好像做了又好像没做一、不能自动横屏的原因？1.微信内置的设置横屏模式没开启解决方案，让用户去开启微信的横屏模式，但是甲方不愿意，弃用2.微信浏览器用的是X5核心解决方案，让用户去微信聊天窗口发送 de

2021-09-17 17:44:32 2807 5

原创 uni-app 禁止遮罩层下的页面滚动

1.需要禁止蒙版下的页面滚动<view class="mask" @touchmove.stop.prevent="moveHandle"></view>/*这个view 是你的遮罩层*/moveHandle 可以用来处理 touchmove 的事件，也可以是一个空函数。在js的方法中添加个空函数moveHandlemoveHandle(){}...

2021-08-25 16:21:45 2057 6

转载 css加载中动画效果

效果一:html代码：<div class="spinner"> <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <div class="rect4"></div> <div class="rect5"></div></div>

2021-08-23 18:00:18 951

原创 uni-app 蓝牙连接设备

连接蓝牙设备总共需要一下几步 uni-app官方文档1.先查看系统蓝牙状态 uni.openBluetoothAdapter(obj)2.搜索附近的蓝牙设备并且监听寻找到新设备的事件uni.startBluetoothDevicesDiscovery(obj)搜索附近的蓝牙设备 uni.onBluetoothDeviceFound(obj)监听寻找到新设备的事件3.成功找到对应蓝牙设备后需关闭搜索uni.stopBluetoothDevicesDiscovery(obj) 停止搜寻附近的

2021-08-19 15:57:24 8132 7

原创 uni-app实现点击复制按钮复制内容

uni-app实现点击复制按钮复制内容uni-app中有一个 uni.setClipboardData(obj) API方法<view>{{orderId}}</view> //复制的内容<button @click="copy(orderId)"></button> copy(value) { uni.setClipboardData({ data: value, success: function () {

2021-08-16 14:38:37 5542

原创 css 图片反色，颜色反色，高斯模糊

图片反色和颜色反色<image src="https://kapai.obs.cn-southwest-2.myhuaweicloud.com/back/1629077866599_114.png" class="img"></image>效果图：css3 属性 filter(滤镜)1.图片反色，颜色反色invert(%) 取值范围0%~100%100%为完全反色，0为显示正常的颜色。.img{ filter: invert(100%);}效果图：图片

2021-08-16 14:05:29 4364 1

原创 uni-app修改组件数据后，组件页面数据不会重新渲染

uni-app修改组件数据后，组件页面数据不会重新渲染点击规格后，产品价格不会修改，但是在控制器中可以打印出来你修改的值试过给他重新赋值，但是会报错大致意思是通过props传递给子组件的数据，不能在子组件内部修改props中的值。所以就通过在组件中使用这个来把这个修改的值返回给父级 this.$emit('getPor', { detail: this.product //需要修改的值 }在使用该组件的地方调用子组件的这个方法 <product-popu

2021-02-22 17:16:16 3364

原创微信小程序转uni-app，踩坑

微信小程序转uni-app，踩坑微信小程序getCurrentPages微信小程序的getCurrentPages用来修改上一页的值，发现并没有用修改不了上一页的值需要在前面加一个$vm才能修改上一页的值

2021-02-19 15:15:19 1118

TA关注的人

学习路上的小刘

原创 vue h5 蓝牙连接 webBluetooth API

原创如何解决pc端屏幕显示缩放比例125%,150%对页面布局的影响

原创在Vue中，可以使用自定义组件和CSS来创建一个可滚动的视图区域。以下是一个ScrollView组件的示例，它具有横向滚动：

原创 uni-app animation 绑定事件二次点击无效果

原创腾讯云IM 【TUICallKit】【uniapp小程序】全局监听（主包方案）

原创 uni-app 微信小程序首页开屏视频

原创 uni-app 使用uni.$emit()和uni.$on()传值后页面数据不渲染的问题

原创弹幕礼物两行，uni-app 微信小程序

原创自定义导航栏，返回上一页，如果没有上一页返回首页

原创 IM即时通讯聊天，5分钟显示一次时间。JS

原创 uni-app swiper 左滑动画

转载 vue uniapp 防抖转载

原创 uni-app 自定义tab组件

原创分类排序 js

原创 vue-i18n 英汉互译

原创 uni-app实现复制组件 js