Skip to content

T
techbook
Commit a88b925a authored by zhangyanni's avatar zhangyanni
Browse files
Options

样式

parent 9f37e329
Hide whitespace changes
Inline Side-by-side
Showing with 54 additions and 52 deletions
src/views/mobile/mine.vue
View file @ a88b925a
......@@ -4,23 +4,23 @@
<div class="topWrapper">
<el-row class="userInfoWrapper" :style="{paddingBottom:publicFun.getUserDetailRoleFunc()==1?'0':'.6rem'}" v-if="empuser">
<el-col :span="18">
<div style="position: relative">
<div style="position: relative" class="userLogo">
<img :src="empuser.empLogo!=''&&empuser.empLogo?empuser.empLogo:require('../../assets/img/defaultlogo.png')">
<img v-if="publicFun.getUserRoleIsZjFunc()" src="../../assets/img/proFeedBack/vip.png" alt=""
class="vipImg">
</div>
<span class="line-limit-length">{{empuser.nickName}}</span>
<div class="intersetedFlag" v-if="publicFun.getUserDetailRoleFunc()==1">
<div>
<div v-if="intersetedFlag.length>0" v-for="item in intersetedFlag"><span>{{item.dataName}}</span></div>
<div @click="handleToFlag" class="flagButton"><span>+ {{$t("interseted.add")}}</span></div>
</div>
</div>
</el-col>
<el-col :span="6">
<p @click="handleGo">{{$t("commonTitle.editInfo")}}</p>
</el-col>
</el-row>
<div class="intersetedFlag" v-if="publicFun.getUserDetailRoleFunc()==1">
<div>
<div v-if="intersetedFlag.length>0" v-for="item in intersetedFlag"><span>{{item.dataName}}</span></div>
<div @click="handleToFlag" class="flagButton"><span>+ {{$t("interseted.add")}}</span></div>
</div>
</div>
<div class="routerLink routerLinkFirst" v-if="activeList.length>0">
<el-row v-for="(item,index) in activeList" :key="item.id">
<div @click="handlePush(item)">
......@@ -319,7 +319,8 @@
color: #fff;
display: flex;
align-items: flex-start;
> div {
flex-wrap: wrap;
> div.userLogo {
display: inline-block;
width: 1.3rem;
height: 1.3rem;
......@@ -340,8 +341,51 @@
}
}
}
>div.intersetedFlag{
width: 100%;
padding-left: 25%;
display: flex;
flex-wrap: wrap;
padding-right: .2rem;
align-items: center;
margin-bottom: .6rem;
z-index: 9999;
>div{
margin-top: -0.3rem;
>div{
display: inline-block;
min-height: .5rem;
padding: .08rem .1rem;
color: #fff;
border: 1px solid #fff;
font-size: .24rem;
margin-right: .2rem;
border-radius: .03rem;
margin-bottom: .15rem;
&:last-of-type{
background-color: #fff;
color: #5D78FF;
}
}
p.flagButton{
display: inline-block;
min-height: .5rem;
padding: .08rem .1rem;
color: #fff;
border: 1px solid #fff;
font-size: .24rem;
margin-right: .2rem;
border-radius: .03rem;
margin-bottom: .15rem;
&:last-of-type{
background-color: #fff;
color: #5D78FF;
}
}
}
}
> span {
display: inline-block;
display: block;
font-size: .32rem;
margin-left: 0.3rem;
max-width: 4rem;
......@@ -358,49 +402,7 @@
}
}
}
.intersetedFlag{
width: 100%;
padding-left: 25%;
display: flex;
flex-wrap: wrap;
padding-right: .2rem;
align-items: center;
margin-bottom: .6rem;
z-index: 9999;
>div{
margin-top: -0.3rem;
>div{
display: inline-block;
min-height: .5rem;
padding: .08rem .1rem;
color: #fff;
border: 1px solid #fff;
font-size: .24rem;
margin-right: .2rem;
border-radius: .03rem;
margin-bottom: .15rem;
&:last-of-type{
background-color: #fff;
color: #5D78FF;
}
}
p.flagButton{
display: inline-block;
min-height: .5rem;
padding: .08rem .1rem;
color: #fff;
border: 1px solid #fff;
font-size: .24rem;
margin-right: .2rem;
border-radius: .03rem;
margin-bottom: .15rem;
&:last-of-type{
background-color: #fff;
color: #5D78FF;
}
}
}
}
.height15px{
height: .15rem;
background: #f6f6f6;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment