kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

图片css

Browse Source
This commit is contained in:
liuye
2022-01-14 16:44:32 +08:00
parent a67ad4c44c
commit 87ba0d7d33
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/apps/AppGridManagement/Organization.vue
View File

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