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.
74 lines
1.5 KiB
74 lines
1.5 KiB
3 years ago
|
<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>
|