高度uniapp swiper

import { onLoad,onShow } from "@dcloudio/uni-app"; onShow(()=>{ console.log(msg.value) }) ......

引用 import {pickFile} from '@/js/common/pickFile.js' 使用 pickFile.PickFile(function(audioSrc){ console.log(audioSrc) _this.audioSrc = 'file://' + audioS ......

# uniapp避坑指南-页面滚动 ## 需求描述 做一个类似于word目录跳转功能，分成两个页面：目录页和详情页。目录页是一个列表，详情页是一个很长的的由很多pdf图片组成的上下滚动的页面，要求实现点击目录页跳转到详情页指定位置。 ## 功能实现 主要使用 **uni.pageScrollTo** ......

# uniapp 避坑指南-图片预览（本地预览） ## 需求描述 有一个类似以下的数组，通过 v-for 循环，现在需要在用户点击图片后使用 uniapp 的图片预览 Api。 ```javascript //view //script ``` 看起来好像没有问题，但是一点击发现没反应。 ## 问题 ......

（以下，仅供参考，具体见规范条款） GB50352-2019《民用建筑设计统一标准》中6.7.3和6.7.4条款涉及到栏杆高度的要求，其中规定： 临空高度24米以下时，栏杆高度不应低于1.05m，,24米及以上时，不应低于1.1m。上人屋面和交通，商业，医院，学校等建筑临开敞中庭的栏杆高度不应小于1 ......

我们一般遇到的场景为超过一行或者2行，3行等等显示...，但是对于div容器 如果想实现超过div容器的高度才显示...，这该怎么实现呢 我们知道，当div只有内部只有一个文字时 此时空间足够，2个也是...那么第n个呢，所以思路来了，我们可以一直计算下去，知道超过容器高度为止 代码如下： <htm ......

近日在编写一个小程序，将日记功能移植到小程序中，虽然在手机端写日记一般用不到Markdown，但是仍想在小程序中查看在电脑端写的Markdown格式的内容，如代码块等。 经过查询，找到一个被广泛使用的解决方案是towxml 现记录如下： > 首先将代码克隆下来 ```js git clone htt ......

<view class="table"> <view class="tr "> <text class="th ft16">股金</text> <text class="th ft16">份额</text> <text class="th ft16">分成</text> <text class="t ......

今天使用uView插件的时候发现Collapse 折叠面板有点问题，主要是小程序了不能自定义标题，图标等，没错又是小程序！每次都是小程序，咱就说一套代码适配多端真的很多坑，尤其是小程序。 好了不废话了，先证明一下官网的确指明小程序不可以自定义使用插槽。如图 官网Collapse 折叠面板 | uVi ......

1.首先创建src下创建utils文件夹，创建transition.js文件封装过渡组件 const transitionStyle = '0.3s height ease-in-out' const Transition = { // 进入前 设置el元素的transition,高度0 befor ......

if(this.checkTimes.includes(_item.time)){ this.checkTimes = this.checkTimes.filter((item)=>{ return item != _item.time; }); }else{ this.checkTimes.pus ......

var swiper = new Swiper(".myswiper_fx", { slidesPerView: 'auto', freeMode: true, speed:6000, autoplay: { delay: 2500, disableOnInteraction: false, }, ......

1、uniapp编译成微信小程序，微信开发者工具报错: xxx文件找不到，明明就在那里 解决方法：关闭，重新打开就好了；再不行就重启，绝对能解决 2、微信小程序只支持一次性上传一个文件，不支持多文件上传；可是我这里ocr识别，需要上传多张图片 解决方法： wx-multipart插件进行多文件上传； ......

问题：微信小程序更新昵称和头像 1.昵称更新 前端： <input class="font_1 text_2 tex" v-model="nickname" type="nickname" @blur="bindblur" placeholder-style="color:#fff" placeho ......

前言： 在实际开发过程中，尤其是小程序的开发，我们常常会遇到一些在文档中解决不了的问题，在这里，我就浅谈一下我遇到的一些问题 1.小程序的构建框架是uni-app，却突然被要求用原生的微信小程序代码来开发，到最后要整合到uni-app里面 这个整合问题，uni-app官网就有解决方式，这里就不多说， ......

直播网站源码，uniapp多行滚动通知 上下多行滚动代码：template部分<template> <view class="content"> <swiper class="swiper" vertical circular autoplay interval="2000" // 重点 displ ......

尽量设置好长宽 不用mode="widthFix"这种根据一边固定另一边的模式 文字渐显css： animation: fadeIn 1s; 计时器（倒计时执行代码）： setTimeout(()=>{ this.showhide = false this.caselist.title = "新标题 ......

选择 openMapRoute(lat, lon, cityName) { var url = ''; if (plus.os.name == 'Android') { var hasBaiduMap = plus.runtime.isApplicationExist({ pname: 'com.b ......

在app页面判断版本是否更新 ......

效果图： 1、template 内容 <div class="zsmk"> <swiper style="height: 100%" :options="gSwiper2" ref="jSwiper"> <swiper-slide v-for="(item, index) in 2" :key="i ......

swiper是一个非常好用的图片切换组件，但是vue3 + swiper8 版本的文档看上去会有点懵逼（一部分是因为版本太多了，一部分是因为很少用） 此处记录下我的使用方法： 安装： npm i swiper 按照官网来使用： html部分：（基本上常用的也就这些啦，在复杂的就真的要去啃书啦） <s ......

弄表单上传，请求一直400错误，然后寻找其它方法 uni.uploadFile({ url: 'http://localhost:6109/api/My/warrantyCard', // 上传服务器的 URL filePath: this.ImgUrl , // 本地图片的路径或临时文件路径 na ......

在微信小程序中使用rpx可以解决屏幕宽度的兼容问题 但是设置高度的时候还是会有问题 为了解决宽度的兼容问题，在微信小程序中可以使用了rpx像素单位来进行设置，不管屏幕的宽度大小是多少， 都认为宽度有750rpx 这样即使屏幕大小不一样 使用了rpx单位来设置的样式比例也是一样的。 这样屏幕宽度和rp ......

1.首先在 HTML 中 <rich-text :nodes="formatRichText(newObjc)"></rich-text> 2.在 methods 中 写入方法 formatRichText(html) { // html 就是你要传进来地富文本参数 // 去掉img标签里的styl ......

1.新建目录utils 2.在目录utils中新建request.js 3.request.js封装内容，如下： 1 /** 2 * @param {Object} url请求地址 3 * @param {Object} data 请求数据 4 * @param {Object} contentTy ......

1、配置（修改了manifest配置信息，要重新打包自定义基座，并卸载手机上的安装包重新运行） 2、 // 发短信 sendMsg(phoneNumber) { //#ifdef APP-PLUS plus.messaging.TYPE_SMS; var msg = plus.messaging.c ......

官方文档：https://uniapp.dcloud.net.cn/api/system/contact.html#addphonecontact created() { //#ifdef APP-PLUS this.getLocalContact() //#endif }, methods: { ......

uni.chooseFile(OBJECT) 平台差异说明 AppH5微信小程序支付宝小程序百度小程序字节跳动小程序、飞书小程序QQ小程序快手小程序京东小程序 x √(HBuilder X2.9.9+) x(可使用wx.chooseMessageFile) x x x x x x App端如需选择非 ......

1、进入"开发者中心"https://dev.dcloud.net.cn/pages/app/actor，加入项目 2、进入"插件市场"登录并购买插件https://ext.dcloud.net.cn/plugin?id=526 3、HBuilderX插件配置——>选择插件 4、制作"自定义调试基座 ......

<view class="collect_item image1" @click="callPhone"><text>致电</text></view> // app端 需要导入 工具方法进行判断是否授权 插件地址 https://ext.dcloud.net.cn/plugin?id=594 imp ......