Authored by yyq

fix

... ... @@ -7,7 +7,7 @@
</div>
<div class="title flex" :style="{opacity}">
<slot>
{{title}}
<span class="title-inner">{{title}}</span>
</slot>
</div>
<div class="opts flex" :style="{opacity}">
... ... @@ -120,6 +120,15 @@ export default {
letter-spacing: 0.09PX;
overflow: hidden;
z-index: 1;
.title-inner {
display: inline-block;
max-width: 90%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
}
.opts {
... ...
... ... @@ -100,7 +100,9 @@ export default {
}
},
onClick() {
this.product.product_skn && this.$yoho.goProductDetail(this.product.product_skn);
let skn = this.product.product_skn || this.product.productSkn;
skn && this.$yoho.goProductDetail(skn);
}
}
};
... ...
... ... @@ -492,10 +492,12 @@
}
.num {
min-width: 30px;
font-size: 28px;
font-weight: 500;
padding-bottom: 6px;
display: block;
text-align: center;
}
.name {
... ...
<template>
<div class="tabs-wrap">
<ul class="tabs-list">
<li v-for="(item, index) in tabList" :key="index" :class="{'active': active === index}" @click="changeType(index, true)">
{{item.name}}
<span v-if="item.num" class="t-num">({{item.num}})</span>
<li v-for="(item, index) in tabList" :key="index" @click="changeType(index, true)">
<div class="tabs-item" :class="{'active': active === index}">
{{item.name}}
<span v-if="item.num" class="t-num">({{item.num}})</span>
</div>
</li>
</ul>
</div>
... ... @@ -68,7 +70,7 @@ export default {
<style>
.tabs-wrap {
padding: 20px 30px 30px;
padding: 0 30px;
background-color: #fff;
display: flex;
justify-content: space-between;
... ... @@ -81,7 +83,7 @@ export default {
font-size: 32px;
color: #b0b0b0;
font-weight: 300;
margin-right: 40px;
padding: 20px 40px 30px 0;
}
.active {
... ...