|
@@ -58,13 +58,68 @@
|
|
|
<!-- 金豆专区 -->
|
|
|
<golden-bean :data='jdList'></golden-bean>
|
|
|
<!-- 批发专区 -->
|
|
|
- <wholesale></wholesale>
|
|
|
- <!-- 为你推荐 -->
|
|
|
- <recommend :data='bastList'></recommend>
|
|
|
+ <wholesale></wholesale>
|
|
|
+ <!-- 公司简介 -->
|
|
|
+ <view class="jj-tit" v-if="gsjjList.length > 0">
|
|
|
+ <view class="left">
|
|
|
+ <image src="../../static/icon/gsjj.png" mode="" class="jj-log"></image>
|
|
|
+ <view class="jj-title">
|
|
|
+ 公司简介
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="jj-more-tit">
|
|
|
+ 更多
|
|
|
+ </view>
|
|
|
+ <image src="../../static/img/img39.png" mode="" class="jj-more"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="jj-wrap" v-if="gsjjList.length > 0">
|
|
|
+ <view class="jj" v-for="item in 1">
|
|
|
+ <view class="jj-img"></view>
|
|
|
+ <view class="jj-info">
|
|
|
+ <view class="jj-tit-tit clamp">
|
|
|
+ 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
|
|
|
+ </view>
|
|
|
+ <view class="jj-val clamp2">
|
|
|
+ 体贴体贴体贴体贴体贴体贴体贴体贴体贴体贴体贴体贴体贴
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 产品简介 -->
|
|
|
+ <view class="jj-tit" style="margin-top: 20rpx;" v-if="cpjjList.length > 0">
|
|
|
+ <view class="left">
|
|
|
+ <image src="../../static/icon/cpjj.png" mode="" class="jj-log"></image>
|
|
|
+ <view class="jj-title">
|
|
|
+ 产品简介
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="jj-more-tit">
|
|
|
+ 更多
|
|
|
+ </view>
|
|
|
+ <image src="../../static/img/img39.png" mode="" class="jj-more"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="jj-wrap" v-if="cpjjList.length > 0">
|
|
|
+ <view class="jj" v-for="item in 1">
|
|
|
+ <view class="jj-img"></view>
|
|
|
+ <view class="jj-info">
|
|
|
+ <view class="jj-tit-tit clamp">
|
|
|
+ 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
|
|
|
+ </view>
|
|
|
+ <view class="jj-val clamp2">
|
|
|
+ 体贴体贴体贴体贴体贴体贴体贴体贴体贴体贴体贴体贴体贴
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
-<script>
|
|
|
+<script>
|
|
|
+ import topTitle from '../../components/top-title/top-title.vue';
|
|
|
import {
|
|
|
getProducts
|
|
|
} from '@/api/product.js';
|
|
@@ -92,7 +147,8 @@
|
|
|
components: {
|
|
|
goldenBean,
|
|
|
wholesale,
|
|
|
- recommend
|
|
|
+ recommend,
|
|
|
+ topTitle
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -107,7 +163,9 @@
|
|
|
bastList: [], //商品
|
|
|
jdList: [], //金豆商品
|
|
|
page: 1,
|
|
|
- limit: 3,
|
|
|
+ limit: 3,
|
|
|
+ gsjjList: [],
|
|
|
+ cpjjList: []
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
@@ -439,5 +497,79 @@
|
|
|
line-height: 1;
|
|
|
font-size: $font-base;
|
|
|
border-radius: 10rpx;
|
|
|
+ }
|
|
|
+ .jj-tit {
|
|
|
+ display: flex;
|
|
|
+ // height: 50rpx;
|
|
|
+ justify-content: space-between;
|
|
|
+ background-color: #fff;
|
|
|
+ padding-top: 20rpx;
|
|
|
+ .left {
|
|
|
+ padding-left: 20rpx;
|
|
|
+ display: flex;
|
|
|
+ .jj-log {
|
|
|
+ width: 45rpx;
|
|
|
+ height: 45rpx;
|
|
|
+ }
|
|
|
+ .jj-title {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 32rpx;
|
|
|
+ padding-left: 15rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .right {
|
|
|
+ display: flex;
|
|
|
+ width: 200rpx;
|
|
|
+ font-size: 22rpx;
|
|
|
+ // justify-content: sp;
|
|
|
+ justify-content: flex-end;
|
|
|
+ align-items: center;
|
|
|
+ padding-right: 20rpx;
|
|
|
+ color: #999;
|
|
|
+ .jj-more {
|
|
|
+ margin-left: 10rpx;
|
|
|
+ width: 15rpx;
|
|
|
+ height: 22rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .jj-wrap {
|
|
|
+ background-color: #fff;
|
|
|
+ // margin: 20rpx 0;
|
|
|
+ .jj {
|
|
|
+ margin: auto;
|
|
|
+ width: 689rpx;
|
|
|
+ height: 202rpx;
|
|
|
+ border-bottom: 1px solid #999;
|
|
|
+ padding: 20rpx;
|
|
|
+ padding-left: 0;
|
|
|
+ display: flex;
|
|
|
+ &:last-of-type {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ .jj-img {
|
|
|
+ flex-shrink: 0;
|
|
|
+ width: 222rpx;
|
|
|
+ height: 158rpx;
|
|
|
+ background-color: #bfa;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ }
|
|
|
+ .jj-info {
|
|
|
+ width: 450rpx;
|
|
|
+ // flex-shrink: 0;
|
|
|
+ padding: 10rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ .jj-tit-tit {
|
|
|
+
|
|
|
+ }
|
|
|
+ .jj-val {
|
|
|
+ padding-top: 20rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|