<template>
	<view class="app">
		<view class="tabs">
			<view class="tab-item">
				<view class="title">
					卷
				</view>
				<view class="text">
					2张
				</view>
			</view>
		</view>
		<view class="">
			
		</view>
	</view>
</template>

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

			};
		}
	}
</script>

<style lang="scss">
	.app {
		padding: 0;

		.tabs {
			width: 100%;

			.tab-item {
				margin: 20rpx 0 0 24rpx;
				text-align: center;
				width: 20%;
				.text {
					width: 70%;
					margin-left: 15%;
					height: 30rpx;
					background: #F44B2F;
					border-radius: 9rpx;
					color: #fff;
					font-size: 24rpx;
					line-height: 30rpx;
				}

				.title {
					font-size: 40rpx;
					font-family: Source Han Sans CN;
					font-weight: 500;
					color: #F44B2F;
					line-height: 59rpx;
				}
			}
		}
	}
</style>
