<template>
	<view>
		<view class="promotion_bg backcorf06 width100 height90 fcorfff fotct font20 fontspec10">我的推广</view>
		<view class="promotion_dt width90 height90 backcorfff">
			<view class="width90 mart10 fcor333 font14 fontwig6 height22">
				<view class="promotion_xg flleft"></view>
				<view class="promotion_mixg flleft"></view>
				<view class="flleft promotoin_text">今日数据</view>
				<view class="promotion_mixg flleft"></view>
				<view class="promotion_xg flleft"></view>
			</view>
			<view class="width90 mart5">
				<view class="width50 flleft font15 fcor333 fontwig6 fotlt">7</view>
				<view class="width50 flright font15 fcor333 fontwig6 fotrt">5300.00</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.promotion_bg {
		position: relative;
	}

	.promotion_dt {
		position: absolute;
		top: 50px;
		border-radius: 5px;
		box-shadow: 0px 2px 10px 2px #999999;
	}

	.promotion_xg {
		width: 15px;
		height: 2px;
		margin-top: 8px;
		background-color: #f06c7a;
		transform: rotate(120deg);
	}

	.promotoin_text {
		margin-left: 5px;
		margin-right: 5px;
	}

	.promotion_mixg {
		width: 10px;
		margin-top: 8px;
		height: 2px;
		background-color: #f06c7a;
		transform: rotate(120deg);
	}
</style>
