|
12 |
- webpackJsonp([6],{"+9E6":function(a,n,t){var o=t("+lce");"string"==typeof o&&(o=[[a.i,o,""]]),o.locals&&(a.exports=o.locals);t("rjj0")("4a220719",o,!0,{})},"+lce":function(a,n,t){n=a.exports=t("FZ+f")(!0),n.push([a.i,"\n.noProductMain[data-v-fd9ad6cc] {\n height: 328px;\n text-align: center;\n}\n.noProductMain div[data-v-fd9ad6cc] {\n padding-right: 58px;\n margin-top: 38px;\n width: 706px;\n display: inline-block;\n color: #cccccc;\n}\n.noProductMain i[data-v-fd9ad6cc] {\n margin-left: 62px;\n font-size: 70px;\n}\n.noProductMain span[data-v-fd9ad6cc] {\n margin-top: 7px;\n margin-left: 30px;\n width: 480px;\n float: right;\n display: block;\n height: 45px;\n font-family: PingFangSC;\n font-size: 32px;\n text-align: left;\n}\n.el-icon-search[data-v-fd9ad6cc] {\n position: absolute;\n left: 4px;\n top: 2px;\n cursor: pointer;\n height: 20px;\n width: 20px;\n font-size: 16px;\n color: #666666;\n}\n.search[data-v-fd9ad6cc] {\n position: relative;\n float: right;\n margin-right: 144px;\n top: -35px;\n}\n.search_info[data-v-fd9ad6cc] {\n background: transparent;\n border: 0;\n width: 55px;\n text-indent: 24px;\n padding: 3px;\n height: 20px;\n font-size: 14px;\n margin-top: -4px;\n outline: none;\n -o-transition: width 500ms;\n transition: width 500ms;\n -moz-transition: width 500ms;\n -webkit-transition: width 500ms;\n}\n.iptFocus[data-v-fd9ad6cc] {\n width: 150px;\n border-bottom: 1px solid #cccccc;\n outline: none;\n}\n.product_list[data-v-fd9ad6cc] {\n width: 1200px;\n margin: 0px auto;\n}\n.pro_line[data-v-fd9ad6cc] {\n margin-bottom: 40px;\n}\n.snavi[data-v-fd9ad6cc] {\n width: 100%;\n height: 55px;\n background-color: #f2f2f2;\n -webkit-box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.1);\n}\n.small_navi[data-v-fd9ad6cc] {\n width: 1200px;\n margin: auto;\n height: 55px;\n}\n.snavi_text[data-v-fd9ad6cc] {\n line-height: 54px;\n height: 17px;\n font-family: PingFangSC;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n text-align: left;\n}\n.snavi_title[data-v-fd9ad6cc] {\n color: #00d9c5;\n}\n","",{version:3,sources:["C:/zhizhu/new_website/officialWebsite/src/pages/product/product.vue"],names:[],mappings:";AACA;EACE,cAAc;EACd,mBAAmB;CACpB;AACD;IACI,oBAAoB;IACpB,iBAAiB;IACjB,aAAa;IACb,sBAAsB;IACtB,eAAe;CAClB;AACD;IACI,kBAAkB;IAClB,gBAAgB;CACnB;AACD;IACI,gBAAgB;IAChB,kBAAkB;IAClB,aAAa;IACb,aAAa;IACb,eAAe;IACf,aAAa;IACb,wBAAwB;IACxB,gBAAgB;IAChB,iBAAiB;CACpB;AACD;EACE,mBAAmB;EACnB,UAAU;EACV,SAAS;EACT,gBAAgB;EAChB,aAAa;EACb,YAAY;EACZ,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,mBAAmB;EACnB,aAAa;EACb,oBAAoB;EACpB,WAAW;CACZ;AACD;EACE,wBAAwB;EACxB,UAAU;EACV,YAAY;EACZ,kBAAkB;EAClB,aAAa;EACb,aAAa;EACb,gBAAgB;EAChB,iBAAiB;EACjB,cAAc;EACd,2BAA2B;EAC3B,wBAAwB;EACxB,6BAA6B;EAC7B,gCAAgC;CACjC;AACD;EACE,aAAa;EACb,iCAAiC;EACjC,cAAc;CACf;AACD;EACE,cAAc;EACd,iBAAiB;CAClB;AACD;EACE,oBAAoB;CACrB;AACD;EACE,YAAY;EACZ,aAAa;EACb,0BAA0B;EAC1B,qDAAqD;UAC7C,6CAA6C;CACtD;AACD;EACE,cAAc;EACd,aAAa;EACb,aAAa;CACd;AACD;EACE,kBAAkB;EAClB,aAAa;EACb,wBAAwB;EACxB,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB;EACnB,qBAAqB;EACrB,uBAAuB;EACvB,iBAAiB;CAClB;AACD;EACE,eAAe;CAChB",file:"product.vue",sourcesContent:["\n.noProductMain[data-v-fd9ad6cc] {\n height: 328px;\n text-align: center;\n}\n.noProductMain div[data-v-fd9ad6cc] {\n padding-right: 58px;\n margin-top: 38px;\n width: 706px;\n display: inline-block;\n color: #cccccc;\n}\n.noProductMain i[data-v-fd9ad6cc] {\n margin-left: 62px;\n font-size: 70px;\n}\n.noProductMain span[data-v-fd9ad6cc] {\n margin-top: 7px;\n margin-left: 30px;\n width: 480px;\n float: right;\n display: block;\n height: 45px;\n font-family: PingFangSC;\n font-size: 32px;\n text-align: left;\n}\n.el-icon-search[data-v-fd9ad6cc] {\n position: absolute;\n left: 4px;\n top: 2px;\n cursor: pointer;\n height: 20px;\n width: 20px;\n font-size: 16px;\n color: #666666;\n}\n.search[data-v-fd9ad6cc] {\n position: relative;\n float: right;\n margin-right: 144px;\n top: -35px;\n}\n.search_info[data-v-fd9ad6cc] {\n background: transparent;\n border: 0;\n width: 55px;\n text-indent: 24px;\n padding: 3px;\n height: 20px;\n font-size: 14px;\n margin-top: -4px;\n outline: none;\n -o-transition: width 500ms;\n transition: width 500ms;\n -moz-transition: width 500ms;\n -webkit-transition: width 500ms;\n}\n.iptFocus[data-v-fd9ad6cc] {\n width: 150px;\n border-bottom: 1px solid #cccccc;\n outline: none;\n}\n.product_list[data-v-fd9ad6cc] {\n width: 1200px;\n margin: 0px auto;\n}\n.pro_line[data-v-fd9ad6cc] {\n margin-bottom: 40px;\n}\n.snavi[data-v-fd9ad6cc] {\n width: 100%;\n height: 55px;\n background-color: #f2f2f2;\n -webkit-box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.1);\n}\n.small_navi[data-v-fd9ad6cc] {\n width: 1200px;\n margin: auto;\n height: 55px;\n}\n.snavi_text[data-v-fd9ad6cc] {\n line-height: 54px;\n height: 17px;\n font-family: PingFangSC;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n text-align: left;\n}\n.snavi_title[data-v-fd9ad6cc] {\n color: #00d9c5;\n}\n"],sourceRoot:""}])},"0Pmj":function(a,n,t){var o=t("NVcs");"string"==typeof o&&(o=[[a.i,o,""]]),o.locals&&(a.exports=o.locals);t("rjj0")("e4a5b64c",o,!0,{})},DC1Q:function(a,n,t){var o=t("P+V6");"string"==typeof o&&(o=[[a.i,o,""]]),o.locals&&(a.exports=o.locals);t("rjj0")("4e0c02e9",o,!0,{})},NVcs:function(a,n,t){n=a.exports=t("FZ+f")(!0),n.push([a.i,'\n@charset "UTF-8";\n/*产品框样式*/\nbody[data-v-fd9ad6cc], div[data-v-fd9ad6cc], span[data-v-fd9ad6cc], header[data-v-fd9ad6cc], footer[data-v-fd9ad6cc], nav[data-v-fd9ad6cc], section[data-v-fd9ad6cc], aside[data-v-fd9ad6cc], article[data-v-fd9ad6cc], ul[data-v-fd9ad6cc], dl[data-v-fd9ad6cc], dt[data-v-fd9ad6cc], dd[data-v-fd9ad6cc], li[data-v-fd9ad6cc], a[data-v-fd9ad6cc], p[data-v-fd9ad6cc], h1[data-v-fd9ad6cc], h2[data-v-fd9ad6cc], h3[data-v-fd9ad6cc], h4[data-v-fd9ad6cc], h5[data-v-fd9ad6cc], h6[data-v-fd9ad6cc], i[data-v-fd9ad6cc], b[data-v-fd9ad6cc], textarea[data-v-fd9ad6cc], button[data-v-fd9ad6cc], input[data-v-fd9ad6cc], select[data-v-fd9ad6cc], figure[data-v-fd9ad6cc], figcaption[data-v-fd9ad6cc] {\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-family: Microsoft Yahei,PingFangSC;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n -webkit-font-smoothing: antialiased;\n}\nbody[data-v-fd9ad6cc]:hover, div[data-v-fd9ad6cc]:hover, span[data-v-fd9ad6cc]:hover, header[data-v-fd9ad6cc]:hover, footer[data-v-fd9ad6cc]:hover, nav[data-v-fd9ad6cc]:hover, section[data-v-fd9ad6cc]:hover, aside[data-v-fd9ad6cc]:hover, article[data-v-fd9ad6cc]:hover, ul[data-v-fd9ad6cc]:hover, dl[data-v-fd9ad6cc]:hover, dt[data-v-fd9ad6cc]:hover, dd[data-v-fd9ad6cc]:hover, li[data-v-fd9ad6cc]:hover, a[data-v-fd9ad6cc]:hover, p[data-v-fd9ad6cc]:hover, h1[data-v-fd9ad6cc]:hover, h2[data-v-fd9ad6cc]:hover, h3[data-v-fd9ad6cc]:hover, h4[data-v-fd9ad6cc]:hover, h5[data-v-fd9ad6cc]:hover, h6[data-v-fd9ad6cc]:hover, i[data-v-fd9ad6cc]:hover, b[data-v-fd9ad6cc]:hover, textarea[data-v-fd9ad6cc]:hover, button[data-v-fd9ad6cc]:hover, input[data-v-fd9ad6cc]:hover, select[data-v-fd9ad6cc]:hover, figure[data-v-fd9ad6cc]:hover, figcaption[data-v-fd9ad6cc]:hover {\n outline: none;\n}\n.ub[data-v-fd9ad6cc] {\n display: -webkit-box;\n display: -moz-box;\n position: relative;\n}\n/*以反方向显示 div 框的子元素*/\n.ub-rev[data-v-fd9ad6cc] {\n -webkit-box-direction: reverse;\n}\n.ub-fh[data-v-fd9ad6cc] {\n width: 100%;\n}\n.ub-fv[data-v-fd9ad6cc] {\n height: 100%;\n}\n.ub-con[data-v-fd9ad6cc] {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n/*通过使用 box-align and box-pack 属性，居中 div 框的子元素*/\n.ub-ac[data-v-fd9ad6cc] {\n -webkit-box-align: center;\n -moz-box-align: center;\n}\n/*通过使用 box-align and box-pack :end属性，右下 div 框的子元素*/\n.ub-ae[data-v-fd9ad6cc] {\n -webkit-box-align: end;\n -moz-box-align: end;\n}\n.ub-pc[data-v-fd9ad6cc] {\n -webkit-box-pack: center;\n -moz-box-pack: center;\n}\n.ub-pe[data-v-fd9ad6cc] {\n -webkit-box-pack: end;\n -moz-box-pack: end;\n}\n/*不知道*/\n.ub-pj[data-v-fd9ad6cc] {\n -webkit-box-pack: justify;\n -moz-box-pack: justify;\n}\n/*从上向下垂直排列子元素。*/\n.ub-ver[data-v-fd9ad6cc] {\n -webkit-box-orient: vertical;\n}\n/*box-flex主要让子容器针对父容器的宽度按一定规则进行划分*/\n.ub-f1[data-v-fd9ad6cc] {\n position: relative;\n -webkit-box-flex: 1;\n -moz-box-flex: 1;\n}\n.ub-f2[data-v-fd9ad6cc] {\n position: relative;\n -webkit-box-flex: 2;\n -moz-box-flex: 2;\n}\n.ub-f3[data-v-fd9ad6cc] {\n position: relative;\n -webkit-box-flex: 3;\n -moz-box-flex: 3;\n}\n.ub-f4[data-v-fd9ad6cc] {\n position: relative;\n -webkit-box-flex: 4;\n -moz-box-flex: 4;\n}\ninput[data-v-fd9ad6cc]:focus, textarea[data-v-fd9ad6cc]:focus {\n outline: none;\n border-color: #00dac5;\n}\n.pro_box[data-v-fd9ad6cc] {\n margin-right: 30px;\n overflow: hidden;\n}\n.pro_box[data-v-fd9ad6cc]:last-child {\n margin-right: 0px;\n}\n.pro_box:hover .pro_txt[data-v-fd9ad6cc] {\n opacity: 0;\n}\n.pro_box:hover .pro_txt2[data-v-fd9ad6cc] {\n opacity: 0;\n}\n.pro_box:hover .pro_txt_center[data-v-fd9ad6cc] {\n opacity: 1;\n}\n.pro_box:hover .pro_txt_center .pro_title[data-v-fd9ad6cc], .pro_box:hover .pro_txt_center .pro_en[data-v-fd9ad6cc], .pro_box:hover .pro_txt_center .pro_btn[data-v-fd9ad6cc] {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n}\n.pro_box:hover .mask[data-v-fd9ad6cc] {\n background-color: #00dac5;\n opacity: 0.8;\n}\n.pro_box:hover .pro_img[data-v-fd9ad6cc] {\n -webkit-transform: scale(1.1);\n -ms-transform: scale(1.1);\n transform: scale(1.1);\n}\n.pro_box .mask[data-v-fd9ad6cc] {\n z-index: 150;\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n}\n.pro_box .pro_title[data-v-fd9ad6cc] {\n font-size: 16px;\n color: #fff;\n font-weight: 500;\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n}\n.pro_box .pro_en[data-v-fd9ad6cc] {\n font-size: 14px;\n color: #fff;\n opacity: 0.9;\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n}\n.pro_box .pro_img[data-v-fd9ad6cc] {\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n z-index: 160;\n}\n.pro_box .pro_txt[data-v-fd9ad6cc] {\n height: 92px;\n opacity: 0.8;\n background-color: #00dac5;\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n z-index: 170;\n position: absolute;\n width: 100%;\n padding-bottom: 18px;\n padding-left: 10px;\n margin-top: 280px;\n}\n.pro_box .pro_txt2[data-v-fd9ad6cc] {\n height: 92px;\n position: absolute;\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n top: 279px;\n left: 10px;\n z-index: 180;\n}\n.pro_box .pro_txt2 .pro_title[data-v-fd9ad6cc] {\n white-space: nowrap;\n font-size: 12px;\n margin-top: 20px;\n font-weight: 900;\n}\n.pro_box .pro_txt2 .pro_en[data-v-fd9ad6cc] {\n height: 23px;\n font-size: 20px;\n margin-top: 9px;\n font-weight: 900;\n}\n.pro_box .pro_txt_center[data-v-fd9ad6cc] {\n width: 100%;\n z-index: 180;\n cursor: pointer;\n position: absolute;\n opacity: 0;\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n padding-top: 124px;\n padding-left: 40px;\n padding-bottom: 56px;\n /*-webkit-box-align: center;*/\n /*-moz-box-align: center;*/\n}\n.pro_box .pro_txt_center .pro_title[data-v-fd9ad6cc] {\n margin-right: 46px;\n text-align: left;\n font-size: 14px;\n color: #fff;\n font-weight: 500;\n -webkit-transform: translateY(-20px);\n -ms-transform: translateY(-20px);\n transform: translateY(-20px);\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n}\n.pro_box .pro_txt_center .pro_en[data-v-fd9ad6cc] {\n font-weight: 900;\n font-size: 18px;\n color: #fff;\n opacity: 0.9;\n font-family: Arial;\n -webkit-transform: translateY(-20px);\n -ms-transform: translateY(-20px);\n transform: translateY(-20px);\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n margin-top: 15px;\n}\n.pro_box .pro_txt_center .pro_btn[data-v-fd9ad6cc] {\n font-size: 14px;\n color: #fff;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n width: 140px;\n height: 40px;\n border: 2px solid #fff;\n border-radius: 100px;\n margin-top: 43px;\n -webkit-transform: translateY(20px);\n -ms-transform: translateY(20px);\n transform: translateY(20px);\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n margin-left: 75px;\n}\n.pro_box .pro_txt_center .pro_btn[data-v-fd9ad6cc]:hover {\n background-color: #fff;\n color: #00dac5;\n}\n.page[data-v-fd9ad6cc] {\n width: 20%;\n margin: 91px auto;\n}\n',"",{version:3,sources:["C:/zhizhu/new_website/officialWebsite/src/pages/product/product.vue"],names:[],mappings:";AACA,iBAAiB;AACjB,SAAS;AACT;EACE,WAAW;EACX,UAAU;EACV,iBAAiB;EACjB,mBAAmB;EACnB,sBAAsB;EACtB,aAAa;EACb,oBAAoB;EACpB,wCAAwC;EACxC,+BAA+B;UACvB,uBAAuB;EAC/B,yCAAyC;EACzC,oCAAoC;CACrC;AACD;IACI,cAAc;CACjB;AACD;EACE,qBAAqB;EACrB,kBAAkB;EAClB,mBAAmB;CACpB;AACD,oBAAoB;AACpB;EACE,+BAA+B;CAChC;AACD;EACE,YAAY;CACb;AACD;EACE,aAAa;CACd;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,aAAa;CACd;AACD,+CAA+C;AAC/C;EACE,0BAA0B;EAC1B,uBAAuB;CACxB;AACD,mDAAmD;AACnD;EACE,uBAAuB;EACvB,oBAAoB;CACrB;AACD;EACE,yBAAyB;EACzB,sBAAsB;CACvB;AACD;EACE,sBAAsB;EACtB,mBAAmB;CACpB;AACD,OAAO;AACP;EACE,0BAA0B;EAC1B,uBAAuB;CACxB;AACD,gBAAgB;AAChB;EACE,6BAA6B;CAC9B;AACD,mCAAmC;AACnC;EACE,mBAAmB;EACnB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;EACE,cAAc;EACd,sBAAsB;CACvB;AACD;EACE,mBAAmB;EACnB,iBAAiB;CAClB;AACD;IACI,kBAAkB;CACrB;AACD;IACI,WAAW;CACd;AACD;IACI,WAAW;CACd;AACD;IACI,WAAW;CACd;AACD;MACM,iCAAiC;UAC7B,6BAA6B;cACzB,yBAAyB;CACtC;AACD;IACI,0BAA0B;IAC1B,aAAa;CAChB;AACD;IACI,8BAA8B;QAC1B,0BAA0B;YACtB,sBAAsB;CACjC;AACD;IACI,aAAa;IACb,4BAA4B;IAC5B,uBAAuB;IACvB,oBAAoB;CACvB;AACD;IACI,gBAAgB;IAChB,YAAY;IACZ,iBAAiB;IACjB,4BAA4B;IAC5B,uBAAuB;IACvB,oBAAoB;CACvB;AACD;IACI,gBAAgB;IAChB,YAAY;IACZ,aAAa;IACb,4BAA4B;IAC5B,uBAAuB;IACvB,oBAAoB;CACvB;AACD;IACI,4BAA4B;IAC5B,uBAAuB;IACvB,oBAAoB;IACpB,aAAa;CAChB;AACD;IACI,aAAa;IACb,aAAa;IACb,0BAA0B;IAC1B,4BAA4B;IAC5B,uBAAuB;IACvB,oBAAoB;IACpB,aAAa;IACb,mBAAmB;IACnB,YAAY;IACZ,qBAAqB;IACrB,mBAAmB;IACnB,kBAAkB;CACrB;AACD;IACI,aAAa;IACb,mBAAmB;IACnB,4BAA4B;IAC5B,uBAAuB;IACvB,oBAAoB;IACpB,WAAW;IACX,WAAW;IACX,aAAa;CAChB;AACD;MACM,oBAAoB;MACpB,gBAAgB;MAChB,iBAAiB;MACjB,iBAAiB;CACtB;AACD;MACM,aAAa;MACb,gBAAgB;MAChB,gBAAgB;MAChB,iBAAiB;CACtB;AACD;IACI,YAAY;IACZ,aAAa;IACb,gBAAgB;IAChB,mBAAmB;IACnB,WAAW;IACX,4BAA4B;IAC5B,uBAAuB;IACvB,oBAAoB;IACpB,mBAAmB;IACnB,mBAAmB;IACnB,qBAAqB;IACrB,8BAA8B;IAC9B,2BAA2B;CAC9B;AACD;MACM,mBAAmB;MACnB,iBAAiB;MACjB,gBAAgB;MAChB,YAAY;MACZ,iBAAiB;MACjB,qCAAqC;UACjC,iCAAiC;cAC7B,6BAA6B;MACrC,4BAA4B;MAC5B,uBAAuB;MACvB,oBAAoB;CACzB;AACD;MACM,iBAAiB;MACjB,gBAAgB;MAChB,YAAY;MACZ,aAAa;MACb,mBAAmB;MACnB,qCAAqC;UACjC,iCAAiC;cAC7B,6BAA6B;MACrC,4BAA4B;MAC5B,uBAAuB;MACvB,oBAAoB;MACpB,iBAAiB;CACtB;AACD;MACM,gBAAgB;MAChB,YAAY;MACZ,iBAAiB;MACjB,mBAAmB;MACnB,qBAAqB;MACrB,uBAAuB;MACvB,aAAa;MACb,aAAa;MACb,uBAAuB;MACvB,qBAAqB;MACrB,iBAAiB;MACjB,oCAAoC;UAChC,gCAAgC;cAC5B,4BAA4B;MACpC,4BAA4B;MAC5B,uBAAuB;MACvB,oBAAoB;MACpB,kBAAkB;CACvB;AACD;QACQ,uBAAuB;QACvB,eAAe;CACtB;AACD;EACE,WAAW;EACX,kBAAkB;CACnB",file:"product.vue",sourcesContent:['\n@charset "UTF-8";\n/*产品框样式*/\nbody[data-v-fd9ad6cc], div[data-v-fd9ad6cc], span[data-v-fd9ad6cc], header[data-v-fd9ad6cc], footer[data-v-fd9ad6cc], nav[data-v-fd9ad6cc], section[data-v-fd9ad6cc], aside[data-v-fd9ad6cc], article[data-v-fd9ad6cc], ul[data-v-fd9ad6cc], dl[data-v-fd9ad6cc], dt[data-v-fd9ad6cc], dd[data-v-fd9ad6cc], li[data-v-fd9ad6cc], a[data-v-fd9ad6cc], p[data-v-fd9ad6cc], h1[data-v-fd9ad6cc], h2[data-v-fd9ad6cc], h3[data-v-fd9ad6cc], h4[data-v-fd9ad6cc], h5[data-v-fd9ad6cc], h6[data-v-fd9ad6cc], i[data-v-fd9ad6cc], b[data-v-fd9ad6cc], textarea[data-v-fd9ad6cc], button[data-v-fd9ad6cc], input[data-v-fd9ad6cc], select[data-v-fd9ad6cc], figure[data-v-fd9ad6cc], figcaption[data-v-fd9ad6cc] {\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-family: Microsoft Yahei,PingFangSC;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n -webkit-font-smoothing: antialiased;\n}\nbody[data-v-fd9ad6cc]:hover, div[data-v-fd9ad6cc]:hover, span[data-v-fd9ad6cc]:hover, header[data-v-fd9ad6cc]:hover, footer[data-v-fd9ad6cc]:hover, nav[data-v-fd9ad6cc]:hover, section[data-v-fd9ad6cc]:hover, aside[data-v-fd9ad6cc]:hover, article[data-v-fd9ad6cc]:hover, ul[data-v-fd9ad6cc]:hover, dl[data-v-fd9ad6cc]:hover, dt[data-v-fd9ad6cc]:hover, dd[data-v-fd9ad6cc]:hover, li[data-v-fd9ad6cc]:hover, a[data-v-fd9ad6cc]:hover, p[data-v-fd9ad6cc]:hover, h1[data-v-fd9ad6cc]:hover, h2[data-v-fd9ad6cc]:hover, h3[data-v-fd9ad6cc]:hover, h4[data-v-fd9ad6cc]:hover, h5[data-v-fd9ad6cc]:hover, h6[data-v-fd9ad6cc]:hover, i[data-v-fd9ad6cc]:hover, b[data-v-fd9ad6cc]:hover, textarea[data-v-fd9ad6cc]:hover, button[data-v-fd9ad6cc]:hover, input[data-v-fd9ad6cc]:hover, select[data-v-fd9ad6cc]:hover, figure[data-v-fd9ad6cc]:hover, figcaption[data-v-fd9ad6cc]:hover {\n outline: none;\n}\n.ub[data-v-fd9ad6cc] {\n display: -webkit-box;\n display: -moz-box;\n position: relative;\n}\n/*以反方向显示 div 框的子元素*/\n.ub-rev[data-v-fd9ad6cc] {\n -webkit-box-direction: reverse;\n}\n.ub-fh[data-v-fd9ad6cc] {\n width: 100%;\n}\n.ub-fv[data-v-fd9ad6cc] {\n height: 100%;\n}\n.ub-con[data-v-fd9ad6cc] {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n/*通过使用 box-align and box-pack 属性，居中 div 框的子元素*/\n.ub-ac[data-v-fd9ad6cc] {\n -webkit-box-align: center;\n -moz-box-align: center;\n}\n/*通过使用 box-align and box-pack :end属性，右下 div 框的子元素*/\n.ub-ae[data-v-fd9ad6cc] {\n -webkit-box-align: end;\n -moz-box-align: end;\n}\n.ub-pc[data-v-fd9ad6cc] {\n -webkit-box-pack: center;\n -moz-box-pack: center;\n}\n.ub-pe[data-v-fd9ad6cc] {\n -webkit-box-pack: end;\n -moz-box-pack: end;\n}\n/*不知道*/\n.ub-pj[data-v-fd9ad6cc] {\n -webkit-box-pack: justify;\n -moz-box-pack: justify;\n}\n/*从上向下垂直排列子元素。*/\n.ub-ver[data-v-fd9ad6cc] {\n -webkit-box-orient: vertical;\n}\n/*box-flex主要让子容器针对父容器的宽度按一定规则进行划分*/\n.ub-f1[data-v-fd9ad6cc] {\n position: relative;\n -webkit-box-flex: 1;\n -moz-box-flex: 1;\n}\n.ub-f2[data-v-fd9ad6cc] {\n position: relative;\n -webkit-box-flex: 2;\n -moz-box-flex: 2;\n}\n.ub-f3[data-v-fd9ad6cc] {\n position: relative;\n -webkit-box-flex: 3;\n -moz-box-flex: 3;\n}\n.ub-f4[data-v-fd9ad6cc] {\n position: relative;\n -webkit-box-flex: 4;\n -moz-box-flex: 4;\n}\ninput[data-v-fd9ad6cc]:focus, textarea[data-v-fd9ad6cc]:focus {\n outline: none;\n border-color: #00dac5;\n}\n.pro_box[data-v-fd9ad6cc] {\n margin-right: 30px;\n overflow: hidden;\n}\n.pro_box[data-v-fd9ad6cc]:last-child {\n margin-right: 0px;\n}\n.pro_box:hover .pro_txt[data-v-fd9ad6cc] {\n opacity: 0;\n}\n.pro_box:hover .pro_txt2[data-v-fd9ad6cc] {\n opacity: 0;\n}\n.pro_box:hover .pro_txt_center[data-v-fd9ad6cc] {\n opacity: 1;\n}\n.pro_box:hover .pro_txt_center .pro_title[data-v-fd9ad6cc], .pro_box:hover .pro_txt_center .pro_en[data-v-fd9ad6cc], .pro_box:hover .pro_txt_center .pro_btn[data-v-fd9ad6cc] {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n}\n.pro_box:hover .mask[data-v-fd9ad6cc] {\n background-color: #00dac5;\n opacity: 0.8;\n}\n.pro_box:hover .pro_img[data-v-fd9ad6cc] {\n -webkit-transform: scale(1.1);\n -ms-transform: scale(1.1);\n transform: scale(1.1);\n}\n.pro_box .mask[data-v-fd9ad6cc] {\n z-index: 150;\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n}\n.pro_box .pro_title[data-v-fd9ad6cc] {\n font-size: 16px;\n color: #fff;\n font-weight: 500;\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n}\n.pro_box .pro_en[data-v-fd9ad6cc] {\n font-size: 14px;\n color: #fff;\n opacity: 0.9;\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n}\n.pro_box .pro_img[data-v-fd9ad6cc] {\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n z-index: 160;\n}\n.pro_box .pro_txt[data-v-fd9ad6cc] {\n height: 92px;\n opacity: 0.8;\n background-color: #00dac5;\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n z-index: 170;\n position: absolute;\n width: 100%;\n padding-bottom: 18px;\n padding-left: 10px;\n margin-top: 280px;\n}\n.pro_box .pro_txt2[data-v-fd9ad6cc] {\n height: 92px;\n position: absolute;\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n top: 279px;\n left: 10px;\n z-index: 180;\n}\n.pro_box .pro_txt2 .pro_title[data-v-fd9ad6cc] {\n white-space: nowrap;\n font-size: 12px;\n margin-top: 20px;\n font-weight: 900;\n}\n.pro_box .pro_txt2 .pro_en[data-v-fd9ad6cc] {\n height: 23px;\n font-size: 20px;\n margin-top: 9px;\n font-weight: 900;\n}\n.pro_box .pro_txt_center[data-v-fd9ad6cc] {\n width: 100%;\n z-index: 180;\n cursor: pointer;\n position: absolute;\n opacity: 0;\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n padding-top: 124px;\n padding-left: 40px;\n padding-bottom: 56px;\n /*-webkit-box-align: center;*/\n /*-moz-box-align: center;*/\n}\n.pro_box .pro_txt_center .pro_title[data-v-fd9ad6cc] {\n margin-right: 46px;\n text-align: left;\n font-size: 14px;\n color: #fff;\n font-weight: 500;\n -webkit-transform: translateY(-20px);\n -ms-transform: translateY(-20px);\n transform: translateY(-20px);\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n}\n.pro_box .pro_txt_center .pro_en[data-v-fd9ad6cc] {\n font-weight: 900;\n font-size: 18px;\n color: #fff;\n opacity: 0.9;\n font-family: Arial;\n -webkit-transform: translateY(-20px);\n -ms-transform: translateY(-20px);\n transform: translateY(-20px);\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n margin-top: 15px;\n}\n.pro_box .pro_txt_center .pro_btn[data-v-fd9ad6cc] {\n font-size: 14px;\n color: #fff;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n width: 140px;\n height: 40px;\n border: 2px solid #fff;\n border-radius: 100px;\n margin-top: 43px;\n -webkit-transform: translateY(20px);\n -ms-transform: translateY(20px);\n transform: translateY(20px);\n -webkit-transition: all .5s;\n -o-transition: all .5s;\n transition: all .5s;\n margin-left: 75px;\n}\n.pro_box .pro_txt_center .pro_btn[data-v-fd9ad6cc]:hover {\n background-color: #fff;\n color: #00dac5;\n}\n.page[data-v-fd9ad6cc] {\n width: 20%;\n margin: 91px auto;\n}\n'],sourceRoot:""}])},"P+V6":function(a,n,t){n=a.exports=t("FZ+f")(!0),n.push([a.i,'\n@charset "UTF-8";\n/*分页样式*/\n.el-pager li.active {\n color: #fff;\n background-color: #00dac6;\n border-radius: 100px;\n}\n.el-pager {\n text-align: center;\n vertical-align: center;\n}\n.el-pager li:hover {\n color: #fff;\n background-color: #00dac6;\n border-radius: 100px;\n}\n.page button:not(.disabled):hover i {\n color: #fff;\n background-color: #00dac6;\n border-radius: 100px;\n}\n.el-pager li, .el-pagination button .el-icon {\n margin: 0 0 0 15px;\n font-size: 20px;\n font-weight: 500;\n width: 50px;\n height: 50px;\n color: #000000;\n background-color: #e2e0e1;\n border-radius: 100px;\n line-height: 50px;\n}\n.el-pagination button {\n padding: 0 !important;\n}\n.el-pagination .disabled {\n color: rgba(0, 0, 0, 0.38);\n}\n',"",{version:3,sources:["C:/zhizhu/new_website/officialWebsite/src/pages/product/product.vue"],names:[],mappings:";AACA,iBAAiB;AACjB,QAAQ;AACR;EACE,YAAY;EACZ,0BAA0B;EAC1B,qBAAqB;CACtB;AACD;EACE,mBAAmB;EACnB,uBAAuB;CACxB;AACD;IACI,YAAY;IACZ,0BAA0B;IAC1B,qBAAqB;CACxB;AACD;EACE,YAAY;EACZ,0BAA0B;EAC1B,qBAAqB;CACtB;AACD;EACE,mBAAmB;EACnB,gBAAgB;EAChB,iBAAiB;EACjB,YAAY;EACZ,aAAa;EACb,eAAe;EACf,0BAA0B;EAC1B,qBAAqB;EACrB,kBAAkB;CACnB;AACD;EACE,sBAAsB;CACvB;AACD;EACE,2BAA2B;CAC5B",file:"product.vue",sourcesContent:['\n@charset "UTF-8";\n/*分页样式*/\n.el-pager li.active {\n color: #fff;\n background-color: #00dac6;\n border-radius: 100px;\n}\n.el-pager {\n text-align: center;\n vertical-align: center;\n}\n.el-pager li:hover {\n color: #fff;\n background-color: #00dac6;\n border-radius: 100px;\n}\n.page button:not(.disabled):hover i {\n color: #fff;\n background-color: #00dac6;\n border-radius: 100px;\n}\n.el-pager li, .el-pagination button .el-icon {\n margin: 0 0 0 15px;\n font-size: 20px;\n font-weight: 500;\n width: 50px;\n height: 50px;\n color: #000000;\n background-color: #e2e0e1;\n border-radius: 100px;\n line-height: 50px;\n}\n.el-pagination button {\n padding: 0 !important;\n}\n.el-pagination .disabled {\n color: rgba(0, 0, 0, 0.38);\n}\n'],sourceRoot:""}])},"T+Nc":function(a,n,t){"use strict";function o(a){t("DC1Q"),t("+9E6"),t("0Pmj")}Object.defineProperty(n,"__esModule",{value:!0});var e=t("Xxa5"),i=t.n(e),d=t("exGp"),A=t.n(d),r=t("qedb"),c=(t("6BrK"),t("r47a")),s=t("EJ8P"),f=t("wjHv"),l={name:"product",components:{TopImageView:s.a,TitleList:f.a},data:function(){return{pagerShow:!0,searchResult:!1,searchInput:"",searchInputLater:"",searchType:!1,toast:!1,pageSize:6,current:1,total:13,cmsCateType:159,navs:[{text:"网站首页",name:"home",query:{}},{text:"产品汇总",name:"product",query:{}}],topImgUrl:"static/image/product/product_banner.jpg",title_list:[{id:159,title:"最热线路",is_chose:!0},{id:161,title:"景区直通车",is_chose:!1},{id:167,title:"酒店住宿",is_chose:!1},{id:163,title:"景点门票",is_chose:!1},{id:162,title:"巴士自由行",is_chose:!1}],productList:[],cache_data:{}}},mounted:function(){var a=this;this.$nextTick(function(){a.initData()})},methods:{initData:function(){var a=this.$route.params.cmsCatergory;if(console.log(a),!isNaN(a)){this.cmsCateType=a;for(var n in this.title_list)this.title_list[n].is_chose=!1,this.title_list[n].id===a&&(this.title_list[n].is_chose=!0)}this.getProductList()},getProductList:function(){var a=this;return A()(i.a.mark(function n(){var t,o,e;return i.a.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:if(t={cms_cate_id:a.cmsCateType,page:a.current,page_size:a.pageSize,content:a.searchInputLater},o="key_20180208_page"+a.current+"cms_cate_id"+a.cmsCateType,!a.cache_data.hasOwnProperty(o)){n.next=10;break}return a.total=a.cache_data[o].page.total,a.current=a.cache_data[o].page.current,a.pageSize=a.cache_data[o].page.page_size,a.productList=a.cache_data[o].prod_list,0===a.total?a.pagerShow=!1:a.pagerShow=!0,""!==a.searchInputLater&&(a.searchResult=!0),n.abrupt("return");case 10:return n.next=12,Object(c.g)(t);case 12:e=n.sent,!1===e.flag?a.$message.warning(e.msg):(""===t.content&&(a.cache_data[o]=r.a.clone(e.data)),a.total=e.data.page.total,a.current=e.data.page.current,a.pageSize=e.data.page.page_size,a.productList=e.data.prod_list,0===a.total?a.pagerShow=!1:a.pagerShow=!0,""!==a.searchInputLater&&(a.searchResult=!0));case 14:case"end":return n.stop()}},n,a)}))()},makeOrder:function(a,n){var t=0;switch(n){case"1":t="bus";break;case"2":t="ticket";break;case"3":t="hotel";break;case"4":t="tourist"}if(0===t)return void this.$message({showClose:!0,message:"产品出错了，请重新选择！",type:"warning"});this.$router.push({path:"product/reserve",query:{prod_id:a,type:t}})},handleCurrentChange:function(a){this.current=a,this.getProductList()},change:function(a,n){for(var t in this.title_list)this.title_list[t].is_chose=!1;this.title_list[n].is_chose=!0,this.cmsCateType=a.id,this.current=1,this.getProductList()},searchBefore:function(){this.searchType=!0},doSearch:function(){""!==this.searchInput&&(this.searchInputLater=this.searchInput,this.searchResult=!0,this.getProductList())}}},v=function(){var a=this,n=a.$createElement,t=a._self._c||n;return t("div",[t("top-image-view",{attrs:{topImgUrl:a.topImgUrl,titleCH:"产品汇总",titleEN:"Product concourse",navs:a.navs}}),a._v(" "),t("div",[t("div",{staticClass:"search",on:{click:function(n){a.searchBefore()}}},[t("i",{staticClass:"el-icon-search"}),a._v(" "),t("input",{directives:[{name:"model",rawName:"v-model",value:a.searchInput,expression:"searchInput"}],staticClass:"search_info",class:{iptFocus:a.searchType},attrs:{type:"text"},domProps:{value:a.searchInput},on:{keyup:function(n){return"button"in n||!a._k(n.keyCode,"enter",13,n.key,"Enter")?a.doSearch(n):null},input:function(n){n.target.composing||(a.searchInput=n.target.value)}}})])]),a._v(" "),t("div",{staticClass:"prod_main"},[!1===a.searchResult?t("title-list",{staticStyle:{clear:"both"},attrs:{"title-list":a.title_list},on:{change:a.change}}):t("div",{staticStyle:{width:"1200px",margin:"0 auto",height:"248px","padding-bottom":"98px","padding-top":"105px"}},[t("div",[t("div",{staticStyle:{"font-size":"20px",height:"33px",width:"360px",color:"#666","font-family":"PingFangSC"}},[a._v("\n 搜索\n "),t("span",{staticStyle:{"font-size":"24px"}},[a._v("“"),t("span",{staticStyle:{color:"#333"}},[a._v(a._s(a.searchInputLater))]),a._v("”")]),a._v("\n 的结果\n ")])])]),a._v(" "),t("div",{staticClass:"product_list"},[t("div",{staticClass:"pro_right ub ub-ver"},[a.productList.length>0?t("div",{staticClass:"pro_right ub ub-ver"},[t("div",{staticClass:"ub pro_line",attrs:{"data-aos":"slide-up"}},a._l(a.productList,function(n,o){return o<3?t("div",{staticClass:"ub ub-ver pro_box",staticStyle:{width:"370px",height:"372px"}},[t("div",{staticClass:"ub mask",staticStyle:{position:"absolute",width:"100%",height:"100%"}}),a._v(" "),t("div",{staticClass:"ub pro_txt_con",staticStyle:{position:"absolute","z-index":"200",width:"100%"}},[t("div",{staticClass:"ub ub-ver pro_txt"}),a._v(" "),t("div",{staticClass:"ub ub-ver pro_txt2"},[t("div",{staticClass:"ub pro_title"},[a._v(a._s(n.pro_cate_name))]),a._v(" "),t("div",{staticClass:"ub pro_en"},[a._v("¥ "+a._s(n.show_price))])]),a._v(" "),t("div",{staticClass:"ub ub-ver pro_txt_center"},[t("div",{staticClass:"ub pro_title"},[a._v(a._s(n.pro_cate_name))]),a._v(" "),t("div",{staticClass:"ub pro_en"},[a._v("¥ "+a._s(n.show_price))]),a._v(" "),t("div",{staticClass:"ub ub-ac ub-pc pro_btn",on:{click:function(t){a.makeOrder(n.pro_cate_id,n.category_id)}}},[a._v("立即抢购\n ")])])]),a._v(" "),t("img",{staticClass:"pro_img",staticStyle:{width:"370px",height:"372px"},attrs:{src:n.show_img,alt:"蜘蛛出行"}})]):a._e()})),a._v(" "),t("div",{staticClass:"ub pro_line",attrs:{"data-aos":"slide-up"}},a._l(a.productList,function(n,o){return o>=3?t("div",{staticClass:"ub ub-ver pro_box",staticStyle:{width:"370px",height:"372px"}},[t("div",{staticClass:"ub mask",staticStyle:{position:"absolute",width:"100%",height:"100%"}}),a._v(" "),t("div",{staticClass:"ub pro_txt_con",staticStyle:{position:"absolute","z-index":"200",width:"100%"}},[t("div",{staticClass:"ub ub-ver pro_txt"}),a._v(" "),t("div",{staticClass:"ub ub-ver pro_txt2"},[t("div",{staticClass:"ub pro_title"},[a._v(a._s(n.pro_cate_name))]),a._v(" "),t("div",{staticClass:"ub pro_en"},[a._v("¥ "+a._s(n.show_price))])]),a._v(" "),t("div",{staticClass:"ub ub-ver pro_txt_center"},[t("div",{staticClass:"ub pro_title"},[a._v(a._s(n.pro_cate_name))]),a._v(" "),t("div",{staticClass:"ub pro_en"},[a._v("¥ "+a._s(n.show_price))]),a._v(" "),t("div",{staticClass:"ub ub-ac ub-pc pro_btn",on:{click:function(t){a.makeOrder(n.pro_cate_id,n.category_id)}}},[a._v("立即抢购\n ")])])]),a._v(" "),t("img",{staticClass:"pro_img",staticStyle:{width:"370px",height:"372px"},attrs:{src:n.show_img,alt:"蜘蛛出行"}})]):a._e()}))]):t("div",{staticClass:"noProductMain"},[a._m(0)])])])],1),a._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:a.pagerShow,expression:"pagerShow"}],staticClass:"page"},[t("el-pagination",{attrs:{layout:"prev, pager, next",total:a.total,"current-page":a.current,"page-size":a.pageSize},on:{"current-change":a.handleCurrentChange}})],1)],1)},p=[function(){var a=this,n=a.$createElement,t=a._self._c||n;return t("div",[t("i",{staticClass:"el-icon-warning"}),a._v(" "),t("span",{staticClass:"noProduct"},[a._v("抱歉，没有找到符合条件的产品。")])])}],C={render:v,staticRenderFns:p},B=C,h=t("VU/8"),b=o,x=h(l,B,!1,b,"data-v-fd9ad6cc",null);n.default=x.exports},kjx1:function(a,n,t){var o=t("reRq");"string"==typeof o&&(o=[[a.i,o,""]]),o.locals&&(a.exports=o.locals);t("rjj0")("68689d16",o,!0,{})},reRq:function(a,n,t){n=a.exports=t("FZ+f")(!0),n.push([a.i,'\n@charset "UTF-8";\nbody[data-v-127f7a58], div[data-v-127f7a58], span[data-v-127f7a58], header[data-v-127f7a58], footer[data-v-127f7a58], nav[data-v-127f7a58], section[data-v-127f7a58], aside[data-v-127f7a58], article[data-v-127f7a58], ul[data-v-127f7a58], dl[data-v-127f7a58], dt[data-v-127f7a58], dd[data-v-127f7a58], li[data-v-127f7a58], a[data-v-127f7a58], p[data-v-127f7a58], h1[data-v-127f7a58], h2[data-v-127f7a58], h3[data-v-127f7a58], h4[data-v-127f7a58], h5[data-v-127f7a58], h6[data-v-127f7a58], i[data-v-127f7a58], b[data-v-127f7a58], textarea[data-v-127f7a58], button[data-v-127f7a58], input[data-v-127f7a58], select[data-v-127f7a58], figure[data-v-127f7a58], figcaption[data-v-127f7a58] {\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-family: Microsoft Yahei,PingFangSC;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n -webkit-font-smoothing: antialiased;\n}\nbody[data-v-127f7a58]:hover, div[data-v-127f7a58]:hover, span[data-v-127f7a58]:hover, header[data-v-127f7a58]:hover, footer[data-v-127f7a58]:hover, nav[data-v-127f7a58]:hover, section[data-v-127f7a58]:hover, aside[data-v-127f7a58]:hover, article[data-v-127f7a58]:hover, ul[data-v-127f7a58]:hover, dl[data-v-127f7a58]:hover, dt[data-v-127f7a58]:hover, dd[data-v-127f7a58]:hover, li[data-v-127f7a58]:hover, a[data-v-127f7a58]:hover, p[data-v-127f7a58]:hover, h1[data-v-127f7a58]:hover, h2[data-v-127f7a58]:hover, h3[data-v-127f7a58]:hover, h4[data-v-127f7a58]:hover, h5[data-v-127f7a58]:hover, h6[data-v-127f7a58]:hover, i[data-v-127f7a58]:hover, b[data-v-127f7a58]:hover, textarea[data-v-127f7a58]:hover, button[data-v-127f7a58]:hover, input[data-v-127f7a58]:hover, select[data-v-127f7a58]:hover, figure[data-v-127f7a58]:hover, figcaption[data-v-127f7a58]:hover {\n outline: none;\n}\n.ub[data-v-127f7a58] {\n display: -webkit-box;\n display: -moz-box;\n position: relative;\n}\n/*以反方向显示 div 框的子元素*/\n.ub-rev[data-v-127f7a58] {\n -webkit-box-direction: reverse;\n}\n.ub-fh[data-v-127f7a58] {\n width: 100%;\n}\n.ub-fv[data-v-127f7a58] {\n height: 100%;\n}\n.ub-con[data-v-127f7a58] {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n/*通过使用 box-align and box-pack 属性，居中 div 框的子元素*/\n.ub-ac[data-v-127f7a58] {\n -webkit-box-align: center;\n -moz-box-align: center;\n}\n/*通过使用 box-align and box-pack :end属性，右下 div 框的子元素*/\n.ub-ae[data-v-127f7a58] {\n -webkit-box-align: end;\n -moz-box-align: end;\n}\n.ub-pc[data-v-127f7a58] {\n -webkit-box-pack: center;\n -moz-box-pack: center;\n}\n.ub-pe[data-v-127f7a58] {\n -webkit-box-pack: end;\n -moz-box-pack: end;\n}\n/*不知道*/\n.ub-pj[data-v-127f7a58] {\n -webkit-box-pack: justify;\n -moz-box-pack: justify;\n}\n/*从上向下垂直排列子元素。*/\n.ub-ver[data-v-127f7a58] {\n -webkit-box-orient: vertical;\n}\n/*box-flex主要让子容器针对父容器的宽度按一定规则进行划分*/\n.ub-f1[data-v-127f7a58] {\n position: relative;\n -webkit-box-flex: 1;\n -moz-box-flex: 1;\n}\n.ub-f2[data-v-127f7a58] {\n position: relative;\n -webkit-box-flex: 2;\n -moz-box-flex: 2;\n}\n.ub-f3[data-v-127f7a58] {\n position: relative;\n -webkit-box-flex: 3;\n -moz-box-flex: 3;\n}\n.ub-f4[data-v-127f7a58] {\n position: relative;\n -webkit-box-flex: 4;\n -moz-box-flex: 4;\n}\ninput[data-v-127f7a58]:focus, textarea[data-v-127f7a58]:focus {\n outline: none;\n border-color: #00dac5;\n}\n.class_title[data-v-127f7a58] {\n width: 1200px;\n margin: 0 auto;\n height: 248px;\n padding-bottom: 98px;\n padding-top: 105px;\n}\n.class_title_list[data-v-127f7a58] {\n margin: auto;\n}\n.class_box[data-v-127f7a58] {\n width: 100px;\n height: 40px;\n cursor: pointer;\n text-align: center;\n}\n.class_box[data-v-127f7a58]:hover {\n background-color: #00dac5;\n}\n.class_box:hover .class_name[data-v-127f7a58] {\n color: #ffffff;\n}\n.class_box[data-v-127f7a58]:not(:first-child) {\n margin-left: 28px;\n}\n.class_box_chose[data-v-127f7a58] {\n background-color: #00dac5;\n}\n.class_name[data-v-127f7a58] {\n margin: auto;\n display: block;\n line-height: 40px;\n width: 70px;\n height: 20px;\n font-family: PingFangSC;\n font-size: 14px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n text-align: center;\n}\n.class_name_chose[data-v-127f7a58] {\n color: #ffffff;\n}\n',"",{version:3,sources:["C:/zhizhu/new_website/officialWebsite/src/common/TitleList.vue"],names:[],mappings:";AACA,iBAAiB;AACjB;EACE,WAAW;EACX,UAAU;EACV,iBAAiB;EACjB,mBAAmB;EACnB,sBAAsB;EACtB,aAAa;EACb,oBAAoB;EACpB,wCAAwC;EACxC,+BAA+B;UACvB,uBAAuB;EAC/B,yCAAyC;EACzC,oCAAoC;CACrC;AACD;IACI,cAAc;CACjB;AACD;EACE,qBAAqB;EACrB,kBAAkB;EAClB,mBAAmB;CACpB;AACD,oBAAoB;AACpB;EACE,+BAA+B;CAChC;AACD;EACE,YAAY;CACb;AACD;EACE,aAAa;CACd;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,aAAa;CACd;AACD,+CAA+C;AAC/C;EACE,0BAA0B;EAC1B,uBAAuB;CACxB;AACD,mDAAmD;AACnD;EACE,uBAAuB;EACvB,oBAAoB;CACrB;AACD;EACE,yBAAyB;EACzB,sBAAsB;CACvB;AACD;EACE,sBAAsB;EACtB,mBAAmB;CACpB;AACD,OAAO;AACP;EACE,0BAA0B;EAC1B,uBAAuB;CACxB;AACD,gBAAgB;AAChB;EACE,6BAA6B;CAC9B;AACD,mCAAmC;AACnC;EACE,mBAAmB;EACnB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;EACE,cAAc;EACd,sBAAsB;CACvB;AACD;EACE,cAAc;EACd,eAAe;EACf,cAAc;EACd,qBAAqB;EACrB,mBAAmB;CACpB;AACD;EACE,aAAa;CACd;AACD;EACE,aAAa;EACb,aAAa;EACb,gBAAgB;EAChB,mBAAmB;CACpB;AACD;IACI,0BAA0B;CAC7B;AACD;MACM,eAAe;CACpB;AACD;EACE,kBAAkB;CACnB;AACD;EACE,0BAA0B;CAC3B;AACD;EACE,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,YAAY;EACZ,aAAa;EACb,wBAAwB;EACxB,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB;EACnB,qBAAqB;EACrB,uBAAuB;EACvB,mBAAmB;CACpB;AACD;EACE,eAAe;CAChB",file:"TitleList.vue",sourcesContent:['\n@charset "UTF-8";\nbody[data-v-127f7a58], div[data-v-127f7a58], span[data-v-127f7a58], header[data-v-127f7a58], footer[data-v-127f7a58], nav[data-v-127f7a58], section[data-v-127f7a58], aside[data-v-127f7a58], article[data-v-127f7a58], ul[data-v-127f7a58], dl[data-v-127f7a58], dt[data-v-127f7a58], dd[data-v-127f7a58], li[data-v-127f7a58], a[data-v-127f7a58], p[data-v-127f7a58], h1[data-v-127f7a58], h2[data-v-127f7a58], h3[data-v-127f7a58], h4[data-v-127f7a58], h5[data-v-127f7a58], h6[data-v-127f7a58], i[data-v-127f7a58], b[data-v-127f7a58], textarea[data-v-127f7a58], button[data-v-127f7a58], input[data-v-127f7a58], select[data-v-127f7a58], figure[data-v-127f7a58], figcaption[data-v-127f7a58] {\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-family: Microsoft Yahei,PingFangSC;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n -webkit-font-smoothing: antialiased;\n}\nbody[data-v-127f7a58]:hover, div[data-v-127f7a58]:hover, span[data-v-127f7a58]:hover, header[data-v-127f7a58]:hover, footer[data-v-127f7a58]:hover, nav[data-v-127f7a58]:hover, section[data-v-127f7a58]:hover, aside[data-v-127f7a58]:hover, article[data-v-127f7a58]:hover, ul[data-v-127f7a58]:hover, dl[data-v-127f7a58]:hover, dt[data-v-127f7a58]:hover, dd[data-v-127f7a58]:hover, li[data-v-127f7a58]:hover, a[data-v-127f7a58]:hover, p[data-v-127f7a58]:hover, h1[data-v-127f7a58]:hover, h2[data-v-127f7a58]:hover, h3[data-v-127f7a58]:hover, h4[data-v-127f7a58]:hover, h5[data-v-127f7a58]:hover, h6[data-v-127f7a58]:hover, i[data-v-127f7a58]:hover, b[data-v-127f7a58]:hover, textarea[data-v-127f7a58]:hover, button[data-v-127f7a58]:hover, input[data-v-127f7a58]:hover, select[data-v-127f7a58]:hover, figure[data-v-127f7a58]:hover, figcaption[data-v-127f7a58]:hover {\n outline: none;\n}\n.ub[data-v-127f7a58] {\n display: -webkit-box;\n display: -moz-box;\n position: relative;\n}\n/*以反方向显示 div 框的子元素*/\n.ub-rev[data-v-127f7a58] {\n -webkit-box-direction: reverse;\n}\n.ub-fh[data-v-127f7a58] {\n width: 100%;\n}\n.ub-fv[data-v-127f7a58] {\n height: 100%;\n}\n.ub-con[data-v-127f7a58] {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n/*通过使用 box-align and box-pack 属性，居中 div 框的子元素*/\n.ub-ac[data-v-127f7a58] {\n -webkit-box-align: center;\n -moz-box-align: center;\n}\n/*通过使用 box-align and box-pack :end属性，右下 div 框的子元素*/\n.ub-ae[data-v-127f7a58] {\n -webkit-box-align: end;\n -moz-box-align: end;\n}\n.ub-pc[data-v-127f7a58] {\n -webkit-box-pack: center;\n -moz-box-pack: center;\n}\n.ub-pe[data-v-127f7a58] {\n -webkit-box-pack: end;\n -moz-box-pack: end;\n}\n/*不知道*/\n.ub-pj[data-v-127f7a58] {\n -webkit-box-pack: justify;\n -moz-box-pack: justify;\n}\n/*从上向下垂直排列子元素。*/\n.ub-ver[data-v-127f7a58] {\n -webkit-box-orient: vertical;\n}\n/*box-flex主要让子容器针对父容器的宽度按一定规则进行划分*/\n.ub-f1[data-v-127f7a58] {\n position: relative;\n -webkit-box-flex: 1;\n -moz-box-flex: 1;\n}\n.ub-f2[data-v-127f7a58] {\n position: relative;\n -webkit-box-flex: 2;\n -moz-box-flex: 2;\n}\n.ub-f3[data-v-127f7a58] {\n position: relative;\n -webkit-box-flex: 3;\n -moz-box-flex: 3;\n}\n.ub-f4[data-v-127f7a58] {\n position: relative;\n -webkit-box-flex: 4;\n -moz-box-flex: 4;\n}\ninput[data-v-127f7a58]:focus, textarea[data-v-127f7a58]:focus {\n outline: none;\n border-color: #00dac5;\n}\n.class_title[data-v-127f7a58] {\n width: 1200px;\n margin: 0 auto;\n height: 248px;\n padding-bottom: 98px;\n padding-top: 105px;\n}\n.class_title_list[data-v-127f7a58] {\n margin: auto;\n}\n.class_box[data-v-127f7a58] {\n width: 100px;\n height: 40px;\n cursor: pointer;\n text-align: center;\n}\n.class_box[data-v-127f7a58]:hover {\n background-color: #00dac5;\n}\n.class_box:hover .class_name[data-v-127f7a58] {\n color: #ffffff;\n}\n.class_box[data-v-127f7a58]:not(:first-child) {\n margin-left: 28px;\n}\n.class_box_chose[data-v-127f7a58] {\n background-color: #00dac5;\n}\n.class_name[data-v-127f7a58] {\n margin: auto;\n display: block;\n line-height: 40px;\n width: 70px;\n height: 20px;\n font-family: PingFangSC;\n font-size: 14px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n letter-spacing: normal;\n text-align: center;\n}\n.class_name_chose[data-v-127f7a58] {\n color: #ffffff;\n}\n'],sourceRoot:""}])},wjHv:function(a,n,t){"use strict";function o(a){t("kjx1")}var e={name:"TitleList",props:{titleList:{type:Array}},data:function(){return{beforeTitle:0}},methods:{change:function(a,n){this.beforeTitle=n,this.$emit("change",a,n)}}},i=function(){var a=this,n=a.$createElement,t=a._self._c||n;return t("div",{staticClass:"class_title ub"},[t("div",{staticClass:"class_title_list ub"},a._l(a.titleList,function(n,o){return t("div",{staticClass:"class_box ub",class:n.is_chose?"class_box_chose":"",on:{click:function(t){a.change(n,o)}}},[t("span",{staticClass:"class_name",class:n.is_chose?"class_name_chose":""},[a._v(a._s(n.title))])])}))])},d=[],A={render:i,staticRenderFns:d},r=A,c=t("VU/8"),s=o,f=c(e,r,!1,s,"data-v-127f7a58",null);n.a=f.exports}});
- //# sourceMappingURL=6.ac22ab8dda5db9706d8b.js.map
|
