You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

73 lines
1.5 KiB

<template>
<view class="CustomerList">
<view
class="item acea-row row-between-wrapper"
v-for="item in list"
:key="item.id"
@click="goCustomerService(item)"
>
<view class="pictrue">
<image :src="item.avatar" />
</view>
<view class="text line1">{{ item.nickname }}</view>
</view>
</view>
</template>
<script>
import { serviceList } from "@/api/user";
export default {
name: "CustomerList",
data() {
return {
list: []
};
},
methods: {
goCustomerService(item) {
this.$yrouter.push({
path: "/pages/user/CustomerService/index",
query: { id: item.uid }
});
},
getList() {
serviceList().then(res => {
this.list = res.data;
});
}
},
mounted() {
this.getList();
}
};
</script>
<style scoped lang="less">
.CustomerList {
margin-top: 0.13*100rpx;
}
.CustomerList .item {
height: 1.38*100rpx;
border-bottom: 1px solid #eee;
padding: 0 0.24*100rpx;
background-color: #fff;
}
.CustomerList .item .pictrue {
width: 0.9*100rpx;
height: 0.9*100rpx;
border-radius: 50%;
border: 0.03*100rpx solid #fff;
box-shadow: 0 0 0.1*100rpx 0.05*100rpx #f3f3f3;
-webkit-box-shadow: 0 0 0.1*100rpx 0.05*100rpx #f3f3f3;
-moz-box-shadow: 0 0 0.1*100rpx 0.05*100rpx #f3f3f3;
}
.CustomerList .item .pictrue image{
width: 100%;
height: 100%;
border-radius: 50%;
}
.CustomerList .item .text {
width: 5.82*100rpx;
font-size: 0.32*100rpx;
color: #000;
}
</style>