知识分享
分享创造价值 合作实现共赢

知识分享

当前位置: 首页 > 知识分享

滑动的顶部tab选项卡,简易table表格,swiper图片显

发布时间:2019-12-16 21:42:03作者:admin点击:

作者:oys1341,来自原文地址

一:会滑动的顶部tab选项卡

主要是在scroll-view设置scroll-x=“true”,然后在设置scroll-left(横向滚动条位置)为一定的数值,就可以了

不废话直接进入主题

test.wxml

                                    {{item.text}}                  {{item.text}}                         {{curText}}

test.wxss

.tab-scoller {  background: linear-gradient(to bottom, #2262fc, rgba(57, 134, 222, 0.84));  height: 3rem;  white-space: nowrap;  display: flex;}/*取消移动条*/::-webkit-scrollbar {  width: 0;  height: 0;  color: transparent;}.active {  color: #000 !important;  background-color: #fff;}.tab-view {  text-align: center;  color: #fff;  font-size: 1rem;  height: 1.2rem;  width: 4rem;  margin-top: 1rem;  border-right: 1px solid #fff;  display: inline-block;  line-height: 1.2rem;}.tab-text { 

TOP

QQ客服

18910140161