【uni-app】记一个 scroll-view +swiper实现顺滑Tab选项卡
最近在做一个uniapp的项目的时候，碰到了一个Tab选项卡的需求，我立马就想到了曾经在视频里看到的利用swiper实现丝滑选项卡的功能。
但是很遗憾，我并没有光看就会的本事，本着遇事不决先百度的原则，就在百度找了一篇真实有用，但是有小小bug的，下面是原po地址：
uni-app使用swiper切换页面每个滑块高度自适应
懒得点的可以接着往下看哈，我也会把详细步骤以及碰到的bug贴出来。下面是我改造后的效果图
首先就是Tab选项卡的点击切换块，这里我是用了小程序自带的scroll-view来实现的，同时给该元素添加scroll-into-view属性来实现点击跟踪（其实这效果不是特别好，我期望的效果是点击这个的时候还留点位置给上一个，但是我太菜了加上为了省事所以就直接用这个了）
scroll-into-view的用法可自行查阅官方文档
接着是swiper标签块，这里因为实现都一样，所以我就直接把原博客那边的贴过来了，大家根据自己的需求更改类名及swiper-item内部的组件即可
这里有个注意点，就是要给swiper-item内部的组件(盒子)一个相同的类名，后面获取高度时需要用到。
初始数据方面，这里我也把我的初始数据贴出来，大家根据需求自行修改即可
后面的方法本来想一个个贴的，但是发现好像有点乱，所以就直接全贴出来了，里面的逻辑大伙应该能理清吧哈哈
到这里js部分也结束了，最后是css部分，我就是在这里踩坑的。原博最后面说要给swiper-item里面的组件设置一个min-height: 100%。这样设置之后就会有个问题，也就是
因此大家在初始化css数据的时候需要注意一下，这里我也把我的初始css贴出来，大家根据需求自行修改即可
到这里这一块的内容就全部结束了，噢对了关于setSwiperHeight里面获取dom元素的方法，也就是
uni.createSelectorQuery() 。这玩意说实话我也搞不太懂，总之就跟selectorQuery选择器差不多，CVM大法：复制粘贴，然后修改数据即可。
第一次正经写文还是很紧张的哈哈，希望能帮到有需要的人。谢谢各位
uni-app项目中的页面跳转方式
uni-app项目中的页面跳转方式 在uni-app项目中，页面跳转是实现应用导航和用户交互的关键部分。项目支持多种页面跳转方式，以满足不同场景的需求。1. 使用uni-navigation组件 uni-navigation是uni-app推荐的页面导航组件，它提供了多种导航方式，如跳转、返回等。开发者可以通过编写简单的代码实现页面之间的...
关于uni-app的使用感触
最近用uni-app开发了一个项目，下面说一下使用的具体感触吧。先介绍一下项目大概的情况，，需要开发出ios和android两个客户端，功能不算太多，也不算少，大概30多个页面的样子。后台接口和设计图都已经确认好。客户端开发的话只有我一个，于是大胆的尝试了一下。开发速度上来说的话，比原生开发确实周期...
uni-app跨端开发H5、小程序、IOS、Android(二):开发工具HBuilderX使用...
探索uni-app开发的利器：HBuilderX实战揭秘 在uni-app的开发世界中，HBuilderX凭借其国产的身份和官方的全力支持，逐渐崭露头角。与VSCode和webStorm等前端大腕相比，HBuilderX以其卓越的速度和本地化优势，成为初学者的理想选择。本文将深入解析HBuilderX的使用技巧，带你领略其独特的魅力。创建项目的...
uni-app开发H5
在使用uni-app开发H5应用时，可以充分利用uni-app提供的跨平台开发能力，以下是相关内容的说明：uni-app：uni-app是一款基于Vue.js框架的跨平台开发框架，可以通过一套代码同时构建iOS、Android、H5等多个平台的应用。在开发H5应用时，uni-app提供了丰富的组件和API，使开发者能够高效地创建出具有良好性能...
uniapp路由跳转不记录历史
题主是否想询问“uniapp路由跳转不记录历史是怎么回事”？使用了非H5端的方式进行路由跳转，当前页面已经关闭或不存在于历史记录中。1、使用了非H5端的方式进行路由跳转：UniApp中的路由跳转分为H5端和Native端两种方式。如使用Native端进行路由跳转，如uni.navigateTo()、uni.redirectTo()等，这些方法会...
【uni-app】Vuex介绍和使用
无论你是使用 HX 还是使用 vue-cl i创建的uniapp项目,都已内置 Vuex ,无需再进行安装 uni-app也像小程序一样有 globalData ，这是一种简单的 全局变量 机制 globalData 是简单的全局变量，如果使用状态管理，请使用 vuex 项目文件结构 1.在 main.js 中导入store文件。2.组装模块并导出 store ...
uniapp可以做到什么程度?
uniapp的全能与局限：一次全面的评估uniapp作为一款广泛用于小程序开发的工具，其表现力不容小觑。确实，对于那些希望一站式解决多个平台需求的开发者而言，它提供了极大的便利，特别是在构建轻量级小程序时，几乎无懈可击，尤其适合那些不想在不同小程序平台之间频繁切换的主创者。然而，当涉及到app开发时...
uniapp和微信小程序区别
uniapp和微信小程序的区别是开发语言的不同、开发流程的不同、部署资源的不同。1.开发语言不同：uni-app是在vue基础上开发，语言采用js，h5，css，而原生微信小程序是在js基础上开发的。2.开发流程不同：uni-app可以使用vscode，webstrom等现代前端开发工具进行开发，支持多平台；而微信小程序只能使用...
uni-app返回上一页终极处理办法
处理uni-app返回上一页问题，需针对自定义顶部导航或使用uni.navigateBack方法的界面进行优化。在应用逻辑中，首先判断当前界面是否具备上一界面的条件。若当前界面存在上一个界面，执行返回操作，以实现界面的自然流转。若当前界面为通过分享链接进入，无上一界面，此时应直接返回至预设的目标界面，确保用户...
如何评价uni-app?
好就好在，uniapp的写法就是vue的写法，上手很快，并且一 些app的原生功能也都能满足，而且调试打包，各种配置也简单明了。现在说点缺点：1，文档比较松散，比如我在搞推送和图片压缩的时候，是在论坛里面找到的解决方案，而不是在文档。还有一些内容，文档里面没有写的很详细，是我去看了5+的api，再...
蓝饶卫美： Uni.有你是一款高校互助社交APP,红遍大江南北.Uni.有你app是时下学生们比较流行的一款应用平台.
新建县17626171659： 深圳壹方城面积 ？
蓝饶卫美： 深圳壹方城(Shenzhen Uniwalk Qianhai)为鸿荣源壹方商置运营,是一个36万㎡多元主题体验MALL.于2017年10月28日开业,作为深圳目前单体体量最大的购物中心,项目开业以来客流量稳居深圳第一,销售额蝉联华南前五.项目集饕餮美食、社交聚会、品质生活、时尚潮流、娱乐视听、儿童成长、人文创意、运动休闲八大业态于一体,“大而全”的一站式购物体验,打造成为轻奢购物高地和潮流生活目的地,筑造超凡品质和多元主题的新体验.
新建县17626171659： uni - app开发怎么实现断点下载文件 - ？
蓝饶卫美： 将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口. uni.setStorage({ key: 'storage_key', data: 'hello', success: function () { console.log('success'); } });uni.setStorageSync(KEY,DATA) 将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口. try { uni.setStorageSync('storage_key', 'hello'); } catch (e) { // error }
新建县17626171659： 世界争霸小程序怎么转app? - ？
蓝饶卫美： 你可以试试试试miniprogram-to-uniapp 小程序转uni-app 工具.不过好不好用那要你用过才知道.
新建县17626171659： 安卓手机中 uni软件 有什么用 - ？
蓝饶卫美： 安卓手机中 uni软件 有什么作用 uni软件 是安卓手机桌面的一个处理作用 不可卸载 会让系统出现某种错误
新建县17626171659： uni - app怎么直接跳app store评价 - ？
蓝饶卫美： 1 一般的 App 应用软件,在设置选项中都会有一个“给我打分或给我评价”之类的选项,如图所示 注:如果在应用中找不到此选项,可以直接打开 App Store 应用商店,搜索想要评论的应用程序. 2 点击打分之后,随即会跳转到应用程序所在的苹果 App St...
新建县17626171659： taro/mpvue/wepy/uni - app这些开发框架哪个好? - ？
蓝饶卫美： wepy/mpvue 出来最早,taro/uni-app发展最猛,推荐两篇相对客观的横评文章:《跨端开发框架深度横评》,uni-app 团队出品 《小程序多端框架全面测评》,taro 团队出品
新建县17626171659： 在91充钱是不是骗人? - ？
蓝饶卫美： 91软件充钱会怎么样是套路.91抖音充值让你充钱之后没多久就会跑路的.所有要求你为会员充值或为其他原因付费的赞美平台都是不可信的:平台的生命周期大概就是1周到半月左右,随时都有可能关网跑路. 法律分析:不违法.自己观看是...
新建县17626171659： uni - app 为什么CSS运行到到手机上就错位了 - ？
蓝饶卫美： 正常操作,苹果手机总会出现各种各样的问题的,可能是不兼容某个属性,慢慢排查调整,建议先在微信开发者工具上测试,比在浏览器上的好一点.
新建县17626171659： 什么是uni - java游戏 - ？
蓝饶卫美： 是日本手机自定义Java平台的游戏格式.这种平台的基本语法规则都是Java,但是API使用与标准J2ME API不同,JDK也不同.与brew没有可比性,一个java,一个是c
