businessDetail.vue
3.43 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
103
104
105
106
<template>
<!-- 商务合作详情 -->
<view class="page">
<view class="page-info">
<view class="banner">
<view class="title">商务合作标题商务合作标题</view>
<view class="banner-info-top">
<view>2022-02-22 22:56</view>
<view><u-icon name="eye"></u-icon>36人</view>
</view>
<view class="banner-info-item">
<text>
1.优越的地理位置：锦江绿道位于城市繁华地段，交通便利，人流密集，是商业活动的理想选择。
2.丰富的活动空间：绿道沿线设有多个宽敞的活动场地，适合举办各类户外活动、体育赛事、文化演出等。
3.广泛的受众群体：绿道吸引了大量市民和游客前来休闲游玩，为商务合作提供了庞大的潜在客户群体。
4.完善的配套设施：绿道周边配备有完善的停车、餐饮、卫生等设施，能够满足各类商务活动的基本需求。
</text>
</view>
</view>
<view class="info-box banner good-item">
<view class="img">
<u-image width="100%" height="100%" :src="$imgUrl('/img/2.jpg')"></u-image>
</view>
<view class="info">
<view class="title">商务合作标题商务合作标题商务合作标题商务合作标题</view>
<view class="info-item" style="margin-bottom: 30rpx;">
<u-tag text="标签标签" type="success" size="mini"/>
<u-tag text="标签标签" type="success" size="mini"/>
</view>
<view class="info-item">
<u-image :showLoading="true" src="/static/images/location-icon.png" width="20rpx" height="20rpx"></u-image>
<text>这里有地址这里有地址这里...</text>
</view>
</view>
</view>
<view class="info-box banner">
<view class="title">场地往期活动回顾</view>
<u-row gutter="16">
<u-col span="4">
<image :src="$imgUrl('/img/2.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
</u-col>
<u-col span="4">
<image :src="$imgUrl('/img/3.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
</u-col>
<u-col span="4">
<image :src="$imgUrl('/img/3.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
</u-col>
<u-col span="4">
<image :src="$imgUrl('/img/2.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
</u-col>
<u-col span="4">
<image :src="$imgUrl('/img/2.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
</u-col>
<u-col span="4">
<image :src="$imgUrl('/img/3.jpg')" mode="widthFix" style="width: 100%; border-radius: 10rpx;"></image>
</u-col>
</u-row>
</view>
<view class="info-box banner">
<view class="title">联系我们</view>
<view class="info-item">合作类型：品牌推广合作</view>
<view class="info-item">联系人：张三</view>
<view class="info-item">联系方式：135465489</view>
<view class="info-item">邮箱：89499814@qq.com</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
tableData:{},
swiperList: [
{
id: 0,
type: 'image',
url: this.$imgUrl('/img/1.jpg')
}
],
joinShow: false,
form: {
name: '',
pahone: '',
}
};
},
onLoad(option){},
methods: {
submit() {
this.joinShow = false;
},
leaseAdd(){
uni.navigateTo({
url: '/pages/leaseAdd/leaseAdd'
})
},
}
};
</script>
<style scoped lang="scss">
@import 'businessDetail.scss';
</style>