|
|
@@ -7,13 +7,13 @@
|
|
|
<view class="logo">
|
|
|
<img :src="item.channelPic" />
|
|
|
<view class="mask">{{ item.channelId }}</view>
|
|
|
- </view>
|
|
|
- <view class="content">
|
|
|
- <view style="display:flex">
|
|
|
- <text class="name">{{ item.aliasName }}</text>
|
|
|
- <text class="tips">{{ item.channelTypeText }}</text>
|
|
|
+ <view class="content" flex>
|
|
|
+ <view>{{ item.aliasName }}</view>
|
|
|
+ <view style="color: rgba(255, 255, 255, 0.4);">{{ item.description ? item.description : '暂无描述'}}</view>
|
|
|
</view>
|
|
|
- <view>{{ item.description }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="tips">
|
|
|
+ {{ item.channelTypeText }}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -64,15 +64,15 @@ export default {
|
|
|
height: 136rpx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
|
|
|
.logo {
|
|
|
- width: 136rpx;
|
|
|
- height: 136rpx;
|
|
|
position: relative;
|
|
|
+ display: flex;
|
|
|
|
|
|
img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 136rpx;
|
|
|
+ height: 136rpx;
|
|
|
border-radius: 10rpx;
|
|
|
}
|
|
|
|
|
|
@@ -86,39 +86,28 @@ export default {
|
|
|
line-height: 136rpx;
|
|
|
background: rgba(0, 0, 0, 0.3);
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
- .content {
|
|
|
- margin-left: 20rpx;
|
|
|
- font-size: 28rpx;
|
|
|
- line-height: 44rpx;
|
|
|
+ .content {
|
|
|
+ width: 300rpx;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
|
|
|
- view:first-child {
|
|
|
- .name {
|
|
|
- width: 382rpx;
|
|
|
- display: inline-block;
|
|
|
+ view{
|
|
|
overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
|
- }
|
|
|
-
|
|
|
- .tips {
|
|
|
- border: 2rpx solid rgba(255, 255, 255, 0.15);
|
|
|
- border-radius: 50rpx;
|
|
|
- font-size: 22rpx;
|
|
|
- color: rgba(255, 255, 255, 0.7);
|
|
|
- padding: 0 16rpx;
|
|
|
- margin-left: 16rpx;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- view:last-child {
|
|
|
- width: 478rpx;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- color: rgba(255, 255, 255, 0.4);
|
|
|
- }
|
|
|
+ .tips {
|
|
|
+ border: 2rpx solid rgba(255, 255, 255, 0.15);
|
|
|
+ border-radius: 50px;
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: rgba(255, 255, 255, 0.7);
|
|
|
+ padding: 4rpx 16rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
