图片css
This commit is contained in:
@@ -10,7 +10,7 @@
|
||||
</div>
|
||||
<div class="title">网格人员</div>
|
||||
<div class="user-content" v-for="(item, index) in dataInfo.parentGirdMembers" :key="index">
|
||||
<img :src="item.photo" alt="" v-if="item.photo">
|
||||
<image :src="item.photo" alt="" mode="aspectFill" v-if="item.photo" />
|
||||
<img src="./components/img/big-user.png" alt="" v-else>
|
||||
<div class="right">
|
||||
<div class="name">{{item.name}}</div>
|
||||
@@ -19,8 +19,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="user-content user-item" v-for="(item, index) in dataInfo.girdMembers" :key="index">
|
||||
<img :src="item.photo" alt="" v-if="item.photo">
|
||||
<img src="./components/img/user-img.png" alt="" v-else>
|
||||
<image :src="item.photo" alt="" mode="aspectFill" v-if="item.photo" />
|
||||
<img src="./components/img/big-user.png" alt="" v-else />
|
||||
<div class="right">
|
||||
<div class="name">{{item.name}}
|
||||
<span class="gird">{{item.checkType == 2 ? '网格长' : '网格员'}}</span>
|
||||
@@ -142,6 +142,13 @@ export default {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
margin-right: 32px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
image{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
margin-right: 32px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.right{
|
||||
width: 100%;
|
||||
@@ -178,6 +185,11 @@ export default {
|
||||
height: 96px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
image{
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.gird{
|
||||
display: inline-block;
|
||||
margin-left: 16px;
|
||||
|
||||
Reference in New Issue
Block a user