| | |
| | | <template> |
| | | <view class="elm-wrapper wrapperLayer" |
| | | :style="optionsCurrent==2?'background-color:#62BC00;':'background-color:#FFD100;'"> |
| | | :style="optionsCurrent==2?'background-color:#FFD100;':'background-color:#FFD100;'"> |
| | | |
| | | <view class="flexbox borderBox colCen" |
| | | :style="optionsCurrent==2?'background-color:#62BC00;':'background-color:#FFD100;'"> |
| | | :style="optionsCurrent==2?'background-color:#FFD100;':'background-color:#FFD100;'"> |
| | | <view class="topbarbox"></view> |
| | | <view class="leftimgbox rowCenBet" @tap="back()"> |
| | | <view class="shadow rowCenCen" style="background:rgba(0,0,0,0);"> |
| | |
| | | </view> |
| | | |
| | | <view class="options-bar-content rowCenCen"> |
| | | <!-- <view class="center-container rowCenBet"> |
| | | <view class="center-container rowCenBet"> |
| | | <block v-for="(items,index) in optionsList" :key="index"> |
| | | <view class="items-content rowCenCen" @tap="navTap(items.type)" :class="{ 'yellow':items.type == optionsCurrent && [1,3].includes(optionsCurrent), 'green': items.type == optionsCurrent && optionsCurrent ==2 }"> |
| | | <view>{{items.label}}</view> |
| | | </view> |
| | | </block> |
| | | <div class="items-active" :style="{'transform':'translateX('+(optionsCurrent-1) * 120 +'rpx)'}"></div> |
| | | </view> --> |
| | | </view> |
| | | </view> |
| | | |
| | | <image class="pageBac" :src="pageBac" mode="aspectFill"> |
| | |
| | | optionsCurrent: 1, |
| | | scrollTop: 0, |
| | | optionsList: [{ |
| | | label: "外卖", |
| | | label: "美团", |
| | | type: 1 |
| | | } |
| | | }, |
| | | { |
| | | label: "饿了么", |
| | | type: 2 |
| | | } |
| | | /* , |
| | | { |
| | | label: "商超", |
| | |
| | | navTap(type) { |
| | | if (this.optionsCurrent != type) { |
| | | this.optionsCurrent = type |
| | | if (this.optionsCurrent == 2) { |
| | | if(this.optionsCurrent==2) |
| | | {//跳转饿了么 |
| | | uni.redirectTo({ |
| | | url:'./elm' |
| | | }) |
| | | return; |
| | | } |
| | | else if (this.optionsCurrent == 2) { |
| | | uni.setNavigationBarColor({ |
| | | frontColor: '#ffffff', |
| | | backgroundColor: '#62BC00' |
| | |
| | | margin-top: 168rpx; |
| | | .center-container { |
| | | position: relative; |
| | | width: 360rpx; |
| | | width: 240rpx; |
| | | height: 58rpx; |
| | | background: rgba(254, 254, 254, 0.3); |
| | | border-radius: 29rpx; |