75 lines
1.9 KiB
Vue
75 lines
1.9 KiB
Vue
|
<template>
|
||
|
|
<!-- 废弃 -->
|
||
|
|
<view>
|
||
|
|
<view class="top-head pb20">
|
||
|
|
<view class="top-tabbar">
|
||
|
|
<view class="tab-item" :class="{ active: type == 0 }" @click="changeType(0)">{{$t('MN_F_T_889')}}</view>
|
||
|
|
<view class="tab-item" :class="{ active: type == 1 }" @click="changeType(1)">云代首购复购收益</view>
|
||
|
|
</view>
|
||
|
|
<view class="d-b-c search-data f26">
|
||
|
|
<view class="flex-1 gray9">{{$t('w_0138')}}</view>
|
||
|
|
<view class="picker-item-data">{{ '2000-22-12' }}</view>
|
||
|
|
<view style="margin: 0 60rpx;">{{$t('w_0139')}}</view>
|
||
|
|
<view class="picker-item-data">{{ '2000-22 -12' }}</view>
|
||
|
|
<view class="search-radio"><text class="icon iconfont icon-sousuo"></text></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view>
|
||
|
|
<view v-for="(item, index) in 4" class="product-item" :key="index">
|
||
|
|
<view class="f26 gray9 mb20">{{$t('N_I_130')}}: 600,000,00</view>
|
||
|
|
<view v-if="type == 0" class="f26 gray9 mb20">{{$t('MN_F_T_889')}}({{currencyIcon()}}): 600,000,00</view>
|
||
|
|
<template v-if="type == 1">
|
||
|
|
<view class="f26 gray9 mb20">{{$t('MN_F_T_890')}}({{currencyIcon()}}): 600,000,00</view>
|
||
|
|
<view class="f26 gray9 mb20">{{$t('MN_F_T_891')}}({{currencyIcon()}}): 600,000,00</view>
|
||
|
|
</template>
|
||
|
|
<view class="f26 gray9 mb20">实发奖金({{currencyIcon()}}): 200,000,00</view>
|
||
|
|
<view class="f26 gray9">
|
||
|
|
{{$t('MN_F_T_6')}}:
|
||
|
|
<text>xxxx</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
type: 0
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
changeType(e) {
|
||
|
|
this.type = e;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
.top-tabbar {
|
||
|
|
border-bottom: 1rpx solid #eee;
|
||
|
|
|
||
|
|
.tab-item {
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-item.active {
|
||
|
|
font-weight: 400;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.product-item {
|
||
|
|
background: #ffffff;
|
||
|
|
margin-bottom: 24rpx;
|
||
|
|
padding: 26rpx 22rpx 29rpx 22rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.log-img {
|
||
|
|
width: 76rpx;
|
||
|
|
height: 48rpx;
|
||
|
|
margin-right: 12rpx;
|
||
|
|
}
|
||
|
|
</style>
|