|
@@ -1,16 +1,11 @@
|
1
|
1
|
<template>
|
2
|
2
|
<div>
|
3
|
|
- <div class="focusImg">
|
|
3
|
+ <div v-for="item in this.ordmodel" :key="item.id" >
|
|
4
|
+ <div class="focusImg" v-if="item.mode_type == 1">
|
4
|
5
|
<div class="swiper-container">
|
5
|
6
|
<div class="swiper-wrapper">
|
6
|
|
- <div class="swiper-slide">
|
7
|
|
- <img class="imgtwo" src="/static/images/banner.jpg" />
|
8
|
|
- </div>
|
9
|
|
- <div class="swiper-slide">
|
10
|
|
- <img class="imgtwo" src="/static/images/img3.jpg" />
|
11
|
|
- </div>
|
12
|
|
- <div class="swiper-slide">
|
13
|
|
- <img class="imgtwo" src="/static/images/home.jpg" />
|
|
7
|
+ <div class="swiper-slide" v-for="it in item.Conrotation" :key="it.id">
|
|
8
|
+ <img class="imgtwo" :src="it.images"/>
|
14
|
9
|
</div>
|
15
|
10
|
</div>
|
16
|
11
|
<!-- 如果需要分页器 -->
|
|
@@ -18,59 +13,25 @@
|
18
|
13
|
</div>
|
19
|
14
|
</div>
|
20
|
15
|
<!-- <div class="detail"> -->
|
21
|
|
- <div class="row one detail">
|
22
|
|
- <p class="title">医院地址:</p>
|
23
|
|
- <p class="msg">深圳市南山区学苑大道1001号南山智园A4栋9楼918</p>
|
|
16
|
+ <div class="row one detail" v-if="item.mode_type == 2">
|
|
17
|
+ <p class="title">{{item.title}}:</p>
|
|
18
|
+ <p class="msg">{{item.Hosaddress.address}}</p>
|
24
|
19
|
</div>
|
25
|
|
- <div class="row">
|
26
|
|
- <p class="title">电    话:</p>
|
27
|
|
- <p class="msg">0755-8548683</p>
|
|
20
|
+ <div class="row" v-if="item.mode_type == 3">
|
|
21
|
+ <div v-for="it in Connectways" :key="it.id">
|
|
22
|
+ <p class="title">{{it.title}}:</p>
|
|
23
|
+ <p class="msg">{{it.content}}</p><br>
|
|
24
|
+ </div>
|
28
|
25
|
</div>
|
29
|
|
- <div class="row">
|
30
|
|
- <p class="title">手机号码:</p>
|
31
|
|
- <p class="msg">13612805443</p>
|
|
26
|
+ <div class="row" v-if="item.mode_type == 4">
|
|
27
|
+ <p class="title">{{item.title}}:</p>
|
|
28
|
+ <p class="msg">{{item.Worktime.worktime}}</p>
|
32
|
29
|
</div>
|
33
|
|
- <div class="row">
|
34
|
|
- <p class="title">工作时间:</p>
|
35
|
|
- <p class="msg">15:00-18:00</p>
|
|
30
|
+ <div class="row one" v-if="item.mode_type == 5">
|
|
31
|
+ <p class="title">{{item.title}}:</p>
|
|
32
|
+ <p class="msg">{{item.Rideway.ride_way}}</p>
|
36
|
33
|
</div>
|
37
|
|
- <div class="row one">
|
38
|
|
- <p class="title">乘车方式:</p>
|
39
|
|
- <p class="msg">乘1路或859路车至千峰路口站下车向南500米</p>
|
40
|
34
|
</div>
|
41
|
|
- <!-- </div> -->
|
42
|
|
- <!-- 联系我们页面 -->
|
43
|
|
- <!-- <div class="scroll" style="padding:15px 4%;">
|
44
|
|
- <div v-for="item in this.ordmodel" :key="item.id">
|
45
|
|
- <div v-if="item.mode_type == 1" class="contractmodeone">
|
46
|
|
- <mt-swipe :auto="4000" class="swipertwo">
|
47
|
|
- <mt-swipe-item v-for="it in item.Conrotation" :key="it.id">
|
48
|
|
- <img :src="it.images" style="width:100%;height:100%">
|
49
|
|
- </mt-swipe-item>
|
50
|
|
- </mt-swipe>
|
51
|
|
- </div>
|
52
|
|
-
|
53
|
|
- <div v-if="item.mode_type == 2" class="oldmodetwo">
|
54
|
|
- <div><span>{{item.title}}: {{item.Hosaddress.address}}</span></div>
|
55
|
|
- </div>
|
56
|
|
- <div v-if="item.mode_type == 3">
|
57
|
|
- <div class="oldmodeone" v-for="it in Connectways" :key="it.id">
|
58
|
|
- <div class="oldmodefive">
|
59
|
|
- <span>{{it.title}}: {{it.content}}</span>
|
60
|
|
- </div>
|
61
|
|
- <div class="oldmodesix" @click="tallPhone(it.content)">
|
62
|
|
- <img src="static/images/u318.png" style="width 100%;height:100%">
|
63
|
|
- </div>
|
64
|
|
- </div>
|
65
|
|
- </div>
|
66
|
|
- <div class="oldmodefour" v-if="item.mode_type == 4">
|
67
|
|
- <div><span>{{item.title}}: {{item.Worktime.worktime}}</span></div>
|
68
|
|
- </div>
|
69
|
|
- <div class="oldmodethree" v-if="item.mode_type == 5">
|
70
|
|
- <div><span>{{item.title}}: {{item.Rideway.ride_way}}</span></div>
|
71
|
|
- </div>
|
72
|
|
- </div>
|
73
|
|
- </div>-->
|
74
|
35
|
</div>
|
75
|
36
|
</template>
|
76
|
37
|
<script>
|
|
@@ -174,94 +135,4 @@ export default {
|
174
|
135
|
margin: 1.1875rem 1.25rem 0 1.25rem;
|
175
|
136
|
}
|
176
|
137
|
|
177
|
|
-// .modeone {
|
178
|
|
-// width: 100%;
|
179
|
|
-// height: 220px;
|
180
|
|
-// margin-bottom: 10px;
|
181
|
|
-// /* border:solid 1px red; */
|
182
|
|
-// }
|
183
|
|
-
|
184
|
|
-// .oldmodetwo {
|
185
|
|
-// width: 300px;
|
186
|
|
-// height: 100%;
|
187
|
|
-// /* border: solid 1px red; */
|
188
|
|
-// font-size: 14px;
|
189
|
|
-// margin-bottom: 8px;
|
190
|
|
-// font-size: 1rem;
|
191
|
|
-// font-weight: 600;
|
192
|
|
-// color: rgba(7, 18, 40, 1);
|
193
|
|
-// line-height: 2.375rem;
|
194
|
|
-// height: 2.375rem;
|
195
|
|
-// }
|
196
|
|
-
|
197
|
|
-// .oldmodeone {
|
198
|
|
-// width: 318px;
|
199
|
|
-// min-height: 22px;
|
200
|
|
-// /* border: solid 1px red; */
|
201
|
|
-// margin-bottom: 8px;
|
202
|
|
-// font-size: 1rem;
|
203
|
|
-// font-weight: 600;
|
204
|
|
-// color: rgba(7, 18, 40, 1);
|
205
|
|
-// line-height: 2.375rem;
|
206
|
|
-// height: 2.375rem;
|
207
|
|
-// }
|
208
|
|
-
|
209
|
|
-// .oldmodesix {
|
210
|
|
-// position: absolute;
|
211
|
|
-// width: 50px;
|
212
|
|
-// min-height: 20px;
|
213
|
|
-// /* border: solid 1px blue; */
|
214
|
|
-// margin-left: 200px;
|
215
|
|
-// margin-top: -30px;
|
216
|
|
-// // font-size: 1rem;
|
217
|
|
-// // font-weight: 600;
|
218
|
|
-// // color: rgba(7, 18, 40, 1);
|
219
|
|
-// // line-height: 2.375rem;
|
220
|
|
-// // height: 2.375rem;
|
221
|
|
-// }
|
222
|
|
-
|
223
|
|
-// .oldmodefive {
|
224
|
|
-// width: 250px;
|
225
|
|
-// min-height: 20px;
|
226
|
|
-// /* border: solid 1px red; */
|
227
|
|
-// }
|
228
|
|
-
|
229
|
|
-// .oldmodefour {
|
230
|
|
-// width: 300px;
|
231
|
|
-// height: 30px;
|
232
|
|
-// color: black;
|
233
|
|
-// /* border:solid 1px red; */
|
234
|
|
-// margin-bottom: 8px;
|
235
|
|
-// font-size: 1rem;
|
236
|
|
-// font-weight: 600;
|
237
|
|
-// color: rgba(7, 18, 40, 1);
|
238
|
|
-// line-height: 2.375rem;
|
239
|
|
-// height: 2.375rem;
|
240
|
|
-// }
|
241
|
|
-
|
242
|
|
-// .oldmodethree {
|
243
|
|
-// width: 300px;
|
244
|
|
-// height: 100%;
|
245
|
|
-// color: black;
|
246
|
|
-// /* border:solid 1px red; */
|
247
|
|
-// margin-bottom: 8px;
|
248
|
|
-// font-size: 1rem;
|
249
|
|
-// font-weight: 600;
|
250
|
|
-// color: rgba(7, 18, 40, 1);
|
251
|
|
-// line-height: 2.375rem;
|
252
|
|
-// height: 2.375rem;
|
253
|
|
-// }
|
254
|
|
-// .contractmodeone {
|
255
|
|
-// // width: 100%;
|
256
|
|
-// // height: 200px;
|
257
|
|
-// width: 100%;
|
258
|
|
-// height: 11.5625rem;
|
259
|
|
-// // border: solid 1px red
|
260
|
|
-// }
|
261
|
|
-// #wrappertwo {
|
262
|
|
-// width: 40%;
|
263
|
|
-// }
|
264
|
|
-// #wrappert {
|
265
|
|
-// width: 43%;
|
266
|
|
-// }
|
267
|
138
|
</style>
|