<template>
|
<!-- 跟进记录 -->
|
<view>
|
<view>
|
<h-tabs
|
class="tab"
|
:tabData="tabs"
|
:config="{
|
color: '#abb1cc',
|
activeColor: '#518EFF',
|
underLineColor: '#518EFF',
|
underLineHeight: 6,
|
fontSize: '28',
|
underLineWidth: 60,
|
}"
|
@tabClick="tabClick($event)"
|
/>
|
</view>
|
<view class="content-row font-14" v-for="item in 2">
|
<view class="flex align-center">
|
<image class="header-img" src="../../static/images/default-avatar.png"></image>
|
<view class="flex flex-v ml-10">
|
<text>杨明</text>
|
<text>2020-12 12:34</text>
|
</view>
|
</view>
|
<view class="mt-10">
|
<text>截图服务了杨姐,她的面部比较干燥暗沉色斑较多,约下次来做一个面部护理</text>
|
</view>
|
<view class="mt-10">
|
<image class="content-img mr-10" src="../../static/images/banner.jpg"></image>
|
<image class="content-img" src="../../static/images/banner.jpg"></image>
|
</view>
|
<view class="flex align-center justify-between mt-5">
|
<text>客户:杨依依</text>
|
<view class="flex align-center">
|
<text class="iconfont iconzhong mr-5"></text>
|
<text>2020-12-31 12:34</text>
|
</view>
|
</view>
|
<view class="mt-5">
|
<text>订单:面部护理等</text>
|
</view>
|
<view class="right mt-5">
|
<text class="iconfont iconxin"></text>
|
<text class="iconfont iconliuyan1 ml-20"></text>
|
</view>
|
<view class="content-row-notes flex align-center blue">
|
<text class="iconfont iconxin mr-10"></text>
|
<text>李贝,拉拉</text>
|
</view>
|
<view class="content-row-notes flex align-center blue">
|
<text>李贝: 好的,继续跟进</text>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import HTabs from "@/components/liuyuno-tabs/liuyuno-tabs.vue";
|
export default {
|
components: {
|
HTabs
|
},
|
data() {
|
return {
|
tabs:[
|
{
|
state: 1,
|
name: '全部'
|
},
|
{
|
state: 2,
|
name: '我发出的'
|
},
|
{
|
state: 3,
|
name: '我的团队'
|
}
|
]
|
}
|
}
|
}
|
</script>
|
|
<style>
|
page{
|
background: #F6F6F8;
|
}
|
.tab{
|
background: #FFFFFF;
|
}
|
.header-img{
|
width: 45px;
|
height: 45px;
|
border-radius: 50%;
|
}
|
.content-row{
|
background: #FFFFFF;
|
padding: 10px;
|
margin-top: 10px;
|
}
|
.content-img{
|
width: 80px;
|
height: 80px;
|
border-radius: 4px;
|
}
|
.content-row-notes{
|
line-height: 20px;
|
background: #F6F6F8;
|
padding: 5px;
|
margin-top: 10px;
|
}
|
</style>
|
