高度uniapp swiper
永磁同步电机无位置传感器控制，采用的是龙贝格，基于模型的 定点开发，仿真效果和实际95%高度吻合，可以仿
永磁同步电机无位置传感器控制，采用的是龙贝格，基于模型的 定点开发，仿真效果和实际95%高度吻合，可以仿真学习，也可以直接移植到项目中YID:32768642079012761 ......
uniapp 生成的页面 /h5/ 二级目录 uniapp history模式下刷新页面404
NGINX: location /h5 { try_files $uri $uri/ /h5/index.html; } ......
最简单模拟swiper功通的代码
<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">slider1</div> <div class="swiper-slide">slider2</div> <div class ......
uniapp request.js请求封装
import Vue from "vue" let startTestModel = true //开启测试模式 const BASE_URL = '' // 接口域名 const IMG_URL = '' // 图片域名 // 声明 测试模式 console.log("%c".concat("开发 ......
uniapp引入高德地图或腾讯地图以及map在真机中常见问题汇总
以下是必须肯定会用到的官方地址 腾讯地图API开发文档：微信小程序JavaScript SDK | 腾讯位置服务 (qq.com) 高德地图API开发文档：开发 | 高德地图API (amap.com) 高德地图小程序配置指南：入门指南-微信小程序插件|高德地图API (amap.com) 小程序后 ......
uniapp跳转页面防止多次点击uni.navigateTo
<template> <view class="column"> <button @click="navto('/pages/index/index')">点击跳转</button> </view> </template> <script> export default { data() { ret ......
uniapp webSocket聊天功能
<template> <view> <sc-nav back-color="white" :opacity="1" is-back> <text slot="content" class="sc-page-title">{{friendName}}</text> </sc-nav> <scroll- ......
uniapp组件之tab选项卡滑动切换
<template> <view class="content"> <view class="nav"> <!-- 选项卡水平方向滑动，scroll-with-animation是滑动到下一个选项时，有一个延时效果 --> <scroll-view class="tab-scroll" scroll ......
uniapp清除应用缓存
计算缓存 // 计算缓存 formatSize() { let that = this; plus.cache.calculate(function(size) { let sizeCache = parseInt(size); if (sizeCache == 0) { that.fileSize ......
uniapp开发
## 1.下载开发工具HBuilderX: - 地址:[HBuilderX - a superpowered IDE for Vue (dcloud.io)](https://www.dcloud.io/hbuilderx.html) ## 2.新建项目 - 文件-新建-项目-uniapp - 选择 ......
用Swiper实现轮播图
首先使用npm将Swiper进行加载，引入时需要用到swiper-bundle.min.js和swiper-bundle.min.css文件 <link rel="stylesheet" href="/bbb/swiper/dist/css/swiper.css"> //bbb是根目录和后端进行交互 ......
在uniapp中获取微信小程序状态栏和导航栏的高度
在微信小程序中，可以使用 uni.getSystemInfo() 方法获取设备的系统信息，包括状态栏的高度和顶部导航栏的高度。您可以使用这些信息计算顶部图标距离。 下面是一个示例代码，展示如何在 UniApp 中获取顶部图标距离： getTopIconDistance() { uni.getSyst ......
学习swiper组件
swiper 介绍 Swiper是一款前端制作轮播图的插件 安装 cdn 可以进入https://www.swiper.com.cn/cdn/index.html 直接复制，一般使用4.0.1版本，复制下面两行，并且修改版本号即可。 <link rel="stylesheet" href="http ......
uniapp实现这该死的自定义弹窗
最近自己学习和写这个uniapp,刚开始规划的时候就觉得自己到时候会需要一个这个弹框,弹框里面药房input这样的东西什么的,然后就在想uniapp里面会不会没有这个modal呢? 转念一想应该是会有的吧,毕竟是一个框架嘛.然后我就找找找,找了好久都没找到合适的.可能是人家有我没找到吧,最后我放弃了 ......
uniapp如何给空包进行签名操作
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 首先安装sdk https://www.oracle.com/java/technologies/downloads/ 正常下一步即可~安装完毕后，进入在sdk根目录执行cmd C:\Program Files\Java\jdk-18.0 ......
如何让某一行子元素根据父元素高度变化，当高度足够时不显示滚动条，当高度不够时显示滚动条
只需要父元素设置flex布局，子元素设置min-height:0;overflow: auto;即可 上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib ......
uniapp兼容微信小程序注意事项
1.采用自定义导航栏时 "navigationBarTextStyle": "black",//禁用原生导航栏 "navigationBarRightButton": {"hide": true},//禁用胶囊 2.不支持component ......
GIS融合之路（五）给CesiumJS加上体积云（Volumetric Cloud）和高度雾（Height Fog）
同样在这篇文章开始前重申一下，山海鲸并没有使用ThreeJS引擎。但由于ThreeJS引擎使用广泛，下文中直接用ThreeJS同CesiumJS的整合方案代替山海鲸中3D引擎和CesiumJS整合。 系列传送门： 同样在这篇文章开始前重申一下，山海鲸并没有使用ThreeJS引擎。但由于ThreeJS ......
使用Vue CLI创建uniapp项目，搭建模板
使用Vue CLI创建uniapp项目，搭建模板，不仅可以HBuilder打包，也可以npm命令行运行及打包、发布。 要使用 Vue CLI 创建 Uniapp 项目并配置模板，以便在 HBuilder 中打包以及使用 npm 命令行运行、打包和发布，可以按照以下步骤进行操作： 1. 安装 Vue ......
小程序 · image标签：图片宽度100%，高度自适应
小程序 · image标签：图片宽度100%，高度自适应 image { width: 100%; } <image mode='widthFix'></image> ......
swiper 缩略图(thumbs)，设置slidesPerView: 5,缩略图高亮不跟随
根据swiper官网提供的写法， thumbs（缩略图） <script language="javascript"> var thumbsSwiper = new Swiper('#thumbs',{ spaceBetween: 10, slidesPerView: 4, watchSlidesV ......
uniapp将app转为小程序点击事件不生效
一、问题 在将app转为微信小程序过程中，绑定的@click点击事件不生效 二、出现问题的情景 1、将使用uniapp编写的app代码转为微信小程序运行； 2、使用了HBuilderX运行代码，同时在微信开发者工具中查看项目显示情况； 3、app与微信小程序之间存在的一些一样的编译原理 三、寻找原因 ......
微信小程序uniapp解决真机顶部自定义菜单显示（手机状态栏覆盖）
1.在data里面加入参数 statusBarHeight: uni.getSystemInfoSync ().statusBarHeight,//状态栏高度 2.对返回按钮处理 <!-- 空出状态栏高度--> <view :style="'height:'+statusBarHeight+'px; ......
2023-07-03 uniapp小程序端报错：TypeError: eval is not a function
完整报错：Error in onLoad hook: "TypeError: eval is not a function" onLoad钩子中的错误：“TypeError:eval不是函数” 原因：代码里使用了eval函数，小程序端不支持该函数，h5端和app（Android）端支持。 解决方案： ......
2023-07-03 禁止uniapp之app端上下滑动出现的回弹效果："app-plus": {"bounce": "none"}
前言：uni项目打包到app（以Android为例）上运行，上下滑动页面的时候会出现一个半圆，这就是所谓的退弹，如需关闭可在pages.json文件中的globalStyle中添加一下代码即可： "app-plus": { "bounce": "none" } uniapp关于app-plus的更多 ......
IOS开发-实现一个高度自适应的UILabel和一个宽度自适应的UILabel
1.实现一个高度自适应的UILable 思路：UILabel初始化之后，先不要设置他的宽度和高度，等到设置好text属性和font属性之后，根据text的长度以及font的大小来计算UILabel控件的高度 //实现一个高度自适应的uilabel UILabel *label2 = [[UILabe ......
小程序、APP、WEB、H5、UNIAPP通用的canvas导出图片，html转为图片多端通用版
小程序、APP、WEB、H5、UNIAPP通用的canvas导出图片，html转为图片多端通用版 一、导出内容设置方法 getZhangdanImage() { let textH = 38 //行位置 let titleL = 15 //行左边起始位置 let titleR = 118 //行右边 ......
多端全栈项目实战：大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3
多端全栈项目实战：大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3 随着移动互联网的快速发展和智能手机的普及，代驾服务成为了一个日益火热的行业。在这个行业中，如何构建一个具备商业级可靠性和扩展性的代驾业务系统成为了关键问题 ......
uniapp 常用方法
/** * 设置手机通知权限 */ setPermissions() { // #ifdef APP-PLUS if (plus.os.name == 'Android') { // 判断是Android var main = plus.android.runtimeMainActivity(); ......
uniapp学习（二）
## easycom自动导入自定义组件 目录下 components / MyItem /MyItem.vue ```vue (｡･∀･)ﾉﾞ嗨 ``` 使用 ```vue ``` ## props父向子组件传值 > 父传子 ```vue {{title}} {{subtitle}} ``` 使用组 ......