Commit d32de4e8 by 林家欣

修改首页质检中心/协会/杂志社/标准委/其他列表样式

parent 77c2ec0b
...@@ -2,7 +2,8 @@ ...@@ -2,7 +2,8 @@
<div class="list"> <div class="list">
<div v-for="(tmp, i) in list" :key="i" class="row"> <div v-for="(tmp, i) in list" :key="i" class="row">
<div class="col li"> <div class="col li">
<span></span> <span class="ico"></span>
<div class="li-right">
<span :title="tmp.name" @click="handelUrl(tmp)">{{ tmp.name }}</span> <span :title="tmp.name" @click="handelUrl(tmp)">{{ tmp.name }}</span>
<span :title="tmp.subName" @click="handelSubUrl(tmp)" <span :title="tmp.subName" @click="handelSubUrl(tmp)"
><a>{{ tmp.subName }}</a></span ><a>{{ tmp.subName }}</a></span
...@@ -10,6 +11,7 @@ ...@@ -10,6 +11,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
export default { export default {
...@@ -61,23 +63,22 @@ export default { ...@@ -61,23 +63,22 @@ export default {
font-size: 14px; font-size: 14px;
color: #7e8ea9; color: #7e8ea9;
@include ellipsis; @include ellipsis;
span { .ico {
display: inline-block;
&:nth-child(1) {
width: 4px; width: 4px;
height: 4px; height: 4px;
background: #f26335; background: #f26335;
border-radius: 50%; border-radius: 50%;
margin-right: 10px; margin-right: 10px;
} }
&:nth-child(3) { .li-right{
@include ellipsis;
flex: 1;
}
a { a {
text-decoration: underline; text-decoration: underline;
color: #ff7f24; color: #ff7f24;
} }
} }
} }
}
}
} }
</style> </style>
\ No newline at end of file
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