高度uniapp swiper
uniapp将时间戳转化为时间格式
import Vue from 'vue' // 时间戳——日期格式Vue.filter("formatDate",(data,type)=>{ if (!data) { return '- -' } data = String(data).length <= 10 ? data * 1000 : ......
2023-07-31 在uniapp使用canvas绘制一个圆角为50%的图片【代码来自chatGpt，稍作修改】
<template> <view> <canvas id="myCanvas" :style="{ width: '200px', height: '200px' }"></canvas> </view> </template> <script> export default { onReady() ......
uniapp之微信小程序打包上线
# 前言 本文旨在打通`uniapp`上线微信小程序之任督二脉，其实之前在`uniapp专题学习`中已经打包过一次。这一次算是复习，复习的同时也以博客的方式记录一下。😎 # 预准备 首先进入[微信公众平台](https://mp.weixin.qq.com/)，注册自己的微信小程序，完成个人信息配 ......
2023-07-31 uniapp用canvas绘制图片时报错：getImageInfo:fail invalid ==》图片加载失败，请使用不受保护的图片路径
methods: { drawPoster() { const ctx = uni.createCanvasContext('canvas', this); // 设置字体样式 ctx.setFontSize(20); ctx.setTextAlign('center'); ctx.setTextB ......
关于elementUI中Cascader 级联选择器高度问题:终极解决方案
在使用elementUi级联选择器时，如果里面的option太多，导致它撑满整个屏幕，网上找了挺久的解决方案，都是说在全局设置它的高度，这个方法有效，但是这种方式我忍不了，因为它会影响到全局Cascader 样式，以下设置意味着整个项目中的所有级联选择器都是300px，那如果我在别的页面没那么多op ......
设置轮播图的高度和宽度一样
设置轮播图的高度和宽度一样 不能用height:100%, 只能是页面加载后取当前窗口宽度，再设置样式高度为取到的值 this.winWidth = uni.getWindowInfo().windowWidth console.log("当前窗口宽度："+this.winWidth); <swip ......
uniapp Ucharts 横向bar图 每个设置颜色不同
代码 》》》 arr = [80,80,80]let valueList = arr.map((item, index) => { let color = '' let newNumber = Number(item) if (index == 0) color = '#5593FE' if (in ......
uniapp 移动端axisLabel 设置formatter无效的解决方法
pc端是直接在option里配置 移动端在renderjs里的监听变化的时候去设置 updateEcharts(newValue, oldValue, ownerInstance, instance) { // 监听 service 层数据变更 try { newValue.xAxis.axisLa ......
uniapp中使用i18n
1.安装vue-i18n 2.根目录下新建locale文件夹，创建index.js import { createI18n } from 'vue-i18n' import en from './en.json' //locale文件夹下的英文配置 import zh from './zh.json ......
uniapp+vue3+ts 使用pinia报错
"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". 11:36:19.397 at ../no ......
不定高度的过渡动画
方法1 max-height，效果一般 方法2 clip-path：inset，支持transition .content { ... height: auto; clip-path: inset(0 0 100% 0); } .fold:hover .content { clip-path: in ......
uniapp调用js文件里面的函数
例如：common.js里面的内容： /** * 退出登录 */export function exitLogin() { console.log('退出登录233') uni.setStorageSync('token',''); uni.setStorageSync('userInfo','') ......
swiper + ts 类型报错
# swiper + ts 类型报错 "swiper": "^9.4.1" 版本号 - [原因](https://www.typescriptlang.org/docs/handbook/module-resolution.html) 修改 tsconfig.json 文件下面的 moduleRes ......
css fit-content使用和flex使用高度自适应
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> body{ padding:0; margin:0; height:100%; /*定义页面整体高 ......
uniapp 使用this指针无法修改data变量的问题
原代码： Sex() { console.log(this); uni.showActionSheet({ title:"选择性别", itemList: ['男','女'], itemColor: "#55aaff", success(res) { const n=res.tapIndex+1; ......
uniapp—— request 封装
1.创建request.js uniapi(function_name, obj) { return new Promise((resole, reject)=>{ uni[function_name]({ ...obj, success: res => resole(res), fail:res= ......
uniapp webview 与vue2页面双向通信
一、准备工作 uniapp: //建立工程，创建显示的页面 <web-view src="http://192.168.0.58:8080" @message="handlePostMessage"></web-view> vue: 安装webview用到的依赖 yarn add @dcloudio ......
uniapp,打开安卓系统设置的应用信息页面或者耗电详情页面（用于用户手动设置后台启动）
openSettings() { var main = plus.android.runtimeMainActivity(); // var pkName = main.getPackageName();//获取包名 // var uid = main.getApplicationInfo().pl ......
直播平台搭建，监听div滚动高度
直播平台搭建，监听div滚动高度 监听窗口的滚动 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport ......
浮动高度塌陷问题
浮动会脱离标准文档流 导致父元素高度塌陷 overflow：hidden；隐藏 可以解决高度塌陷问题 （清除浮动） overflow：visible；看得见 overflow：scroll；加滚动条 overflow：outo； 如果超出则加滚动条 不超出则不加 overflow-x：hidden； ......
UNI-APP_uniapp判断手机是否安装某个应用app
if (plus.runtime.isApplicationExist({ pname: 'com.tencent.mm', action: 'weixin://' })) { //安装了微信 } else { //未安装微信 } 微信：com.tencent.mm weixin:// QQ： co ......
uniapp使用文档
uniapp安装使用文档 注意事项：路径不要有中文和特殊符号关闭防火墙关闭杀毒软件安装过程复杂，出问题就重新操作一次(大多是自己不注意没按要求操作) hbuilderx：https://www.dcloud.io/hbuilderx.html夜神：https://www.yeshen.com/逍遥： ......
uniapp安装使用文档
uniapp安装使用文档 注意事项： 路径不要有中文和特殊符号关闭防火墙关闭杀毒软件hbuilderx：https://www.dcloud.io/hbuilderx.html夜神：https://www.yeshen.com/逍遥：https://www.xyaz.cn/雷电：https://ww ......
2023-07-21 swiper无法触发onreachbottom ==》请检查你的swiper-item内容高度是否超出页面高度
如果内容高度没有超出页面高度是无法触发onreachbottom的， 我的swiper-item里面设置了一个overflow-y：auto，swiper则设置了固定的高度。 这将导致swiper-item可以在swiper里面滚动，但却无法触底，也就无法触发onreachbottom。 注意：如果 ......
Uniapp + Vue3 引入高德小程序插件js文件失败
## 问题描述 使用uni app模板开发微信小程序过程中引入高德地图小程序插件失败， 先看代码： ``` import amap from "@/lib/amap-wx.130.js";//引入高德地图小程序插件 ``` 报错： `SyntaxError: The requested module ......
工具产业推广级！腾讯云 CODING 度量平台获得业内权威机构高度认可
[点击链接了解详情](https://coding.net/?utm_source=channel) 7 月 18 日，由中国信息通信研究院、中国通信标准化协会主办的 **2023 XOps 产业创新发展论坛**于 7 月 18 日在北京成功举办，吸引了超过 400 人次现场参会。该论坛举行了 20 ......
uniapp小程序(原生微信小程序也可以使用),获取接口二进制流数据上传文件到服务器
需求：通过接口返回的二进制流数据，这个流数据他是一个xlsx文档，需要给到用户一个文档线上连接。 下面是具体代码,注意只针对二进制的文件数据，如果图片上传直接调用uploadFile就可以，并且兼容原生微信小程序。 export function exportExcel1(query) { uni. ......
视频直播源码，实现pdf在线预览并且自定义预览框高度
视频直播源码，实现pdf在线预览并且自定义预览框高度 <!-- * @Author: WenZhiming * @Date: 2022-09-26 17:17:55 * @LastEditors: WenZhiming * @LastEditTime: 2022-09-26 18:03:13 * @ ......
uniapp获取设备信息：uni.getSystemInfo或uni.getSystemInfoSync，可用于设置顶部安全区
uniapp获取设备信息：uni.getSystemInfo或uni.getSystemInfoSync，可用于设置顶部安全区 let sysInfo = uni.getSystemInfoSync(); console.log(sysInfo); //｛ SDKVersion: "2.33.0"a ......