在对于uni-app框架了解之后，今天就实现一个滚动切换tab效果，这个很常见的一个效果，最后封装成一个组件，便于以后使用，写这个需要引入uni官方提供的uni.css样式，用到了写好的样式，就不需要自己写了 这种切换无论是在app端还是小程序或者H5页面都是很常见的功能 ...

点击之后 改变边框和背景 Vue代码 展示数据vue clickCategory(index){ // 这里我们传入一个当前值 console.log(index); 　　this.categoryIndex = index }, ...

官网写的真的我一直报错，至今未解决 <view> <swiper class="swiper" circular="flase" autoplay="true" indicator-dots="true" indicator-color="#fff"> ...

完成样式 项目地址：https://gitee.com/jielov/uni-app-tabbar 顶部tabbar代码 使用v-for 循环 tabbars 来进行标题的加载 v-for="(tabBar,index) in tabBars" :key ...

需求：根据时间轴进行tab页面内容切换（时间轴需要滑动查看并选择） 实现思路： 结合swiper插件实现滑动显示效果 根据transform: translateX进行左侧切换效果的实现（具体实现css如下），实现非滚动的点击切换效果，结合swiper进行修改 实现效果： 实现 ...

一、臭美app效果： 我的需求是这样，上面正常滑动，点击下面的小卡牌，上面的滑动区也随之切换到当前的点击态。 二、实现： css: 主要设置可见区域的几张卡牌的位置，注意的几个位置是，中间的激活态和左右两边的元素，swiper已经在运行的时候给他们加上了固定的类名。 html ...

使用标签包裹 样式部分 此时table就是可以左右滑动了 ...

最大盒子要100%高度,scroll-view的宽度不能设置固定宽度; 此外无论是组件还是写在一个页面内 最大的盒子记得加上height:100%; ...