uniapp写的项目在微信小程序预览绝对定位失效

最新推荐文章于 2024-05-08 11:19:38 发布
最新推荐文章于 2024-05-08 11:19:38 发布
阅读量132 收藏
点赞数 1
文章标签： uni-app 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_68937887/article/details/134117791
版权

我想把X定位到视频右边结果不生效

改之前的代码8ab660c3e43941418486872416779eaa.jpg

 932ea563c7ec48328708f4bd7ec44ed5.jpg

 改之后

在u-icon外套了一层view

14787b5e05354dde968f33e3f6dc5dfc.jpg

 2c5ccf97edb546f7967789396d49fb74.jpg

 样式dac6f1c2ba1d43a1bad4e0d0132053e5.jpg

 

可能是因为用的u-icon组件，起类名小程序那边编译后没有这个类名所以定位不上，最后直接套了个view就行了

*!?
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
基于uniapp设计的微信小程序源码.zip
05-27
基于uniapp设计的微信小程序源码.zip
前端uniapp自定义tabbar，在iPoneX上，tabbar有个盒子用了绝对定位position: absolute被遮住问题，env(safe-area-inset-bottom)无效
FUFCY的博客
06-08 1303
env(safe-area-inset-bottom)无效
uni app(H5)中软键盘弹出,固定定位绝对定位元素位置发生错乱
qq_46784478的博客
01-06 4945
一.问题如下 最近用uni app写项目,发现H5软键盘弹起,导致我固定定位的按钮被顶了上去,如图 二.解决方法 1.让其在输入框获取焦点时隐藏 百度了许多,有让输入框获取焦点时让按钮隐藏的方法,失去在让按钮显示出来,但是这样写每个输入框都得加两个得到焦点和失去焦点的事件.而且如果你把软键盘放下,按钮不会出来.所以这个方法pass掉. 网上的方法很多,但是都不是我想要的效果. 2.将 bottom 改成 top 最后我的方法是把 固定定位的 bottom 改成了 top,因..
uni-app 小程序 sticky 固定定位失效
weixin_43743378的博客
03-28 483
后续使用sticky定位设置相对位置时，还是应该优先设置top，这样可以避免出现这种莫名的问题。
uniapp定位失败，不同情况处理方式
lth002的博客
10-27 1376
【代码】uniapp定位失败，不同情况处理方式。
uniapp APP端 获取定位失败 去手机设置里面设置定位
weixin_46901857的博客
05-05 1614
在使用uniapp获取定位的时候 uni.getLocation() 第一次打开手机的时候 会弹出 授权界面，但是有时候点错就不会再次弹出来了。转载：https://blog.csdn.net/weixin_42220533/article/details/128967939。创建 device.js文件。
uniapp 小程序定位无效问题解决之一
qq_36229552的博客
10-26 2824
这两个接口之前开发时候还能正常使用，但是昨天调用时候发现，在后台接口设置这里wx.chooseLocation要重新开通， wx.getLocation暂无权限！一、wx.chooseLocation申请重新开通, 我的审核时间十分钟就通过了！，再回到接口设置，申请开通, 步骤如上，这里审核可能需要几个小时或更久！二、 wx.getLocation 把小程序的服务类目添加一个。三、申请完配置一下uniapp。
uniapp position: fixed 偶尔失效/不起作用（不显示）（苹果手机position: fixed兼容性/失效）
qq_17627195的博客
09-11 5471
在苹果的产品中并没有实现相对浏览器窗口定位。其实现的功能是相对最近的允许滚动的元素定位，且不能遮罩滚动元素的兄弟元素及其所有父元素的兄弟元素。并不是相对于浏览器窗口固定位置，它是相对于滚动元素固定位置。我也是网上查找的原因，似乎知识IOS系统（苹果）手机的问题。的元素放在可以滚动（拥有滚动条）元素的外面，包括。，要确保当前元素的父元素都不能添加滚动样式。的时候，如果期望实现先对。浏览器窗口定位的兼容。
一个基于 uniapp 开发的微信小程序商城项目源码.zip
05-26
一个基于 uniapp 开发的微信小程序商城项目源码.zip
uniapp写微信小程序，获取openId、unionId总结
06-18
用于解密unionId的js包，使用前需 npm install crypto
基于uniapp技术框架的微信小程序汇率换算完整源码
02-21
这是使用uniapp技术框架实现的一个微信小程序，同时对头条小程序做了适配，通过了微信和头条审核并上架。业务功能相对简单，但整体框架完整，包括布局、页签、本地存储、常量、权限、自动更新、分享等。可直接基于本...
uniapp微信小程序使用Echarts组件
07-28
uniapp微信小程序使用Echarts组件,使用实例 <echarts class="uni-ec-canvas" ref="echarts2" :option="option" canvasId="echarts1" id='echarts2'></echarts>
uni 根目录路径_如何解决uniapp图片路径错误问题
weixin_33848693的博客
02-04 2152
uniapp图片路径错误的解决办法：1、在根目录“manifest.json”中配置h5下的“publicPath”；2、在h5配置中运行的基础路径进行配置即可。本教程操作环境：windows7系统、uni-app2.5.1版本，Dell G3电脑。推荐(免费)：uni-app教程HBuilderX 打包 uniapp 项目 图片不显示(路径不正确)打包h5项目本地服务运行正常 部署后页面显示空白...
微信小程序中绝对定位（position: absolute）会让bindtap失效
qq_42089654的博客
05-31 5914
微信小程序中绝对定位（position: absolute）会让bindtap失效 解决办法：z-index：100；
uniapp日期区间选择器
羽筠的博客
05-07 252
uniapp日期区间选择器 在 uniapp 中创建一个简单的自定义日期范围的日期区间选择器： - 限制有效日期范围开始日期为 2024-01-01，结束日期为当日； - 默认日期区间为当日向前计算的7日区间； - 选择开始时间后，判断不可大于结束时间，且重置开始时间为结束时间； - 选择结束时间后，判断不可小于开始时间，且重置结束时间为开始时间； 示例代码： html： CSS： data设置参数数据： created 或 onLoad 中，调用请求接口获取筛选项数据方法： methods 处理方法：
uniapp——点赞、取消点赞
最新发布
努力、拼搏、奋进
05-08 266
uniapp——点赞、取消点赞
uniapp踩坑 uni.showToast 和 uni.showLoading
weixin_46087056的博客
05-07 404
uni.showLoading 和 uni.showToast 混合使用时，showLoading和showToast会相互覆盖对方，调用hideLoading时也会将toast内容进行隐藏。
uniapp——预览图片
努力、拼搏、奋进
05-07 220
uniapp——预览图片
用uniapp写一个微信小程序的消息推送
03-22
可以使用uni-push插件来实现微信小程序的消息推送，具体步骤如下： 1. 在uni-app项目中安装uni-push插件，可以使用命令行或者在HBuilderX中直接搜索安装。 2. 在微信公众平台中注册小程序，并获取小程序的AppID和AppSecret。 3. 在uni-push插件的配置文件中填写小程序的AppID和AppSecret，并配置推送服务的相关参数。 4. 在uni-app中编写消息推送的代码，可以使用uni.request方法向服务器发送推送请求，也可以使用uni-push插件提供的API来实现推送功能。 5. 在微信小程序中添加消息订阅功能，用户可以选择订阅不同类型的消息，当有新消息时，小程序会向用户发送推送通知。 注意：在实现消息推送功能时，需要考虑用户隐私和安全问题，遵守相关法律法规和平台规定。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值