沧海龙腾LV的博客

【代码】UNI-APP，实现给字符串中部分字符、子串添加样式(颜色，字号等)

【代码】UNI-APP，text、rich-text控件显示字符串，当字符串过长时，实现自动换行。

最近在项目中遇到了一个莫名其妙的问题，在UNI-APP首页利用SubNvue原生子窗体实现了一个drawer抽屉菜单，当切换账户并uni.reLaunch之后，重新进入首页，多次打开、关闭drawer抽屉菜单，会出现数据错乱的bug。当退出App（杀死进程），重新进入App后，打开drawer抽屉菜单，数据又正常。后经打印排查，发现是存在缓存问题。

css文本溢出显示省略号

最近遇到了一个问题，uni-app地图聚合功能在Android和iOS系统中的适配问题。具体如下：1、mapContext.addMarkers()，在Android上表现正常；在iOS中当参数为{markers: [], clear: true}时，发现无法清空地图上所有 marker。只有在参数markers不为空的时候，才可以实现先清空，再添加。2、mapContext.removeMarkers()，在Android上表现正常；在iOS中，当删除的markerIds为当前地图上所有的mark

实现横竖屏方法：portrait-primary: 竖屏正方向；portrait-secondary: 竖屏反方向，屏幕正方向按顺时针旋转180°；landscape-primary: 横屏正方向，屏幕正方向按顺时针旋转90°；landscape-secondary: 横屏方向，屏幕正方向按顺时针旋转270°；portrait: 竖屏正方向或反方向，根据设备重力感应器自动调整；landscape: 横屏正方向或反方向，根据设备重力感应器自动调整；在需要横屏的页面添加如下代码，即可实现横竖

示例代码：a、视频列表页video.vue<template> <view> <scroll-view scroll-y class="scroll-pt"> <view class="list-pt"> <view class="item-pr" v-for="(item, index) in videoList" :key="index"> <view class="top-pr..

