Browse Source

标的详情样式优化

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

10
pages/goods/detail.scss

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

2
pages/goods/detail.vue

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

Loading…
Cancel
Save