|
@@ -26,8 +26,8 @@
|
|
|
<span>服务列表</span>
|
|
<span>服务列表</span>
|
|
|
<img src="../assetsPre/menu.png" alt="">
|
|
<img src="../assetsPre/menu.png" alt="">
|
|
|
</div>
|
|
</div>
|
|
|
- <transition name='slide-down'>
|
|
|
|
|
- <div class="service-content" v-if="showMenu">
|
|
|
|
|
|
|
+ <transition name='slide-down' v-if="showMenu">
|
|
|
|
|
+ <div class="service-content">
|
|
|
<div class="serive-item" v-for="(item,index) in serviceType">
|
|
<div class="serive-item" v-for="(item,index) in serviceType">
|
|
|
<div class="title">{{item.serviceType}}</div>
|
|
<div class="title">{{item.serviceType}}</div>
|
|
|
<div class="serive-val-list">
|
|
<div class="serive-val-list">
|
|
@@ -458,16 +458,22 @@ export default {
|
|
|
|
|
|
|
|
.serive-val-list {
|
|
.serive-val-list {
|
|
|
padding-bottom: 12px;
|
|
padding-bottom: 12px;
|
|
|
-
|
|
|
|
|
|
|
+ display: -webkit-box;
|
|
|
|
|
+ display: -webkit-flex;
|
|
|
|
|
+ display: -ms-flexbox;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ -webkit-flex-wrap: wrap;
|
|
|
|
|
+ -webkit-box-lines: multiple;
|
|
|
|
|
+ -moz-flex-wrap: wrap;
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
a {
|
|
a {
|
|
|
- display: inline-block;
|
|
|
|
|
- width: 30%;
|
|
|
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
|
font-family: MicrosoftYaHei;
|
|
font-family: MicrosoftYaHei;
|
|
|
color: rgba(102, 102, 102, 1);
|
|
color: rgba(102, 102, 102, 1);
|
|
|
line-height: 16px;
|
|
line-height: 16px;
|
|
|
margin-top: 6px;
|
|
margin-top: 6px;
|
|
|
text-decoration: none;
|
|
text-decoration: none;
|
|
|
|
|
+ padding: 0 5px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|