<view class="loginBg" :style="{backgroundImage: 'url(' + imageURL + ')', 'background-repeat':'no-repeat', backgroundSize:'100% 100%'}"> </view>这里需要在data中定义一下export default { data() { return { /...

<template> <view> <!--导航栏--> <cu-custom bgColor="bg-blue" :isBack="true"> <block slot="content">设备组详情</block> <block slot="right"> <text class="margin-right text-df">编辑</text> </bl.

// 保持屏幕常亮uni.setKeepScreenOn({ keepScreenOn: true});或者plus.device.setWakelock(true); 都可以实现保持手机屏幕常亮。设置是否保持常亮状态。仅在当前应用生效，离开应用后设置失效。注意：Android平台一定要给android.permission.WAKE_LOCK权限，并且重新打包后才会生效。...

UNI-APP，下载二进制文件，读取二进制文件，支持IOS和Android

UNI-APP，TCP/IP通讯，适配Android和iOS系统

如题，在做UNI-APP开发时，调用接口返回html片段，页面使用mp-html扩展组件进行加载。<mp-html container-style="padding:20px" :content="html" />接口返回html片段如下：{ "msgCode": "0", "message": "成功", "data": { "id": 10, "path": "", "update_time": "2021-04-21 08:43:05.0", "top

最近遇到一个问题：uni-app在获取定位时，在调试状态下可以正常获取当前位置信息，在云打包之后获取定位时，出现getLocation:fail [geolocation:7]的错误。经调试后，发现是在申请高德地图KEY时，App的包名填写错误导致的。正常流程如下：1、拿到APP包名：2、申请高德地图key如何查看证书keytool -list -v -keystore E:\my\test.keystore //后面是证书的路径 写自己的申请key3、.

在UNI-APP中，有时候需要打开手机自带的浏览器，下载更新软件，通常使用//#ifdef APP-PLUSplus.runtime.openURL(res.url);//#endif但是，最近我的app版本更新总是出现“下载地址不可用，创建任务失败”，但是下载地址是正确无误的，单独在浏览器打开下载地址，是可以下载apk的。后经测试发现，只有小米手机（小米 note11）才会出现这种情况。解决：openUrl的方法可以设置参数规定打开连接的软件，传浏览器..

效果图如图，通过入口进入用户身份认证页面，点击快速验证，进入人脸信息采集页面，人脸比对算法采用的腾讯云的人脸核身接口，具体可参考腾讯云文档。实现代码入下：a、人脸信息采集需要在nvue中进行，首先需要配置如图两项：b、在uni-app工程目录中/static/image/目录下准备素材图片：facecheck.jpgline.pngidphotoskin.pngc、在工程中添加两个页面d、facial-recognition.vue<template> <v

实现效果如图：实现代码：<template> <view> <!--导航栏--> <cu-custom bgColor="bg-blue" :isBack="true"><block slot="content">App二维码</block></cu-custom> <!--二维码--> <view class="qr_area"> <view class=

效果如下：解决const i18n = new VueI18n({ locale: 'zh-Hans', messages: { 'zh-Hans': require('./static/lang/cn.json'), 'en': require('./static/lang/en.json') }});完！！！

在 uniapp开发图片上传功能的时候，遇到 iOS 无法上传图片的问题，请求一直返回statusCode:500，返回的data也是空1、没有添加请求头，iOS 上传图片 一定要添加 headerheader: { content-type : 'multipart/form-data' }2、 formData 携带的参数,一定不能有 file 参数下面是示例代码：uni.uploadFile({ url: 'xxxxxxxx', //接口地址 filePa

1.下载夜神模拟器安装；下载hbuilder安装夜神模拟器：https://www.yeshen.com/hbuilderx：https://www.dcloud.io/hbuilderx.html进入nox的安装目录bin下，打开当前目录的cmd窗口执行以下两个命令：nox_adb connect 127.0.0.1:62001 nox_adb devices进入Hbuilderx的安装目录下， \HBuilderX\plugins\launcher\tools\adbs.

目的：当UNI-APP中的webvew处于正在加载页面状态时，显示不确定进度框方法：//获取webview页面 var currentWebview = this.$mp.page.$getAppWebview().children()[4]; //加载时候 loading plus.nativeUI.showWaiting()//监听加载完毕 关闭loading currentWebview.addEventListener('loaded', function() {

方法一（父向子传递数据）：父页面<!--页面组件--><params v-if="tabs.length-TabCur>3" :tabcur='TabCur'></params>子页面接收props: { tabcur: { type: Number, default: '' } },方法二：通过全局变量（Vue原型挂载、或者App.vue golabledata）或者缓存uni.setStorageSy

方法一：1、在起始页面跳转到test.vue页面并传递参数//在起始页面跳转到test.vue页面并传递参数uni.navigateTo({ url: 'test?id=1&name=uniapp'});2、在test.vue页面接受参数export default { onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数 console.log(option.id); //打印

问题描述：list列表项item和列表项item中按钮的点击事件冲突点击list列表项item执行列表项item点击事件点击列表项item中按钮，先执行按钮的点击事件，然后继续执行列表项item点击事件（重复）解决办法：修改列表项item的click事件为<view class="list_item" @click="gotoDeviceDetailPage(index)">修改列表项item中按钮的点击事件为<view class="iconfo.

问题描述：UNI-APP在自定义组件中内嵌H5/Html网页时，通过内置组件web-view实现（如下），发现会自动铺满整个页面，不可控制大小（默认充满屏幕不可控制大小）<web-view src="https://uniapp.dcloud.io/static/web-view.html"></web-view>并且，当有多个tab页面时（多个自定义组件切换时），调整webview窗口大小，会出现闪屏的现象。预期效果如下<templat..

1、引入组件a、组件、和样式文件都要引入b、static目录中uni.ttf文件要引入c、全局引入@import './common/uni.css';，或者在对应的页面引入@import './common/uni.css';2、引入uni-icons时，icon图标在PC浏览器显示正常，在真机运行时显示不正常修改uni-icons.vue文件，如下图：注意src格式，不带双引号“”完！！！...

1、背景UNI-APP在安装插件时，由于公司网络或者加密等原因，会导致插件安装失败。2、解决办法a、打开HBuilderX的安装目录D:\HBuilderX\HBuilderX\update\plugins，这里边存放的刚刚点击“安装”插件所下载的安装包。比如点击安装“内置浏览器”D:\HBuilderX\HBuilderX\update\plugins目录中下载了三个压缩文件，而且压缩文件被加密了，程序自动解压失败，导致安装插件失败b、手动解压三个压缩文件很明显，我

1、下载2、解压3、引入4、使用5、编译保存，找不到文件，修改iconfont.css文件注意：@font-face里引用链接必须加上https，从iconfont网站复制过来的代码是默认没有的，亲测在app端是必须的！网页端可以不加https，App端必需添加https完！！！...

1.vw：1vw等于视口宽度的1%。 100vw等于窗口的宽度 2.vh：1vh等于视口高度的1%。 100vh等于窗口的高度 3.vmin：选取vw和vh中最小的那个。 4.vmax：选取vw和vh中最大的那个。uni-app使用 upx 作为默认尺寸单位， upx 是相对于基准宽度的单位，可以根据屏幕宽度进行自适应。uni-app规定屏幕基准宽度750upx。开发者可以通过设计稿基准宽度计算页面元素 upx 值，设计稿 1px 与框架样式 1upx 转换...

1、下载插件，解压，引入vue-i18n.js包2、在static目录中创建lang文件夹，并创建cn.json和en.json文件cn.json{ "tab": { "user":"我的" }, "user": { "customer":"客户：", "switch_account":"切换账号", "logout":"退出登录", "funs_1": "密码修改", "funs_2": "App二维码1", "funs_3": "App二维码2",

首先，介绍下项目结构，如图：1.在i18n/lang下编写json文件。//zh_CN.json{"message":{"hello": "关于"}}//en.json{"message":{"hello": "about"}}2.i18n/index.js 国际化配置文件import VueI18n from 'vue-i18n'//需先安装vue-i18nimport Vue from 'vue'Vue.use(VueI18n)var langMessages = {