index.vue 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
  1. <template>
  2. <section class="container">
  3. <expericeBanner :bannerSrc="bannerSrc"></expericeBanner>
  4. <expericePlaceDesc :placeDescData="placeDescData"></expericePlaceDesc>
  5. <expericePeopleDesc :peopleDescData="peopleDescData"></expericePeopleDesc>
  6. <lineService></lineService>
  7. <expericePanoramic :PanoramicData="PanoramicData"></expericePanoramic>
  8. <expericeStyle :styleData="nativeStyleData"></expericeStyle>
  9. <expericeStyle :styleData="elegantStyleData"></expericeStyle>
  10. <expericeStyle :styleData="chineseStyleData"></expericeStyle>
  11. <expericeVideo></expericeVideo>
  12. <expericeHighLights :highLightsData="highLightsData"></expericeHighLights>
  13. <commonMap :mapData="mapData"></commonMap>
  14. <expericeAddress :addressData="addressData"></expericeAddress>
  15. </section>
  16. </template>
  17. <script>
  18. import axios from 'axios'
  19. import expericeBanner from '~/components/experice/expericeBanner'
  20. import expericePlaceDesc from '~/components/experice/expericePlaceDesc'
  21. import expericePeopleDesc from '~/components/experice/expericePeopleDesc'
  22. import expericePanoramic from '~/components/experice/expericePanoramic'
  23. import expericeStyle from '~/components/experice/expericeStyle'
  24. import expericeVideo from '~/components/experice/expericeVideo'
  25. import expericeHighLights from '~/components/experice/expericeHighLights'
  26. import lineService from '~/components/experice/lineService'
  27. import commonMap from '~/components/common/commonMap'
  28. import expericeAddress from '~/components/experice/expericeAddress'
  29. export default {
  30. data (){
  31. return {
  32. bannerSrc:'http://img.visney.cn/img/nuxtPc/experice-bt/banner.png',
  33. placeDescData: {
  34. placeDescTitle: '包头',
  35. placeDescTitleE: 'Bao Tou',
  36. placeDesc: '包头,又称鹿都,是内蒙古的制造业、工业中心及最大城市,呼包银经济带、呼包鄂城市群的中心城市,素有“草原钢城”和"稀土之都"的美誉',
  37. placeDescEn: [
  38. 'Baotou, also known as deer capital,',
  39. 'is the manufacturing, industrial center and largest city in Inner Mongolia.',
  40. 'The central city of Hubao e city group is known',
  41. 'as "grassland steel city" and "rare earth capital".'
  42. ],
  43. placeDescImgSrc: [
  44. 'http://img.visney.cn/img/nuxtPc/experice-bt/place_desc_right1.png','http://img.visney.cn/img/nuxtPc/experice-bt/place_desc_right2.png','http://img.visney.cn/img/nuxtPc/experice-bt/place_desc_right3.png','http://img.visney.cn/img/nuxtPc/experice-bt/place_desc_right4.png'
  45. ],
  46. placeDescImgName: ['希拉穆仁草原','五当召','南海公园','识食物者为俊杰']
  47. },
  48. peopleDescData: {
  49. peopleDescTitleCn: 'BAOTOU',
  50. peopleDescTitleEn: '包头卫诗理体验馆',
  51. placeImgSrc: 'http://img.visney.cn/img/nuxtPc/experice-bt/place_people_desc_right_img.png',
  52. peopleName: '田肯',
  53. peopleImgSrc: 'http://img.visney.cn/img/nuxtPc/experice-bt/place_people_desc_left_img.png',
  54. peopleDescCn: ['”持续不断地创新和完善,为客户提供高品质家具、舒适环境、贴心服务不变。铭记初心,逐梦前行。“'],
  55. peopleDescEn: [
  56. '"Continuous innovation and improvement, to provide customers',
  57. 'with high-quality furniture, comfortable environment, caring service"'
  58. ]
  59. },
  60. PanoramicData: {
  61. PanoramicTitleCn1: '逐梦鹿都·打造生活美学',
  62. PanoramicTitleCn2: '唯美实景曝光',
  63. PanoramicTitleEn: 'Panoramic hall',
  64. PanoramicTitleDesc: '馆内产品实景展示,呈现空间艺术的美感,让生活处处皆美学',
  65. PanoramicListData: [
  66. {
  67. PanoramicListTitle: ['名师·匠造'],
  68. PanoramicListIntro: ['国内新锐空间美学蚂蚁嘿 设计团队倾力打造,历时3个月打造奢雅纯正欧美风格墅级佳地。'],
  69. PanoramicListIntroEn: 'The new space aesthetic design team design to build the ant hey...',
  70. PanoramicListImg: 'http://img.visney.cn/img/nuxtPc/experice-bt/panoramic_hall_list_img1.png',
  71. },
  72. {
  73. PanoramicListTitle: ['空间·美学'],
  74. PanoramicListIntro: ['520㎡生活生态体验馆,大到空间布局家具陈列,小到一草一木装饰摆放,淋漓尽致地将自然生态与生活美学完全整合。'],
  75. PanoramicListIntroEn: 'The space layout of fumiture,small to every tree and Bush...',
  76. PanoramicListImg: 'http://img.visney.cn/img/nuxtPc/experice-bt/panoramic_hall_list_img2.png',
  77. },
  78. {
  79. PanoramicListTitle: ['甄品·荟萃'],
  80. PanoramicListIntro: ['854款甄尚奢品,八大系列精品呈现,拉斐尔现代美式、麦迪逊轻奢美式、麦巴赫·纽约摩登、杜戈兰简美、格列佛简美、法式新古典、英式、新中式等海量名品供您臻选。'],
  81. PanoramicListIntroEn: 'The poems on Chen nine boutique style fumiture series,covering the...',
  82. PanoramicListImg: 'http://img.visney.cn/img/nuxtPc/experice-bt/panoramic_hall_list_img3.png',
  83. }
  84. ]
  85. },
  86. nativeStyleData: {
  87. styleTitle: ['纯正美式·浪漫奢华'],
  88. styleDesc: ['美式风格代表了一种自在,随意不羁的一活方式,','没有太多造作的修饰与约不经意间,也成为另一种浪漫。'],
  89. styleDescEn: 'Native speaker leve',
  90. styleImg: [
  91. 'http://img.visney.cn/img/nuxtPc/experice-bt/native_level_list1.png',
  92. 'http://img.visney.cn/img/nuxtPc/experice-bt/native_level_list2.png',
  93. 'http://img.visney.cn/img/nuxtPc/experice-bt/native_level_list3.png',
  94. 'http://img.visney.cn/img/nuxtPc/experice-bt/native_level_list4.png'
  95. ],
  96. styleMore: false,
  97. changeRight: false
  98. },
  99. elegantStyleData: {
  100. styleTitle: ['欧式典雅·一墅繁华'],
  101. styleDesc: ['即使经过岁月的洗礼','欧式家具依旧散发着古典优雅的高贵气息。'],
  102. styleDescEn: 'ID Book',
  103. styleImg: [
  104. 'http://img.visney.cn/img/nuxtPc/experice-bt/elegant_style_list1.png',
  105. 'http://img.visney.cn/img/nuxtPc/experice-bt/elegant_style_list2.png',
  106. 'http://img.visney.cn/img/nuxtPc/experice-bt/elegant_style_list3.png',
  107. 'http://img.visney.cn/img/nuxtPc/experice-bt/elegant_style_list4.png'
  108. ],
  109. styleMore: false,
  110. changeRight: true
  111. },
  112. chineseStyleData: {
  113. styleTitle: ['新中式·心中势'],
  114. styleDesc: ['线条简单流畅、精雕细琢,具有传统中式的元素的同时,','对美的追求,也达到了极致。'],
  115. styleDescEn: 'New Chinese style',
  116. styleImg: [
  117. 'http://img.visney.cn/img/nuxtPc/experice-bt/chinese_style_list1.png',
  118. 'http://img.visney.cn/img/nuxtPc/experice-bt/chinese_style_list2.png',
  119. 'http://img.visney.cn/img/nuxtPc/experice-bt/chinese_style_list3.png',
  120. 'http://img.visney.cn/img/nuxtPc/experice-bt/chinese_style_list4.png'
  121. ],
  122. styleMore: true,
  123. changeRight: false
  124. },
  125. highLightsData: {
  126. highLightsTitleCn1: '卫诗理包头体验馆',
  127. highLightsTitleCn2: '六大专属亮点',
  128. highLightsTitleEn: 'Olivelife',
  129. highLightsList: [
  130. {
  131. highLightsListNum: '01',
  132. highLightsListTitle: '欧奢软装',
  133. highLightsListTitleEn: 'European luxury soft outfit',
  134. highLightsListDesc: '纯真欧美软装搭配,回溯一个时代的繁华',
  135. highLightsListImg: 'http://img.visney.cn/img/nuxtPc/experice-bt/high_lights_list_img1.png',
  136. highLightsListImgAlt: '欧奢软装'
  137. },
  138. {
  139. highLightsListNum: '02',
  140. highLightsListTitle: '生态绿植',
  141. highLightsListTitleEn: 'Ecological green plant',
  142. highLightsListDesc: '纯粹生态,自然礼遇,缔造都市里的绿野仙踪',
  143. highLightsListImg: 'http://img.visney.cn/img/nuxtPc/experice-bt/high_lights_list_img2.png',
  144. highLightsListImgAlt: '生态绿植'
  145. },
  146. {
  147. highLightsListNum: '03',
  148. highLightsListTitle: '安神香薰',
  149. highLightsListTitleEn: 'Nerves aromatherapy',
  150. highLightsListDesc: '法国南部香水之都格拉斯特配香薰',
  151. highLightsListImg: 'http://img.visney.cn/img/nuxtPc/experice-bt/high_lights_list_img3.png',
  152. highLightsListImgAlt: '安神香薰'
  153. },
  154. {
  155. highLightsListNum: '04',
  156. highLightsListTitle: '特配餐饮',
  157. highLightsListTitleEn: 'Especially with the dining',
  158. highLightsListDesc: '舌尖上的包头,蒙古包的美食',
  159. highLightsListImg: 'http://img.visney.cn/img/nuxtPc/experice-bt/high_lights_list_img4.png',
  160. highLightsListImgAlt: '特配餐饮'
  161. },
  162. {
  163. highLightsListNum: '05',
  164. highLightsListTitle: '免费接送',
  165. highLightsListTitleEn: 'Free Shuttle',
  166. highLightsListDesc: '在线预约,尊享高铁站、机场专人专车服务',
  167. highLightsListImg: 'http://img.visney.cn/img/nuxtPc/experice-bt/high_lights_list_img5.png',
  168. highLightsListImgAlt: '免费接送'
  169. },
  170. {
  171. highLightsListNum: '06',
  172. highLightsListTitle: '精致伴手礼',
  173. highLightsListTitleEn: 'Set fine',
  174. highLightsListDesc: '为每一位卫诗理尊贵客户准备的专属伴手礼',
  175. highLightsListImg: 'http://img.visney.cn/img/nuxtPc/experice-bt/high_lights_list_img6.png',
  176. highLightsListImgAlt: '精致伴手礼'
  177. }
  178. ]
  179. },
  180. mapData: {
  181. longitude: 109.861421,
  182. latitude: 40.651567,
  183. title: '包头体验店',
  184. description: '地址:包头市青山区传媒大厦B座117卫诗理包头店'
  185. },
  186. addressData: {
  187. addressDetils: [
  188. '包头市青山区传媒大厦B座117卫诗理包头店',
  189. '距离包头二里半机场19.9公里,驾车需36分钟,',
  190. '距离包头火车站6.6公里,驾车需12分钟',
  191. '距离火车站包头东站18.2公里,驾车需33分钟'
  192. ],
  193. hotLineTitle: '线下招商热线:',
  194. hotLineNum: '400 900 6267',
  195. phoneTitle: '预约电话(penny)',
  196. phoneNum: '17302633888',
  197. contentNum: '18686152121',
  198. contentPeople: '(杨先生)'
  199. }
  200. }
  201. },
  202. components: {
  203. expericeBanner,
  204. expericePlaceDesc,
  205. expericePeopleDesc,
  206. expericePanoramic,
  207. expericeHighLights,
  208. expericeStyle,
  209. commonMap,
  210. expericeVideo,
  211. lineService,
  212. expericeAddress
  213. },
  214. head () {
  215. return {
  216. title:this.metaData.navigationTitle,
  217. meta: [
  218. {name:'keywords',hid: 'keywords',content:`${this.metaData.navigationKeyword}`},
  219. {name:'description',hid:'description',content:`${this.metaData.navigationDescription}`}
  220. ],
  221. script: [
  222. {src:'http://api.map.baidu.com/api?v=2.0&ak=MDdqxkqhQzfdBzfu2tfGiidGbHgTfGrB'}
  223. ]
  224. }
  225. },
  226. async asyncData({params,store}){
  227. //head信息
  228. let metaData = await axios(`${store.state.wordpressAPI}/NavigationMeta/get/20`);
  229. return {
  230. metaData: metaData.data,
  231. }
  232. }
  233. }
  234. </script>
  235. <style scoped>
  236. </style>