Browse Source

refactor(market): 优化通话记录展示样式

- 移除不必要的日期标签
- 调整通话记录列表的样式,使信息展示更清晰
- 优化呼叫对象和呼叫号码的展示方式,采用灵活盒布局
- 添加顶部空白区域,提高可读性
master
liutong 12 months ago
parent
commit
d417eeffde
  1. 39
      pages/market/clue/clue_info.vue

39
pages/market/clue/clue_info.vue

@ -135,42 +135,47 @@
<!-- 通话记录-->
<view class="call-log" v-if="switch_tags_type == 3">
<view>
<view class="basic-message">08-23</view>
<view style="margin-top: 20rpx">
<!-- <view class="basic-message">08-23</view>-->
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>2019-08-23 22:31</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫类型主叫</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫号码18888888888</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫对象包念念</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>呼叫对象包念念</view>
<view>呼叫号码18888888888</view>
</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view style="margin-top: 20rpx">
<!-- <view class="basic-message">08-23</view>-->
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>2019-08-23 22:31</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫类型主叫</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫号码18888888888</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫对象包念念</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>呼叫对象包念念</view>
<view>呼叫号码18888888888</view>
</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view style="margin-top: 20rpx">
<!-- <view class="basic-message">08-23</view>-->
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>2019-08-23 22:31</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫类型主叫</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫号码18888888888</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫对象包念念</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>呼叫对象包念念</view>
<view>呼叫号码18888888888</view>
</view>
</view>
</view>
<view style="height: 200rpx;"></view>
</view>
@ -559,6 +564,10 @@
padding: 16rpx;
color: #fff;
position: relative;
view{
}
}
.same-community{
width: 120rpx;

Loading…
Cancel
Save