|
- webpackJsonp([17],{"/dZ0":function(n,e,t){var a=t("Xt1p");"string"==typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);t("rjj0")("713b7190",a,!0,{})},Xt1p:function(n,e,t){e=n.exports=t("FZ+f")(!1),e.push([n.i,"\n.hotelImageDetail .swiper-container {\n height: 90%;\n}\n.hotelImageDetail .swiper-slide {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n display: -webkit-flex;\n}\n.hotelImageDetail .swiper-pagination {\n width: 100%;\n height: 10%;\n color: #fff !important;\n}\n.hotelImageDetail .swiper-pagination span {\n color: #fff !important;\n}\n.hotelImageDetail .swiper-wrapper {\n margin-top: 2.18rem;\n display: -webkit-box;\n display: -moz-box;\n position: relative;\n}\n",""])},fqls:function(n,e,t){e=n.exports=t("FZ+f")(!1),e.push([n.i,'\n@charset "UTF-8";\n.ub[data-v-4497d67e]\r\n{\r\n\tdisplay: -webkit-box;\r\n\tdisplay: -moz-box;\r\n\tdisplay: box;\r\n\tposition:relative;\n}\n/*以反方向显示 div 框的子元素*/\n.ub-rev[data-v-4497d67e]\r\n{\r\n\t-webkit-box-direction:reverse;\r\n\tbox-direction:reverse;\n}\n.ub-fh[data-v-4497d67e]\r\n{\r\n\twidth:100%;\n}\n.ub-fv[data-v-4497d67e]\r\n{\r\n\theight:100%;\n}\n.ub-con[data-v-4497d67e]\r\n{\r\n\tposition:absolute;\r\n\twidth:100%;\r\n\theight:100%;\n}\n/*通过使用 box-align and box-pack 属性，居中 div 框的子元素*/\n.ub-ac[data-v-4497d67e]\r\n{\r\n\t-webkit-box-align:center;\r\n\tbox-align:center;\n}\n/*通过使用 box-align and box-pack :end属性，右下 div 框的子元素*/\n.ub-ae[data-v-4497d67e]\r\n{\r\n\t-webkit-box-align:end;\r\n\tbox-align:end;\n}\n.ub-pc[data-v-4497d67e]\r\n{\r\n\t-webkit-box-pack:center;\r\n\tbox-pack:center;\n}\n.ub-pe[data-v-4497d67e]\r\n{\r\n\t-webkit-box-pack:end;\r\n\tbox-pack:end;\n}\n/*不知道*/\n.ub-pj[data-v-4497d67e]\r\n{\r\n\t-webkit-box-pack:justify;\r\n\tbox-pack:justify;\n}\n/*从上向下垂直排列子元素。*/\n.ub-ver[data-v-4497d67e]\r\n{\r\n\t-webkit-box-orient:vertical;\r\n\tbox-orient:vertical;\n}\n/*box-flex主要让子容器针对父容器的宽度按一定规则进行划分*/\n.ub-f1[data-v-4497d67e]\r\n{\r\n\tposition:relative;\r\n\t-webkit-box-flex: 1; \r\n\tbox-flex: 1;\n}\n.ub-f2[data-v-4497d67e]\r\n{\r\n\tposition:relative;\r\n\t-webkit-box-flex: 2;\r\n\tbox-flex: 2;\n}\n.ub-f3[data-v-4497d67e]\r\n{\r\n\tposition:relative;\r\n\t-webkit-box-flex: 3;\r\n\tbox-flex: 3;\n}\n.ub-f4[data-v-4497d67e]\r\n{\r\n\tposition:relative;\r\n\t-webkit-box-flex: 4;\r\n\tbox-flex: 4;\n}\n.ub-img[data-v-4497d67e]\r\n{\r\n\t/*把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。*/\r\n\tbackground-size:contain;\r\n\t/*背景图像将仅显示一次。*/\r\n\tbackground-repeat:no-repeat;\r\n\tbackground-position:center;\n}\n.ub-img1[data-v-4497d67e]\r\n{\t\r\n\t/*把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。\r\n背景图像的某些部分也许无法显示在背景定位区域中。*/\r\n\tbackground-size:cover;\r\n\tbackground-repeat:no-repeat;\r\n\tbackground-position:center;\n}\n.ub-img2[data-v-4497d67e]\r\n{\r\n\tbackground-repeat:repeat-x;\r\n\t/*宽高*/\r\n\tbackground-size:auto 100%\n}\n.ub-img3[data-v-4497d67e]\r\n{\r\n\tbackground-repeat:repeat-y;\r\n\tbackground-size:100% auto\n}\n.ub-img4[data-v-4497d67e]\r\n{\r\n\tbackground-size:100% auto;\r\n\tbackground-repeat:no-repeat;\r\n\tbackground-position:center;\n}\n.ub-img5[data-v-4497d67e]\r\n{\r\n\tbackground-size:auto 100%;\r\n\tbackground-repeat:no-repeat;\r\n\tbackground-position:center;\n}\n.ub-img6[data-v-4497d67e]\r\n{\r\n\tbackground-repeat:no-repeat;\r\n\tbackground-position:center;\n}\n.ub-img7[data-v-4497d67e]\r\n{\r\n\tbackground-size:100% 100%;\r\n\tbackground-repeat:no-repeat;\r\n\tbackground-position:center;\n}\nbody[data-v-4497d67e], div[data-v-4497d67e], span[data-v-4497d67e], header[data-v-4497d67e], footer[data-v-4497d67e], nav[data-v-4497d67e], section[data-v-4497d67e], aside[data-v-4497d67e], article[data-v-4497d67e], ul[data-v-4497d67e], dl[data-v-4497d67e], dt[data-v-4497d67e], dd[data-v-4497d67e], li[data-v-4497d67e], a[data-v-4497d67e], p[data-v-4497d67e], h1[data-v-4497d67e], h2[data-v-4497d67e], h3[data-v-4497d67e], h4[data-v-4497d67e], h5[data-v-4497d67e], h6[data-v-4497d67e], i[data-v-4497d67e], b[data-v-4497d67e], textarea[data-v-4497d67e], button[data-v-4497d67e], input[data-v-4497d67e], select[data-v-4497d67e], figure[data-v-4497d67e], figcaption[data-v-4497d67e] {\n padding: 0;\n margin: 0;\n list-style: none;\n font-style: normal;\n text-decoration: none;\n border: none;\n font-weight: normal;\n font-size: 12px;\n color: #333;\n line-height: 1.42;\n font-family: Microsoft Yahei,PingFangSC;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n}\nbody[data-v-4497d67e]:hover, div[data-v-4497d67e]:hover, span[data-v-4497d67e]:hover, header[data-v-4497d67e]:hover, footer[data-v-4497d67e]:hover, nav[data-v-4497d67e]:hover, section[data-v-4497d67e]:hover, aside[data-v-4497d67e]:hover, article[data-v-4497d67e]:hover, ul[data-v-4497d67e]:hover, dl[data-v-4497d67e]:hover, dt[data-v-4497d67e]:hover, dd[data-v-4497d67e]:hover, li[data-v-4497d67e]:hover, a[data-v-4497d67e]:hover, p[data-v-4497d67e]:hover, h1[data-v-4497d67e]:hover, h2[data-v-4497d67e]:hover, h3[data-v-4497d67e]:hover, h4[data-v-4497d67e]:hover, h5[data-v-4497d67e]:hover, h6[data-v-4497d67e]:hover, i[data-v-4497d67e]:hover, b[data-v-4497d67e]:hover, textarea[data-v-4497d67e]:hover, button[data-v-4497d67e]:hover, input[data-v-4497d67e]:hover, select[data-v-4497d67e]:hover, figure[data-v-4497d67e]:hover, figcaption[data-v-4497d67e]:hover {\n outline: none;\n}\nbody[data-v-4497d67e] {\n background-color: #f6f8f9 !important;\n}\n.ub[data-v-4497d67e] {\n display: -webkit-box;\n display: -moz-box;\n position: relative;\n}\n/*以反方向显示 div 框的子元素*/\n.ub-rev[data-v-4497d67e] {\n -webkit-box-direction: reverse;\n box-direction: reverse;\n}\n.ub-fh[data-v-4497d67e] {\n width: 100%;\n}\n.ub-fv[data-v-4497d67e] {\n height: 100%;\n}\n.ub-con[data-v-4497d67e] {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n/*通过使用 box-align and box-pack 属性，居中 div 框的子元素*/\n.ub-ac[data-v-4497d67e] {\n -webkit-box-align: center;\n box-align: center;\n}\n/*通过使用 box-align and box-pack :end属性，右下 div 框的子元素*/\n.ub-ae[data-v-4497d67e] {\n -webkit-box-align: end;\n box-align: end;\n}\n.ub-pc[data-v-4497d67e] {\n -webkit-box-pack: center;\n box-pack: center;\n}\n.ub-pe[data-v-4497d67e] {\n -webkit-box-pack: end;\n box-pack: end;\n}\n/*两端对齐*/\n.ub-pj[data-v-4497d67e] {\n -webkit-box-pack: justify;\n box-pack: justify;\n}\n/*从上向下垂直排列子元素。*/\n.ub-ver[data-v-4497d67e] {\n -webkit-box-orient: vertical;\n box-orient: vertical;\n}\n/*box-flex主要让子容器针对父容器的宽度按一定规则进行划分*/\n.ub-f1[data-v-4497d67e] {\n position: relative;\n -webkit-box-flex: 1;\n box-flex: 1;\n}\n.ub-f2[data-v-4497d67e] {\n position: relative;\n -webkit-box-flex: 2;\n box-flex: 2;\n}\n.ub-f3[data-v-4497d67e] {\n position: relative;\n -webkit-box-flex: 3;\n box-flex: 3;\n}\n.ub-f4[data-v-4497d67e] {\n position: relative;\n -webkit-box-flex: 4;\n box-flex: 4;\n}\n.max-width[data-v-4497d67e] {\n margin: 0 auto;\n max-width: 540px;\n}\n.bg[data-v-4497d67e] {\n margin-top: 0.1rem;\n /*margin-left: 0.12rem;*/\n /*margin-right: 0.12rem;*/\n}\n.img_box[data-v-4497d67e] {\n width: 1.7rem;\n height: 1.15rem;\n border: 1px solid #ccc;\n /*margin-right: 0.11rem;*/\n margin-bottom: 0.1rem;\n float: left;\n}\n.img_box[data-v-4497d67e]:nth-of-type(even) {\n margin-left: 0.11rem;\n}\n.img_box img[data-v-4497d67e] {\n width: 1.7rem;\n height: 1.15rem;\n}\n.model[data-v-4497d67e] {\n background-color: rgba(0, 0, 0, 0.8);\n position: fixed;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n}\n.page[data-v-4497d67e] {\n font-size: 0.18rem;\n color: #fff;\n position: absolute;\n bottom: 0.4rem;\n}\n',""])},kwhE:function(n,e,t){var a=t("fqls");"string"==typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);t("rjj0")("13a7e594",a,!0,{})},yQvC:function(n,e,t){"use strict";function a(n){t("/dZ0"),t("kwhE")}Object.defineProperty(e,"__esModule",{value:!0});var i=t("qedb"),r=t("F3EI"),o={name:"hotelImageDetail",data:function(){return{images:{},imageDisplay:!1,page:"",swiperOption:{pagination:".swiper-pagination",paginationType:"fraction",loop:!1,centeredSlides:!0,observer:!0,observeParents:!0,initialSlide:1}}},components:{swiper:r.swiper,swiperSlide:r.swiperSlide},beforeRouteEnter:function(n,e,t){t(function(n){if(n.$route.query.hasOwnProperty("hotel_id")){var e=n.$route.query.imgKey,t=i.a.getStorJson(e);n.images=t.img_list}})},mounted:function(){this.load()},methods:{load:function(){},lookBigImg:function(n){i.a.log(n,this.swiperOption),this.swiperOption.initialSlide=n,this.imageDisplay=!0},lookOther:function(n){}}},d=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bg ub hotelImageDetail"},[t("div",{staticClass:"img-list",staticStyle:{"padding-left":"0.12rem","padding-right":"0.12rem"}},n._l(n.images,function(e,a){return t("div",{staticClass:"ub img_box"},[t("img",{attrs:{src:e,alt:""},on:{click:function(e){n.lookBigImg(a)}}})])}),0),n._v(" "),n.imageDisplay?t("div",{staticClass:"model swiper-container",on:{click:function(e){e.stopPropagation(),n.imageDisplay=!n.imageDisplay}}},[t("swiper",{staticClass:"my-swiper ub ub-ver",attrs:{options:n.swiperOption}},[n._l(n.images,function(n,e){return t("swiper-slide",{key:e},[t("img",{staticStyle:{width:"3.75rem"},attrs:{src:n}})])}),n._v(" "),t("div",{staticClass:"swiper-pagination ub ub-pc ub-ac",attrs:{slot:"pagination"},slot:"pagination"})],2)],1):n._e()])},b=[],v={render:d,staticRenderFns:b},s=v,l=t("VU/8"),p=a,c=l(o,s,!1,p,"data-v-4497d67e",null);e.default=c.exports}});
|
