|
@@ -10,19 +10,12 @@
|
|
|
<image class="avatar" :src="item.home_img_url" mode="aspectFill" lazyload></image>
|
|
|
<view class="content">
|
|
|
<view class="title">{{item.classify_name_second}}</view>
|
|
|
- <view class="author">
|
|
|
+ <view class="van-ellipsis author">
|
|
|
<text style="margin-right:20rpx">{{item.report_author}}</text>
|
|
|
- <text>{{item.vip_title}}</text>
|
|
|
+ <text class="vip-text" v-if="item.vip_title">{{item.vip_title}}</text>
|
|
|
+ <text v-else>{{item.author_descript}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- <image class="avatar" :src="item.home_img_url" mode="aspectFill" lazyload/>
|
|
|
- <view class="content">
|
|
|
- <view class="name">{{item.classify_name_second}}</view>
|
|
|
- <view class="author">主讲人:{{item.report_author}}</view>
|
|
|
- <view class="van-ellipsis job">{{item.author_descript}}</view>
|
|
|
- <view class="num">第{{item.stage}}期 | {{item.product_name}}</view>
|
|
|
- </view> -->
|
|
|
-
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
@@ -124,6 +117,7 @@ page{
|
|
|
}
|
|
|
.content{
|
|
|
flex: 1;
|
|
|
+ overflow: hidden;
|
|
|
.title{
|
|
|
font-size: 34rpx;
|
|
|
font-weight: 700;
|
|
@@ -134,6 +128,28 @@ page{
|
|
|
.author{
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 400;
|
|
|
+ .vip-text{
|
|
|
+ display: inline-block;
|
|
|
+ background-color: #FAF7EE;
|
|
|
+ font-size: 24rpx;
|
|
|
+ padding: 8rpx 15rpx;
|
|
|
+ border-radius: 23rpx;
|
|
|
+ line-height: 1;
|
|
|
+ position: relative;
|
|
|
+ padding-left: 38rpx;
|
|
|
+ &::before{
|
|
|
+ content: '';
|
|
|
+ display: inline-block;
|
|
|
+ width: 30rpx;
|
|
|
+ height: 30rpx;
|
|
|
+ background-image: url('../static/tag.png');
|
|
|
+ background-size: cover;
|
|
|
+ line-height: 1;
|
|
|
+ position: absolute;
|
|
|
+ top: 6rpx;
|
|
|
+ left: 8rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|