|
|
|
@ -46,9 +46,15 @@
|
|
|
|
|
<vue-scroll>
|
|
|
|
|
<div class="sb-bd" v-loading="load">
|
|
|
|
|
<div class="sb-b-item" :class="modelName === item.name ? 'sb-b-item-active': ''" v-for="(item,index) in models" :key="index" @click="handlerModel(index, item)">
|
|
|
|
|
<div v-if="item.name.length > 12 && item.name.length <= 14" style="font-size: 15px">{{item.name}}</div>
|
|
|
|
|
<div v-if="item.name.length > 14" style="font-size: 13px">{{item.name}}</div>
|
|
|
|
|
<div v-else>{{item.name}}</div>
|
|
|
|
|
<!-- <a-tooltip>
|
|
|
|
|
<template slot="title">
|
|
|
|
|
{{item.name}}
|
|
|
|
|
</template> -->
|
|
|
|
|
<div v-if="item.name.length > 11 && item.name.length <= 13" style="font-size: 15px">{{item.name}}</div>
|
|
|
|
|
<div v-else-if="item.name.length > 13 && item.name.length <= 14 " style="font-size: 13px">{{item.name}}</div>
|
|
|
|
|
<div v-else-if="item.name.length > 14 " style="font-size: 11px">{{item.name}}</div>
|
|
|
|
|
<div v-else>{{item.name}}</div>
|
|
|
|
|
<!-- </a-tooltip> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</vue-scroll>
|
|
|
|
@ -314,7 +320,7 @@ export default {
|
|
|
|
|
.s1 {
|
|
|
|
|
display: block;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|