<template>
	<view slot="content">
		<view class="index">
			<view class="minetop">
				<view class="avtor">
					<img src="/static/tab/minecur.png" alt="">
				</view>
				<view class="avtorname">
					<view>辰辰</view>
					
					<view>常州公安 经侦</view>
				</view>
			</view>
			<view class="celllist">
				<u-cell-group>
					<u-cell-item icon="star-fill" title="我的订阅"></u-cell-item>
					<u-cell-item icon="star-fill" title="我的收藏"></u-cell-item>
					<u-cell-item icon="heart-fill" title="我的关注"></u-cell-item>
					<u-cell-item icon="clock-fill" title="浏览历史"></u-cell-item>
				</u-cell-group>
			</view>
		</view>
		<tab-bar :currentPage="3"></tab-bar>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	.index {
		/* background: url(@/static/images/homebg.png) no-repeat; */
		background: linear-gradient(90deg, #D81B28 0%, #F96767 100%);
		background-color: #fff;
		background-size: 100%;
		width: 100%;
		min-height: 435rpx;
		/* padding-top: 90rpx; */
	
	}
	.minetop{
		padding:112rpx 43rpx 58rpx 43rpx
	}
	.avtor{
		background: #fff;
		border-radius: 50%;
		width:107rpx;
		height:107rpx;
		text-align: center;
		line-height: 130rpx;
		display: inline-block;
		vertical-align: top;
	}
	.avtor img{
		width:43rpx;
		height:51rpx
	}
	.avtorname{
		display: inline-block;
		color:#fff;
		margin-left:40rpx
	}
	.avtorname view:first-child{
		font-size: 42rpx;
		margin-bottom:10rpx
	}
	.avtorname view:last-child{
		font-size: 32rpx;
	}
	.celllist{
		
	}
	/deep/ .u-cell-item-box{
		border-radius: 80rpx 80rpx 0 0;
		padding-top:40rpx
	}
	/deep/ .celllist .u-icon__icon{
		font-size: 32px!important;
		color:#DB1B29
	}
	/deep/ .celllist .u-cell_title{
		color:#808080;
		font-size:18px ;
		margin-left:15rpx;
	}
	/deep/ .celllist .uicon-arrow-right{
		color:#808080;
	}
	/deep/ .u-border-top:after{
		border-top:none
	}
	.celllist .u-cell{
		padding:40rpx 30rpx
	}
	
</style>
