equip.vue
2.67 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<template>
<view class="page">
<!-- <view class="main">
<view class="top">
<view><image src="../../static/nav/supply.png" mode="widthFix" @click="toSupply"></image></view>
<view><image src="../../static/nav/demand.png" mode="widthFix" @click="toDemand"></image></view>
</view>
<view class="star_box">
<view class="title_box">
<view class="right">
<view class="redDian" style=""></view>
<span>明星企业</span>
</view>
<p @click="toAllCompany">查看更多 <image src="../../static/right.png"></image></p>
</view>
<piaoyiSwiper :imgList="imgList" :itemMargin="60" :autoplay="false" :interval="3000" :duration="1000"/>
</view>
<view class="all_box">
<view class="title_box">
<view class="right">
<view class="redDian" style=""></view>
<span>全部企业</span>
</view>
<p @click="toAllCompany()">查看更多 <image src="../../static/right.png"></image></p>
</view>
<view class="item_box" v-for="(item,index) in twentyList" @click="onCompany(item.id)">
<image :src="baseUrl + item.logo" mode="" v-if="item.logo"></image>
<image src="../../static/image/default_logo.jpg" v-else mode=""></image>
<view class="right">
<p>{{item.fullName}}</p>
<p class="detail_limit">
{{item.product}} {{item.yingyeshouru}}
</p>
</view>
</view>
</view>
</view> -->
<view class="top">
<view class="supply" :style="show === 0 ? 'font-weight: bold;color: #E60012;' : '' " @click="toSupply()">
供应中心
</view>
<view class="demand" :style="show === 1 ? 'font-weight: bold;color: #E60012;' : '' " @click="toDemand()">
需求中心
</view>
</view>
<view class="shuju" style="margin-top: 60rpx;">
<view class="one" v-if="show === 0">
<supply></supply>
</view>
<view class="two" v-if="show === 1">
<demand></demand>
</view>
</view>
</view>
</template>
<script>
import piaoyiSwiper from '../../components/piaoyi-swiper/piaoyi-swiper.vue'
import request from '@/utils/request.js'
import supply from '@/pages/supply/supply.vue'
import demand from '@/pages/demand/demand.vue'
export default {
components:{
piaoyiSwiper,
supply,
demand
},
data() {
return {
imgList:[],
type:'',
// 此类所有公司
allList:[],
// 前五的明星企业
fiveList:[],
twentyList:[],
baseUrl:'https://app.cehuimi.com',
show:0
}
},
onLoad(options) {
},
methods: {
// 跳转到需求中心
toDemand(){
this.show = 1
},
// 跳转到供应中心
toSupply(){
this.show = 0
},
}
};
</script>
<style scoped lang="scss">
@import 'equip.scss';
</style>