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> |