uniapp中直播横屏展示及评论自动跟进滑动至最新

最新推荐文章于 2024-07-20 16:21:28 发布
最新推荐文章于 2024-07-20 16:21:28 发布
阅读量575 收藏 2
点赞数 3
分类专栏： uniapp 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a2900678151/article/details/116460073
版权
本文介绍了在uni-app中解决横屏返回导致页面样式异常的问题，提出通过中间页面C来解锁和重新锁定屏幕方向为竖屏。同时，讲解了评论跟进滑动至最新的实现，当接收到新消息时，评论区会自动滚动到最新内容。
摘要由CSDN通过智能技术生成

在这里插入图片描述

横屏后返回会造成其他页面样式放大，解决方案:B页面返回A页面事件时，先行跳转一个C页面，在C页面强制解锁屏幕方向的锁定然后锁定竖屏。

A（竖屏） ➡B(横屏) ➡ C(解决其他页面样式放大问题)➡A(竖屏)

//c页面

在这里插入图片描述
B页面（一定要加延时，否则在真机运行时会有时点不进去直接在A页面横屏）

最低0.47元/天 解锁文章
毅哥哥1
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
uniapp中设置横屏竖屏
07-06
uniapp中设置横屏竖屏,或者如何进行横竖屏切换
Uniapp(H5)-横竖屏切换,监听窗口尺寸禁止横屏
Backbody_的博客
06-12 1877
uniappH5小程序禁止横屏
uniapp页面进来直接横屏
weixin_68658847的博客
07-09 380
uniapp页面进来直接横屏
uniapp 小程序横屏处理方案
qq_60056854的博客
10-25 1483
uniapp小程序横屏处理方案
uni-app开发App, 横屏开发方案及代码
weixin_45395283的博客
04-27 795
锁定屏幕方向可取以下值： “portrait-primary”: 竖屏正方向；“portrait-secondary”: 竖屏反方向，屏幕正方向按顺时针旋转180°；“landscape-primary”: 横屏正方向，屏幕正方向按顺时针旋转90°；“landscape-secondary”: 横屏方向，屏幕正方向按顺时针旋转270°；“portrait”: 竖屏正方向或反方向，根据设备重力感应器自动调整；“landscape”: 横屏正方向或反方向，根据设备重力感应器自动调整。
uni-app实现点赞评论功能
10-15
主要介绍了uni-app实现点赞评论功能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
js判断横竖屏及禁止浏览器滑动条示例
10-26
主要介绍了使用js如何判断横竖屏及禁止浏览器滑动条,需要的朋友可以参考下
auto.js自动滑动屏幕
07-02
自动滑动屏幕功能，可以自动滑动微视、抖音等。可以解放双手，让程序自己跑起来。滑动时间也是随机的，模拟人看时间时间。
uniapp滑动周组件
07-08
uniapp滑动周组件
uniapp 仿抖音上下滑动视频.zip
03-12
3. 用户交互设计：模仿抖音的交互细节，如双击点赞、评论弹幕等，需要自定义组件并集成到uniapp中。 4. 动画效果：抖音的滑动切换有独特的过渡动画，这需要开发者深入理解uniapp的动画API，实现类似的效果。 总结...
uniapp实现横向滚动选择日期
01-18
本文实例为大家分享了uniapp实现横向滚动选择日期的具体代码，供大家参考，具体内容如下 1.方法封装 common.js //获取当前时间，格式YYYY-MM-DD HH:MM:SS const GetNowTime = time => { var date = time, year = ...
uniapp实现unipush推送功能
迟到的微笑
05-15 6720
很久没有更新uniapp的文章了，今天在更新一章uniapp集成unipush实现推送的功能，后续会更新如何结合后台实现推送，本篇还是通过unipush网页端发起消息推送，废话不多说，上图 下面来说一下具体实现过程 准备工作 第一步：进入DCloud开发者中心 地址：https://dev.dcloud.net.cn/ 第二步：进入开发者中心，选择你在uniapp创建的运用 选择Uni Push ,开通服务（免费的） 开通之后就可以使用网页推送了 推送须知 值得注意的是，推送需...
uniapp-消息推送
早日成为鹏总
04-19 3121
import { appid, secret } from "@/conf/website.js" /** * @description 用户打开订阅提示 * @param {Array}tmplId 模版id * */ export const openSubscription = (tmplIds) => { uni.requestSubscribeMessage({ tmplIds: tmplIds, success: (res.
uniapp小程序写滚屏动画效果
wyl_1234567_Q的博客
02-18 1291
在HTML先写一个样式 <template> <view class="barrage-box"> <view class="text">滚动弹幕</view> </view> </template> 然后在css上面写动画效果 .barrage-box { width: 100vh; height: 180vw; font-size: 170px; transform-origin:..
记录uni-app横屏项目：自定义弹出框
最新发布
本以为成功很简单，没想到活成普通人都需拼尽全力！
07-20 543
Jay丶萧邦
uniapp小程序订阅消息推送+Thinkphp5后端代码教程示例
C站全栈优质创作者、阿里云受邀博主专家，喜欢结识新伙伴寻找志同道合的朋友，欢迎一起探讨学习
06-14 8615
记录一下通过uniapp开发小程序消息推送的实例，配合后端tp推送，之前写的项目是微信小程序而且后端是原生php，这次通过项目记录一下。
uniapp弹幕滚动到底部
weixin_45441173的博客
01-23 447
uniapp弹幕滚动到底部
uni-app实战社区交友类app开发
03-06
适用人群具备Html+Css+Javascript基础知识。课程概述本季度为uni-app实战项目第一季度，将实战开发社区交友类app，其中会包括发布到安卓端app，iOS端app、微信小程序和支付宝小程序。课程大纲见以下图！
利用uniapp中模仿抖音、滑动视频组件、双击点赞、首个视频自动播放
热门推荐
weixin_42125732的博客
05-08 1万+
前言 仿抖音截图 基于uniapp模仿抖音的视频播放，其核心就是播放器，因此记录一下实现该功能的组件，我喜欢组件化开发，就放重点的一些组件，可以在下面的代码中学到父组件调用子组件的方法，父组件向子组件传值，子组件向父组件传值等操作 组件化开发 videoList.vue //主要组件 <template> <view class="videoList"> <view class="swiper-box"> <swiper class="swi
uniapp scroll-view 横向滑动菜单,每个item根据首屏展示数量平均分配宽度
07-17
你可以使用 `flex` 布局来实现横向滑动菜单，并根据首屏展示数量平均分配宽度。以下是一个示例代码： ```html (item, index) in menuItems" :key="index" :style="itemStyle"> {{ item }} export ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值