实现左右箭头切换文字，中间文字，并且点击中间出弹框去选择
效果如下：
<view class="slideArea" wx:if="{{fzList.length>0}}"><view class="img_wai" wx:if="{{selIndex==0}}"><image mode="widthFix" src="/tuike/left_hui.png" class="left_icon"></image></view><view class="img_wai" wx:if="{{selIndex!=0}}" data-type="1" @tap="slideClick"><image mode="widthFix" src="/tuike/rught_brown.png" class="right_icon xuanzhuan"></image></view><view class="slideContainer"><view class="slideBlock"><picker @change="bindPickerChange2" value="{{selIndex}}" range="{{fzList}}" range-key="{{'name'}}"><view class="slideName">{{fzList[selIndex].name}}</view></picker></view></view><view class="img_wai" wx:if="{{selIndex!=fzList.length-1}}" data-type="2" @tap="slideClick"><image mode="widthFix" src="/tuike/rught_brown.png" class="right_icon"></image></view><view class="img_wai" wx:if="{{selIndex==fzList.length-1}}"><image mode="widthFix" src="/tuike/left_hui.png" class="left_icon xuanzhuan"></image></view></view>
.slideArea {// margin-top: 20rpx;display: flex;justify-content: center;align-items: center;}.slideContainer {position: relative;width: auto;height: 40rpx;overflow: hidden;text-align: center;min-width: 120rpx;}.slideBlock {// position: absolute;// padding: 0 15rpx;display: flex;justify-content: center;// transition: left linear 0.3s;}.slideName {color: black;width: auto;font-size: 30rpx;}.img_wai {height: 80rpx;width: 80rpx;display: flex;align-items: center;justify-content: center;}.left_icon {height: 30rpx;width: 30rpx;}.right_icon {height: 30rpx;width: 30rpx;}.xuanzhuan {transform: rotate(180deg);}
data = {leftNum: 0,selIndex:'',fzList: [{ name: '营销一组' }, { name: '营销一组中的三组啊' }, { name: '营销' }, { name: '营销组' }, { name: '营销二组' }, { name: '营销三组' }, { name: '营销四组' }],}methods = {slideClick(e) {var type = e.currentTarget.dataset.typeif (type == 2) {this.selIndex = this.selIndex + 1} else {this.selIndex = this.selIndex - 1}this.getStaffKPI()this.$apply()},bindPickerChange2({ detail }) {console.log(detail, 'detail')var idx = Number(detail.value)// this.selName = this.fzList[idx].namethis.selIndex = idxthis.$apply()},}
