浅念
102 lines
2.3 KiB
Vue
102 lines
2.3 KiB
Vue
<template>
|
|
<view class="">
|
|
<view class="contents" v-for="(item, index) in list" :key="index" @click="handleItemClick(item)">
|
|
<view class="top">
|
|
<view class="">2025.03.11 12:00</view>
|
|
<view class="tag">跟进中</view>
|
|
</view>
|
|
<u-divider text="" :hairline="true"></u-divider>
|
|
<view class="cont">
|
|
<view class="title">
|
|
<view class=""><text class="name">刘德华</text><text class="phone">138****2264</text></view>
|
|
<view class="ststus">初步接触</view>
|
|
</view>
|
|
<view class="info"><text class="sex">男</text> | <text class="addr">迪拜</text><text class="type">越野车</text>
|
|
</view>
|
|
<slot name="footer">
|
|
<text></text>
|
|
</slot>
|
|
<!-- <slot name="footertab">
|
|
<view class="desc1">
|
|
<view class="" @click="phoneClick(item)"><image src="/static/image/customer/phone.png" mode=""></image> 呼叫</view>
|
|
<view class="" @click="editClick(item)"><image src="/static/image/customer/edit.png" mode=""></image> 跟进</view>
|
|
<view class="" @click="delClick(item)"><image src="/static/image/customer/trash.png" mode=""></image> 删除</view>
|
|
</view>
|
|
</slot> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "index",
|
|
props: {
|
|
list: {
|
|
type: Array,
|
|
default: []
|
|
},
|
|
},
|
|
methods:{
|
|
handleItemClick(item) {
|
|
this.$emit('click', item);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.contents{
|
|
background-color: #FFFFFF;
|
|
border-radius: 10px;
|
|
margin-bottom: 10px;
|
|
.top{
|
|
padding: 10px 15px 0px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
.tag{
|
|
background: #3471FF;
|
|
color: white;
|
|
border-radius: 10px 0px 0px 10px;
|
|
padding: 0px 10px;
|
|
margin-right: -15px;
|
|
}
|
|
}
|
|
.cont{
|
|
padding: 0px 15px 10px;
|
|
font-size: 24rpx;
|
|
.title{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
color: #222222;
|
|
.name{
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
margin-right: 10px;
|
|
}
|
|
.phone{
|
|
font-size: 28rpx;
|
|
}
|
|
}
|
|
.ststus{
|
|
color: #666666;
|
|
}
|
|
.info,.desc{
|
|
color: #78758E;
|
|
line-height: 26px;
|
|
}
|
|
.sex{
|
|
margin-right: 5px;
|
|
}
|
|
.addr{
|
|
margin-left: 5px;
|
|
}
|
|
.type{
|
|
margin-left: 5px;
|
|
color: #3471FF;
|
|
}
|
|
}
|
|
}
|
|
</style> |