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,17 +126,23 @@
line-height: 1.4; line-height: 1.4;
color: #3c3c3c; color: #3c3c3c;
.item-title{ .item-title-tab {
padding: 26rpx 50rpx; width: 100%;
font-size: 36rpx; .item-title{
font-weight: 600; width: 33.3%;
border-bottom: #eee solid 2rpx; padding: 26rpx;
font-size: 36rpx;
font-weight: 600;
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;
// font-size: 30rpx; // font-size: 30rpx;

6
pages/goods/detail.vue

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

Loading…
Cancel
Save