提交 cdc9ac9d 编写于 作者: !阳仔's avatar !阳仔

no message

上级 08faf475
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<p>全国</p> <p>全国</p>
</div> --> </div> -->
<el-dropdown v-if="city&&!userItem" trigger="click" class="dropdown" @visible-change="(val)=>{cityFlag = val}" @command="dropdownFn" :hide-on-click="true"> <el-dropdown v-if="city&&!userItem" trigger="click" class="dropdown" @visible-change="(val)=>{cityFlag = val}" @command="dropdownFn" :hide-on-click="true">
<p>地区:<span style="font-size: 16px;">{{city}}</span> <i :class="!cityFlag?'el-icon-arrow-down':'el-icon-arrow-up'"></i> </p> <p><span>地区:</span><span style="font-size: 16px;">{{city}}</span> <i :class="!cityFlag?'el-icon-arrow-down':'el-icon-arrow-up'"></i> </p>
<el-dropdown-menu class="rank-dropdown" slot="dropdown" > <el-dropdown-menu class="rank-dropdown" slot="dropdown" >
<el-dropdown-item :command="it" v-for="(it,index) in dropdownList" :key="index">{{it}}</el-dropdown-item> <el-dropdown-item :command="it" v-for="(it,index) in dropdownList" :key="index">{{it}}</el-dropdown-item>
...@@ -120,6 +120,12 @@ export default { ...@@ -120,6 +120,12 @@ export default {
height: 36px; height: 36px;
text-align: center; text-align: center;
color: #77C0FF; color: #77C0FF;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
&:focus{ &:focus{
background: #2E4974; background: #2E4974;
} }
...@@ -194,6 +200,17 @@ export default { ...@@ -194,6 +200,17 @@ export default {
max-width: 200px; max-width: 200px;
font-size: 16px; font-size: 16px;
color:#77C0FF ; color:#77C0FF ;
span{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}
&>span:nth-child(1){
width: 70px;
}
cursor: pointer; cursor: pointer;
img { img {
width: 18px; width: 18px;
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<div class="rank-list"> <div class="rank-list">
<div class="title"> <div class="title">
<span>{{ title }}</span> <span>{{ title }}</span>
<p v-if="city&&!userItem" @click="show=true" class="text">地区:<span style="color: #fff;">{{city}}</span><img src="@/assets/img/wap-down.png" alt="" /></p> <p v-if="city&&!userItem" @click="show=true" class="text"><span>地区:</span><span style="color: #fff;">{{city}}</span><img src="@/assets/img/wap-down.png" alt="" /></p>
<p v-if="userItem"><img src="@/assets/img/user-wap.png" alt="" /><a target="_blank" :href="`https://blog.csdn.net/${userItem.username}`">{{userItem.nickname||userItem.username}}</a></p> <p v-if="userItem"><img src="@/assets/img/user-wap.png" alt="" /><a target="_blank" :href="`https://blog.csdn.net/${userItem.username}`">{{userItem.nickname||userItem.username}}</a></p>
</div> </div>
<div class="rank-list-nav border"> <div class="rank-list-nav border">
...@@ -153,14 +153,24 @@ export default { ...@@ -153,14 +153,24 @@ export default {
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #b2bccf; color: #b2bccf;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
} }
.clear{ .clear{
cursor: pointer; cursor: pointer;
} }
p { p {
// flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
max-width: 150px; max-width: 150px;
&>span:nth-child(1){
width: 50px;
}
&.text img{ &.text img{
width: 14px; width: 14px;
height: 14px; height: 14px;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册