You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<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>
|
