我的博客

在App端实现，图表的tooltip提示框中展示数值的单位。

一、下载pdf预览需要用到的相关文件（即hybrid文件夹）二、将步骤一下载解压得到的hybrid文件夹放在/src目录下，即 /src/hybrid三、预览pdf1、预览pdf需要用到uniapp的webview组件，所以注册并创建一个专门用于预览pdf的页面，页面使用webview组件。/pages/webview/index.vue：<template> <view style="width: 100%;"> ..

一、创建scss变量文件variable.scss和公共类文件common.scss，放在目录/src/static/css/下variable.scss// 主题色$primary-color: #0099FF;// 其他变量......若要添加其他变量直接在文件里加即可。common.scss@import './variable.scss';// 公共类.color-primary { color: $primary-color;}.bg-primary

onLoad () { uni.getSystemInfo({ success: (res) => { // 注意这里获得的高度宽度都是px，需要转换rpx console.log(res.screenHeight); // 屏幕高度，包含导航栏 console.log(res.screenWidth); // 屏幕宽度 console.log(res.windowHeight); // 可使用窗口高度，不包...

一、uniapp前端生成图形验证码并校验1、在src/utils目录下新建文件mcaptcha.js// mcaptcha.jsexport class Mcaptcha { constructor(options) { this.options = options; this.fontSize = options.height * 3 / 6; this.init(); this.refresh(); } init() { this.ctx

本文是打包成安卓App。一、注意事项用到了分享功能，在打包原生应用时，需要注意：首先勾选权限配置，manifest.json->App 模块权限配置->Share。然后，manifest.json->App SDK 配置->分享，按照提示填写微信分享的信息（微信开放平台，不是微信公众平台）。因为涉及到第三方 SDK 的配置，需要打包自定义基座进行测试。需要在微信开放平台开启APP跳转小程序，并管理相应的小程序微信开放平台 -> 移动应用 -> 查看 -&gt

本文是基于打包成安卓App的前提。一、注意事项1、HBuilderX配置manifest.json，如下图：其中，微信登录填写的appid、appsecret需要到微信开放平台（微信开放平台）申请创建移动应用（见此文：微信开放平台申请移动应用），审核通过即可获取appid和appsecret。QQ登录填写的appid需要到腾讯开放平台（腾讯开放平台 OPEN.QQ.COM）申请创建移动应用，审核通过即可获取appid。两者的IOS平台通用链接点击自动生成按提示生成即可。2、打包.

实现：在遮罩层所在的view加上属性catchtouchmove="true"代码：<view class="dy-mask" catchtouchmove="true"> <view class="dy-popup"> <view class="fz-28 color-33 line-1">点击可以收藏关注</view> <view class="fz-28 color-0F4C8E line-1">我知道了<

一、背景：项目需求，点击元素直接全屏播放视频，退出全屏关闭视频。二、代码<view v-if="videoPlay"> <video controls id="myvideo" :src="videoUrl" @fullscreenchange="screenChange" ></video></view>data() { return { videoPlay: false,

uniapp 使用秋云uCharts图表组件、echarts图表组件

前言：由于工作项目需求，需要实现功能：在一个展示设备信息的设备列表中，如果设备处于警告状态，则该设备会有一个发生警告的时间点，需要根据时间点计算发生警告至今的时间，且要求是动态的（即每秒刷新一次，类似时钟）。之前做过根据一个时间点来计时的功能，但那是只有一项的情况。所以，难点是在v-for列表中实现多项计时。经过网查和摸索，实现效果，记录一下。一、直接上代码 data() { return { deviceList: [], timer: '' }

一、说明：uView安装有下载安装和npm安装两种方式，使用的是npm安装二、步骤：1、安装SCSSuView依赖SCSS，您必须要安装此插件，否则无法正常运行。// 安装node-sassnpm i node-sass -D// 安装sass-loadernpm i sass-loader -D2、对uView进行npm安装// 安装npm install uview-ui3、引入uView主JS库在项目根目录中的main.js中，引入并使用uView的JS库