|
|
@@ -1,20 +1,22 @@
|
|
|
<template>
|
|
|
<view class="list-box">
|
|
|
<view class="item-box" v-for="item in list" :key="item.shareuserid">
|
|
|
- <view class="item-top">
|
|
|
- <view class="avatar-info">
|
|
|
- <u--image shape="circle" :width="tovw(44)" :height="tovw(44)" :lazy-load="true" :src="item.headpic || 'https://yossys06593.obs.cn-east-3.myhuaweicloud.com:443/202406011717209838416B6150695f.webp'" mode="widthFix"></u--image>
|
|
|
- <view class="detail-info">
|
|
|
- <text class="title">{{ item.name }}</text>
|
|
|
- <view class="address">
|
|
|
- <i class="iconfont icon-dizhi-hui1"></i>
|
|
|
- <text class="u-line-2">{{ item.province+item.city+item.county+item.address }}</text>
|
|
|
+ <view class="item-top-box">
|
|
|
+ <view class="item-top">
|
|
|
+ <view class="avatar-info">
|
|
|
+ <u--image shape="circle" :width="tovw(44)" :height="tovw(44)" :lazy-load="true" :src="item.headpic || 'https://yossys06593.obs.cn-east-3.myhuaweicloud.com:443/202406011717209838416B6150695f.webp'" mode="widthFix"></u--image>
|
|
|
+ <view class="detail-info">
|
|
|
+ <text class="title">{{ item.name }}</text>
|
|
|
+ <view class="address">
|
|
|
+ <i class="iconfont icon-dizhi-hui1"></i>
|
|
|
+ <text class="u-line-2">{{ item.province+item.city+item.county+item.address }}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="origin-info">
|
|
|
- <text class="origin">来自:{{ item.sharename }}</text>
|
|
|
- <text class="createdate">{{ item.createdate }}</text>
|
|
|
+ <view class="origin-info">
|
|
|
+ <text class="origin">来自:{{ item.sharename }}</text>
|
|
|
+ <text class="createdate">{{ item.createdate }}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="footer-info">
|
|
|
@@ -48,19 +50,22 @@ export default {
|
|
|
padding: 10px 10px 0 10px;
|
|
|
.item-box {
|
|
|
background: #ffffff;
|
|
|
- padding: 10px 0 10px 10px;
|
|
|
+ padding: 0 0 10px 0;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
border-radius: 8px 8px 8px 8px;
|
|
|
margin-bottom: 10px;
|
|
|
+ .item-top-box {
|
|
|
+ border-top-left-radius: 5px;
|
|
|
+ border-top-right-radius: 5px;
|
|
|
+ }
|
|
|
.item-top {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
padding-bottom: 10px;
|
|
|
+ margin: 10px 0 0 10px;
|
|
|
border-bottom: 1px solid #DDDDDD;
|
|
|
font-family: Source Han Sans SC, Source Han Sans SC;
|
|
|
- border-top-left-radius: 5px;
|
|
|
- border-top-right-radius: 5px;
|
|
|
.avatar-info {
|
|
|
display: flex;
|
|
|
.avatar {
|
|
|
@@ -109,6 +114,7 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
margin-top: 10px;
|
|
|
+ padding-left: 10px;
|
|
|
.left{
|
|
|
font-weight: 400;
|
|
|
font-size: 14px;
|
