思考1、Tabs使用scroll-view实现滑动控制效果；2、使用current控制tab标题和内容的统一，实现同步运行；3.winHeight是我最常用的varcalc=clientHeight*rpxR-440;440这个值是你不需要计算的高度值，它取决于你除了内容之外的高度；wxml文件title选项1选项2标签1内容</swiper-item>选项卡2内容wxssfile.pinConDet{padding:30rpx;}.pinConDet.title{color:#3491f0;字体大小：15px；height:100rpx;line-height:100rpx;}.pinConDet.tabBox{border-bottom:1pxsolid#3491f0;}.pinConDet.tab-item{font-size:15px;显示：内联块；宽度：120rpx；20rpx;背景：#e9f2fa；颜色：#3491f0；高度：60rpx；行高：60rpx；文本对齐：居中；}.pinConDet.active{背景：#3491f0；-项目视图{填充：30rpx；font-size:15px;}jsfilevarapp=getApp()Page({data:{winHeight:"",//窗口高度currentTab:0,//预设当前项的值scrollLeft:0,//标签标题的滚动条位置showView:false,cWayshow:false,},//滚动切换标签检查样式switchTab:function(e){this.setData({currentTab:e.detail.current//获取当前事件的值current;});这个.checkCor();},//改变点击标题时切换当前页面的样式swichNav:function(e){varcur=e.target.dataset.current;如果（this.data.currentTaB==cur）{返回假；}else{this.setData({currentTab:cur})}},//判断当前滚动超过一屏时，设置tab标题滚动条。checkCor:function(){if(this.data.currentTab>4){this.setData({scrollLeft:300})}else{this.setData({scrollLeft:0})}},onLoad:function(选项){showView:(options.showView=="true"?true:false);cWayshow:(options.showView=="true"?true:false);那个=这个；//高度自适应wx.getSystemInfo({success:function(res){varclientHeight=res.windowHeight,clientWidth=res.windowWidth,rpxR=750/clientWidth;console.log(clientHeight)varcalc=c客户端高度*rpxR-440;console.log(calc)that.setData({winHeight:calc});}});}})最后实现效果样式渲染
