关于B站小程序教程 楼层模块显示与视频不一样的问题

最新推荐文章于 2024-08-05 21:31:41 发布
最新推荐文章于 2024-08-05 21:31:41 发布
阅读量201 收藏 1
点赞数
分类专栏： 前端 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41999594/article/details/118768611
版权

黑马程序员微信小程序开发前端教程_零基础玩转微信小程序
https://www.bilibili.com/video/BV1nE41117BQ?p=57
正常情况下应该是这样的
在这里插入图片描述
但是我自己写出来却不一样，而是下面这样的：
在这里插入图片描述
这就非常难受了
经过一番排查，发现是我的版本过高，
在这里插入图片描述
于是，我改了一下代码，改成这样：

height: ~'calc(33.33vw * 386 / 232 /2)';

在这里插入图片描述
然后，就好了，出现了相同的效果
在这里插入图片描述
搞定！

恶魔大佛爷
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
B站根据评论楼层抽奖程序源码.zip
05-19
B站根据评论楼层抽奖程序源码
微信小程序商城项目（篇4）：首页楼层实现
YanHSama的博客
09-06 1624
效果展示 步骤1：从后端获取楼层数据，并将数据保存到页面data中 // 楼层 let promise3=getRequest('https://api-hmugo-web.itheima.net/api/public/v1/home/floordata') promise3.then((res)=>{ // console.log(res) this.setData({ louceng:res.data.message }
黑马优购小程序之首页模块开发(banner 分类导航 楼层等)
小洋人最happy的专栏
03-02 5225
文章目录1.1 效果图1.2 搜索框1.2.1 新建组件1.2.2 编写组件1.2.3 引用组件1.2.4 使用组件1.2.5 效果预览1.3 轮播图1.3.1 获取网络数据1.3.2 编写UI 1.1 效果图 首页实现效果图如下，并过了模块拆分，拆分为： 头部搜索 轮播图 导航 楼层 1.2 搜索框 搜索框在项目内好几处都会使用到，因此，将其封装为组件。 1.2.1 新建组件 在compo...
微信小程序之楼层效果
dengweihuan4949的博客
07-17 1252
今天做了一个小程序实现一个楼层效果 带大家分享下经验和api的使用吧 如图 将左边和右边各分了一个组件 目录如下 　　　其中list页面是这个楼层效果的页面 　　　components是组成这个页面的两个组件 　　　list为列表组件 title为右边字母固定的组件 list主页面的代码如下 　　 <!--pages...
微信小程序api接口调用用封装
苏凯的博客
02-16 3823
微信小程序api接口调用用封装 1. 在 02-项目 下新建request目录及index.js文件 1.1 02-项目\request\index.js 1.2.index.js // 同时发送异步代码的次数 let ajaxTimes=0; export const request=(params)=>...
微信小程序canvas绘制坐标图
weixin_30576827的博客
12-11 972
这里是微信小程序项目中用到的canvas绘制柱状图、线图、饼状图，跟html里的canvas略微差别，不做详细介绍，仅做个记录防失忆啊，微lin 1、线图 function draw(data, ctx) { var width, height = 300, ratioX, ratioY, maxY, stepY; var newArr = new Array(); //...
微信小程序实现锚点定位楼层跳跃的实例
08-30
微信小程序实现锚点定位楼层跳跃的实例 了解微信小程序实现锚点定位楼层跳跃的实例是非常重要的，特别是在微信小程序开发中，需要实现锚点定位楼层跳跃的功能时。本文将详细介绍微信小程序实现锚点定位楼层跳跃的...
微信小程序-长按拖动楼层、左右滑动出现删除按钮实现
12-01
不卡顿，轻松实现楼层以及商品拖动排序以及管理3、里面文件是一整个拖动小程序项目，只要下载下来在微信小程序中打开即可看到完整的效果4、喜欢的小伙伴可以下载下来，不懂的可以私聊我，公共解决问题。
微信小程序-scroll-view根据锚点滚动相应楼层展示
11-29
3、内容组件需要计算所有楼层的高度并存放在数组里，然后通过高度来计算是否处在哪个楼层之间，将数据抛出给调用页面。4、通过内容组件抛出方法，标题展示相应的楼层样式。5、标题组件点击后，传参数给调用页面，...
微信小程序制作楼栋鸟瞰分布图
hangGe0111的博客
11-13 4753
1.思路 后台上传一张楼栋背景图底图，分别定位出每个楼栋号的横向，和纵向的坐标位置，通过for循环展示每个楼栋状态的icon，点击每个icon获取当前index，取到数据对应信息展示即可。因为后台楼栋分布底图每个楼盘可能都不一样，但是前台展示会有一个大小（不可能不限宽和不限高），所以这里会涉及一个背景图缩放比的计算问题。图片缩放比的计算，点击参考这篇文章。 2.代码实现 2.1wxml ...
剧本杀门店预约小程序：提升门店体验，增加收益
guanpinkeji的博客
08-05 262
预约系统的出现，也能提高剧本杀门店的曝光度，让玩家更好地了解门店信息，吸引更多的玩家到门店参与游戏，商家也能够更好的管理门店。在小程序上，用户可以了解喜欢的剧本，查看其他用户评论，让用户了解剧本的最新情况。在小程序上，商家可以上传门店的详细信息，展示每个主题包间，让用户体验到不同的视觉效果，让玩家更加沉浸式的进入到游戏中，提高门店的吸引力，吸引更多的玩家到门店参与游戏。小程序可以帮助商家分析平台用户的喜好和消费习惯，这些数据可以让平台更加精准营销，满足用户的需求，从而提高用户的转化率，增加在市场的竞争力。
漏洞挖掘 | edusrc记一次某中学小程序渗透测试
2301_80115097的博客
08-02 358
现在的EDU挖web端的上分效率远不如小程序，因此这篇文章浅浅记录一次小程序的挖掘吧。如果各位大牛想要快速出洞，不妨跳过大学，学院等小程序，而重点关注小学、中学、幼儿园等，这些小程序的出洞率还是挺大的。顺着这个思路，我锁定了某中学的一个小程序。
信息流、资金流、物流的流转与开源 AI 智能名片 S2B2C 商城小程序的融合
专注MarTech应用研究与实施方案
08-05 478
本文深入探讨了信息流、资金流和物流在商业活动中的流转机制，并着重分析了其与开源 AI 智能名片 S2B2C 商城小程序的紧密结合。通过详细阐述各个流程环节以及开源 AI 智能名片 S2B2C 商城小程序在其中的关键作用，揭示了这种融合对于提升商业效率和用户体验的重要意义。
Java毕业设计 基于SSM和Vue的图书馆座位预约系统小程序
最新发布
yinjl123的博客
08-05 305
管理员 登录　首页统计 个人中心 修改密码 个人信息 用户管理　图书馆管理 座位信息管理 预约选座管理　签到信息管理　签退信息管理　论坛管理　留言反馈管理　关于我们管理 轮播图管理　系统简介　公告信息角色：用户　管理员这个基于SSM和Vue的美容院管理系统小程序项目，涵盖了用户和管理员的多项功能，是一个适合用于毕业设计的完整项目。源码获取请以获取源码。
淘宝小程序踩坑记录
一个女胖子的博客
08-01 1005
最近搞了一套淘宝小程序配合淘宝店铺直接跳转，类似于扭蛋机那种机制，真是一路坎坷，一步一个坑，这里记录一下（前端）；
PHP全方位多功能投票小程序系统源码
2401_84413757的博客
08-05 312
全方位多功能投票小程序，正以其独特的魅力和强大的功能，改变着我们的投票方式。它不仅让决策更加民主、科学，也让我们的生活和工作变得更加便捷、高效。快来体验吧，让我们一起迎接投票的新时代！🚀💬。
PHP教育培训小程序系统源码
2401_84413757的博客
08-02 389
🎉 在这个快节奏的时代，选择一款适合自己的教育培训小程序，就是选择了更高效、更便捷、更个性化的学习方式。让我们一起，用科技的力量，开启学习的全新篇章，成就更好的自己吧！🚀。
分包—小程序太大，上传不上去，采用分包处理方式
m0_38007556的博客
08-02 191
创建分包目录如左边红框。
预约咨询小程序搭建教程，源码获取，从0到1完成开发并部署上线
ajj97的博客
08-05 421
搭建预约咨询小程序需明确需求、规划功能、注册小程序账号并完成认证。该小程序具备用户注册登录、预约时间选择、咨询项目展示、咨询师介绍、预约信息填写及状态查询等功能，旨在提升咨询服务的便捷性与效率。本文章从0到1将小程序的搭建过程进行全方位剖析，旨在提供搭建教程
疫情下健康食堂预约小程序：减少排队与流量管理
健康食堂预约小程序是为了应对新冠疫情，提高学校食堂就餐效率和安全性而开发的一款微信小程序。其核心目标是减少学生排队时间，通过实时控制食堂人数流量，确保在达到一定上限时阻止新的订餐请求，提醒学生稍后再来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值