dujyong的博客

uniapp 页面滚动到指定dom位置页面滚动到指定位置,uniapp提供了获取dom对象实例的api和页面滚动的api,结合一下就可以了文档:获取对象实例api文档页面滚动api文档上代码:// methods中声明方法,需要滚动的时候调用就行pageScroll() { // 先获取目标dom的实例信息 // data即为实例信息, data.top, data.left, data.right, data.bottom即为dom的对应坐标 uni.createSelectorQue

uniapp动态显隐导航栏图标直接上代码:if("隐藏条件触发") { // 隐藏 var pageView= this.$mp.page.$getAppWebview(); pageView.setTitleNViewButtonStyle(0,{ width: '0' }); pageView.setTitleNViewButtonStyle(1,{ width: '0' });} else { // 显示 var pageView= thi

uni-apppages.json添加条件编译之后 “pages.json解析失败”上图:原因:条件编译不能处于json的最后一项上面:修改:随便移动一个属性到条件编译的下面,就可以了完事~

监听视频进度,完成视频试看功能前端监听视频播放进度,在试看结束后做一些操作html:<!-- poster为视频封面,timeupdate为视频播放进度事件,每250毫秒触发一次(但是不准) --><video :src="class_info.video_audio_url" id="myVideo" :poster="imgurl" @timeupdate="videoTimeUpdateEvent"></video>script:

监听用户点击了软键盘上的完成按钮后做一些操作给input绑定@confirm="confirm":<input type="text" @confirm="confirm" class="chat_ipt" v-model="chat_desc" placeholder="输入讨论内容或提问" />在回调里执行就行:async confirm() { // 要执行的操作}...

问题: 项目中遇到的问题,socket在开发工具和ios端都能正常连接并生效,正常运行,但是在ios端却连接失败返回errCode:1004, "errMsg:open fail: _code:20,_msg:Invalid HTTP status." 上图:解决:排查了许久,甚至将ws.connectSocket换成uni.connectScoket都不行,后来才发现是socket连接地...

uni-app中scroll-view的scroll-top不生效问题(已解决)项目中有聊天功能,每次收到消息需将滚动条固定在屏幕最底端,让最新的消息展示出来.使用到了scroll-view,但是他的scroll-top属性一直不生效.将其赋值为动态绑定的值也不生效,甚至每次收到消息都将它重新赋值都没有用.上代码:后来在文档中发现了这个东西,:好吧.每次收到消息将它加1 ,ok,生效了...

如何修改rich-text富文本内容的css样式以图片举例:我们可以使用正则匹配的方式为富文本的标签加上类名:富文本渲染数据.replace(/\<img/gi, '<img class="richImg"');然后给他加样式就行了:rich-text .richImg { width: 100%; height: auto;}ok, 问题解决....

uniapp单页面背景音乐实现uniapp中提供了背景音乐的API，但是如果只是单页面使用的话，配置非常的繁琐，而且需要申请权限。如果只是一个页面需要，我们不如直接利用音频API，来进行曲线救国，简单方便！我可真是个小机灵鬼（-_-）~!使用：在script中构建实例：const innerAudioContext = uni.createInnerAudioContext();在da...

uniapp中实现一个天，时，分，秒的倒计时：在方法中声明函数，上代码：async getInfo() { // 倒计时 function timeStamp(times) { let timestamp = Date.parse(new Date()); timestamp = timestamp / 1000; let letime = times - timestamp...

uniapp实现一个限制字数的文本域html:<view class="textarea_box"> <textarea class="textarea" placeholder="请输入内容，最多500字" maxlength="500" @input="descInput" v-model="desc" /> <view class="num">{{...

如何用css结合js来实现一个单复选按钮点击改变样式的功能在项目中我们经常会遇到一些需要单复选的需求，例如用户满意度调查，用户测试问答等功能，但是uniapp现有的插件样式又满足不了我们的需求，这时，我们就要来封装一个满足现有需求的插件，或者如果此功能复用率不高的话，我们可以直接在页面中利用css和js来实现。上图：大家让一下，我要开始表演了第一步： 我们先在循环出来的选项中添加一个赋值...

弹窗弹出后,事件穿透引起图片错位问题在写一个uniapp的页面时,弹窗弹出后底层盒子还能进行拖动,从而引起图片错位问题,解决在弹出的盒子上设置catchtouchmove事件,<view catchtouchmove>这是弹出层</view>但是只设置一个事件会报错:does not have a method “true” to handle event “...

uni-app中video标签播放按钮隐藏的坑。。。项目需求是将视频放在展示列表上，刚开始的思路是直接将视频的首帧截取出来放在列表上，后来发现此方法实在太过麻烦。于是直接使用了video标签，将视频展示了出来，但是标签自带的播放按钮实在太不美观，于是就想将它隐藏起来，自己写一个播放按钮样式，反正列表上的视频不需要播放，于是乎，翻开了官方文档，走上了踩坑的道路。。。。...