Browse Source

标的详情样式优化

master
wanghongjun 2 years ago
parent
commit
7585f54e3e
  1. 22
      pages/goods/detail.scss
  2. 6
      pages/goods/detail.vue

22
pages/goods/detail.scss

@ -126,16 +126,22 @@
line-height: 1.4;
color: #3c3c3c;
.item-title{
padding: 26rpx 50rpx;
font-size: 36rpx;
font-weight: 600;
border-bottom: #eee solid 2rpx;
.item-title-tab {
width: 100%;
.item-title{
width: 33.3%;
padding: 26rpx;
font-size: 36rpx;
font-weight: 600;
border-bottom: #eee solid 2rpx;
display: inline-block;
}
.item-title-text {
border-bottom: #000000 solid 4rpx;
text-align: center;
.item-title-text {
border-bottom: #000000 solid 4rpx;
}
}
}
.item-content{
padding: 20rpx 26rpx;

6
pages/goods/detail.vue

@ -39,8 +39,10 @@
<view v-if="!isLoading" class="bdcontent m-top20">
<view class="item-title b-f" v-for="items in tab" @click="changeTab(items.key)">
<text :class="{'item-title-text': tabKey === items.key}">{{items.title}}</text>
<view class="item-title-tab">
<view class="item-title b-f" v-for="items in tab" @click="changeTab(items.key)">
<text :class="{'item-title-text': tabKey === items.key}">{{items.title}}</text>
</view>
</view>
<!-- 标的信息 -->
<view class="item-content b-f" v-if="tabKey === 1">

Loading…
Cancel
Save