Blame view

pages/business/businessDetail/businessDetail.vue 3.43 KB
379aff0a   monkeyhouyi   营销推广,商务合作
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>