Home Explore Help
Sign In
githab
/
nutui
3
0
Fork 0
Files
Tree: 06e35d1aa6
Branches Tags
nutui
/
dist
/
6.js

6.js 12 KB
History Raw

12 
  1. /*! NutUI v1.2.8 Wed Jun 27 2018 20:09:26 GMT+0800 (CST) */
    2. 

  2. webpackJsonpnutui([6],{1048:function(n,t,i){(n.exports=i(1)()).push([n.i,"\n.wrapper[data-v-89db5640] {\n  padding-bottom: 50px;\n  background: #fff;\n}\n.title-box[data-v-89db5640] {\n  color: #0f0649;\n  margin-bottom: 20px;\n  margin-top: 8px;\n  font-size: 30px;\n  line-height: 38px;\n}\np[data-v-89db5640] {\n  color: #314659;\n  font-size: 16px;\n  line-height: 2;\n}\n.nav-box[data-v-89db5640] {\n  display: inline-block;\n  font-size: 26px;\n  height: 25px;\n  line-height: 25px;\n  color: #a38249;\n}\n.nav-box[data-v-89db5640]:hover {\n    -webkit-animation: swing 1s linear both;\n            animation: swing 1s linear both;\n}\n.nav-box .line[data-v-89db5640] {\n    vertical-align: middle;\n    width: 15px;\n    height: 5px;\n    background: #a38249;\n    display: inline-block;\n    margin-right: 10px;\n}\n.nav-box .icon[data-v-89db5640] {\n    margin-right: 10px;\n    display: inline-block;\n    width: 11px;\n    height: 16px;\n    background: url("+i(1116)+") no-repeat;\n}\n@-webkit-keyframes swing {\n20% {\n    -webkit-transform: rotate3d(0, 0, 1, 15deg);\n    transform: rotate3d(0, 0, 1, 15deg);\n}\n40% {\n    -webkit-transform: rotate3d(0, 0, 1, -10deg);\n    transform: rotate3d(0, 0, 1, -10deg);\n}\n60% {\n    -webkit-transform: rotate3d(0, 0, 1, 5deg);\n    transform: rotate3d(0, 0, 1, 5deg);\n}\n80% {\n    -webkit-transform: rotate3d(0, 0, 1, -5deg);\n    transform: rotate3d(0, 0, 1, -5deg);\n}\nto {\n    -webkit-transform: rotate3d(0, 0, 1, 0deg);\n    transform: rotate3d(0, 0, 1, 0deg);\n}\n}\n.box[data-v-89db5640] {\n  border-bottom: 2px solid #eee;\n  margin-bottom: 20px;\n  padding-bottom: 40px;\n}\n.box .box-title[data-v-89db5640] {\n    font-size: 20px;\n    margin-bottom: 0px;\n    font-weight: bold;\n}\n.box .box-title .title-round[data-v-89db5640] {\n      display: inline-block;\n      width: 10px;\n      height: 10px;\n      background: #314659;\n      border-radius: 50%;\n      margin-right: 10px;\n      margin-bottom: 2px;\n}\n.box .box-entry[data-v-89db5640], .box .box-intro[data-v-89db5640] {\n    font-size: 16px;\n}\n.box .box-intro[data-v-89db5640] {\n    margin-bottom: 35px;\n}\n.box .box-entry[data-v-89db5640] {\n    color: #2d336a;\n    margin-bottom: 10px;\n}\n.box .box-image img[data-v-89db5640] {\n    display: block;\n    box-shadow: 0px 15px 38px 1px #eee;\n    -webkit-animation: bounceInRight 1s linear both;\n            animation: bounceInRight 1s linear both;\n}\n@-webkit-keyframes bounceInRight {\nfrom, 60%, 75%, 90%, to {\n    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\nfrom {\n    opacity: 0;\n    -webkit-transform: translate3d(3000px, 0, 0);\n    transform: translate3d(3000px, 0, 0);\n}\n60% {\n    opacity: 1;\n    -webkit-transform: translate3d(-25px, 0, 0);\n    transform: translate3d(-25px, 0, 0);\n}\n75% {\n    -webkit-transform: translate3d(10px, 0, 0);\n    transform: translate3d(10px, 0, 0);\n}\n90% {\n    -webkit-transform: translate3d(-5px, 0, 0);\n    transform: translate3d(-5px, 0, 0);\n}\nto {\n    -webkit-transform: none;\n    transform: none;\n}\n}\n.logos[data-v-89db5640] {\n  padding: 0px;\n  margin: 0px;\n  margin: 0 auto;\n  box-sizing: border-box;\n  list-style-type: none;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n}\n.logos li[data-v-89db5640] {\n    float: left;\n    padding: 0px;\n    margin: 20px;\n    width: 80px;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n    -webkit-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: center;\n    -webkit-justify-content: center;\n            justify-content: center;\n    -webkit-box-align: center;\n    -webkit-align-items: center;\n            align-items: center;\n}\n.logos li[data-v-89db5640]:hover {\n      -webkit-animation: rubberBand 1s linear both;\n              animation: rubberBand 1s linear both;\n}\n.logos li:hover .logos-text[data-v-89db5640] {\n        color: red;\n}\n@-webkit-keyframes rubberBand {\nfrom {\n    -webkit-transform: scale3d(1, 1, 1);\n    transform: scale3d(1, 1, 1);\n}\n30% {\n    -webkit-transform: scale3d(1.25, 0.75, 1);\n    transform: scale3d(1.25, 0.75, 1);\n}\n40% {\n    -webkit-transform: scale3d(0.75, 1.25, 1);\n    transform: scale3d(0.75, 1.25, 1);\n}\n50% {\n    -webkit-transform: scale3d(1.15, 0.85, 1);\n    transform: scale3d(1.15, 0.85, 1);\n}\n65% {\n    -webkit-transform: scale3d(0.95, 1.05, 1);\n    transform: scale3d(0.95, 1.05, 1);\n}\n75% {\n    -webkit-transform: scale3d(1.05, 0.95, 1);\n    transform: scale3d(1.05, 0.95, 1);\n}\nto {\n    -webkit-transform: scale3d(1, 1, 1);\n    transform: scale3d(1, 1, 1);\n}\n}\n.logos li .logos-img[data-v-89db5640] {\n      display: block;\n      width: 56px;\n      height: 56px;\n      background-size: 56px 56px;\n      background-repeat: no-repeat;\n      background-position: center center;\n}\n.logos li .client-img[data-v-89db5640] {\n      width: 85px;\n      height: 65px;\n      background-size: 85px 65px;\n}\n.logos li .client-big[data-v-89db5640] {\n      width: 85px;\n      height: 65px;\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: flex;\n      -webkit-box-pack: center;\n      -webkit-justify-content: center;\n              justify-content: center;\n      -webkit-box-align: center;\n      -webkit-align-items: center;\n              align-items: center;\n}\n.logos li .client-bigimg[data-v-89db5640] {\n      width: 89px;\n      height: 36px;\n      background-size: 89px 36px;\n}\n.logos li .other-img[data-v-89db5640] {\n      width: 65px;\n      height: 65px;\n      background-size: 65px 65px;\n}\n.logos li .logos-text[data-v-89db5640] {\n      margin-top: 10px;\n}\n.line[data-v-89db5640] {\n  border-bottom: 2px solid #eee;\n  margin-bottom: 20px;\n}\n",""])},1116:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODhGODYyOUJFNEIzMTFFN0ExN0FBOUE0OThFMzI3OEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODhGODYyOUNFNEIzMTFFN0ExN0FBOUE0OThFMzI3OEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OEY4NjI5OUU0QjMxMUU3QTE3QUE5QTQ5OEUzMjc4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4OEY4NjI5QUU0QjMxMUU3QTE3QUE5QTQ5OEUzMjc4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoINFngAAAECSURBVHjajNI/S0JRGMfx65/BpD8qJObgkO6FODioa7QGvgIHX0A5K00OvoIGF7fGCGrUya0XELg4qDSYoUhL1vfA78JBveaBD+fy8FzO757n+jr31w4rhqnzz/LjEGPU92leIIoq3hDY1WzWEkkMMMPZruaY9jIqGOrZM3NLtUek0NbzRuYT3OAdIb0cQQYjhO0Y3zjHE7502g+yeMCnqQXXYt3pNrrIqdbAgakF1yL1cIm0aj68omAiuTFOdZSj/B840p7AsfkOt/lFEyxihbzGb27kQvkdN0bOitPELUro2x9kZw5o3EkNae41wYTGPEF8W6Pd/IwarvDr9SP9CTAAG50wawHY/CEAAAAASUVORK5CYII="},1198:function(n,t){n.exports={render:function(){var n=this,t=n.$createElement,i=n._self._c||t;return i("div",{staticClass:"wrapper"},[i("h1",{staticClass:"title-box"},[n._v("实践案例")]),n._v(" "),i("p",[n._v("从NUTUI诞生起，就逐渐应用在多个项目中，相信以后会有越来越多的项目接入到NUTUI中。以下是应用了NUTUI的项目示例。")]),n._v(" "),n._m(0),n._v(" "),n._l(n.appList,function(t,e){return i("div",{key:e,staticClass:"box"},[i("p",{staticClass:"box-title"},[i("b",{staticClass:"title-round"}),n._v(n._s(t.title))]),n._v(" "),i("div",{staticClass:"box-entry"},[n._v(n._s(t.entry))]),n._v(" "),i("div",{staticClass:"box-intro"},[n._v(n._s(t.intro))]),n._v(" "),i("div",{staticClass:"box-image"},[i("img",{attrs:{src:t.imageSrc,width:"350px"}})])])}),n._v(" "),n._m(1),n._v(" "),i("ul",{staticClass:"logos"},n._l(n.meList,function(t,e){return i("li",{key:e},[i("img",{staticClass:"logos-img",attrs:{src:t.imageSrc}}),n._v(" "),i("p",{staticClass:"logos-text"},[n._v(n._s(t.title))])])})),n._v(" "),i("div",{staticClass:"line"}),n._v(" "),n._m(2),n._v(" "),i("ul",{staticClass:"logos"},n._l(n.clientList,function(t,e){return i("li",{key:e},["生活杉德"==t.title?i("div",{staticClass:"client-big"},[i("img",{staticClass:"logos-img client-bigimg",attrs:{src:t.imageSrc}})]):n._e(),n._v(" "),"生活杉德"!==t.title?i("img",{staticClass:"logos-img client-img",attrs:{src:t.imageSrc}}):n._e(),n._v(" "),i("p",{staticClass:"logos-text"},[n._v(n._s(t.title))])])})),n._v(" "),i("div",{staticClass:"line"}),n._v(" "),n._m(3),n._v(" "),i("ul",{staticClass:"logos"},n._l(n.otherList,function(t,e){return i("li",{key:e},[i("img",{staticClass:"logos-img other-img",attrs:{src:t.imageSrc}}),n._v(" "),i("p",{staticClass:"logos-text"},[n._v(n._s(t.title))])])}))],2)},staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("h4",{staticClass:"nav-box"},[t("b",{staticClass:"icon"}),this._v("京东 APP")])},function(){var n=this.$createElement,t=this._self._c||n;return t("h4",{staticClass:"nav-box"},[t("b",{staticClass:"icon"}),this._v("京东 ME")])},function(){var n=this.$createElement,t=this._self._c||n;return t("h4",{staticClass:"nav-box"},[t("b",{staticClass:"icon"}),this._v("大客户")])},function(){var n=this.$createElement,t=this._self._c||n;return t("h4",{staticClass:"nav-box"},[t("b",{staticClass:"icon"}),this._v("其他")])}]}},1257:function(n,t,i){var e=i(1048);"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);i(3)("9d6e9fe0",e,!0,{})},796:function(n,t,i){var e=i(2)(i(968),i(1198),function(n){i(1257)},"data-v-89db5640",null);n.exports=e.exports},968:function(n,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{appList:[{title:"PLUS会员",entry:"京东APP首页—PLUS会员",intro:"京东为向核心客户提供更优质的购物体验，推出了京东PLUS会员，包含购物回馈、自营运费补贴、畅读电子书、退换无忧、专属客服和专享商品等权益，全方位提升和丰富网购特权。",imageSrc:"//img10.360buyimg.com/uba/jfs/t23413/151/250900924/114472/8b24b17f/5b2a2b55Ndc255cf7.png"},{title:"京保养",entry:"京东APP-车保养-京保养",intro:"京保养实现了汽车服务市场的业务快速接入，提供购买保养套餐后的绑车、预约门店进行保养等一系列移动端线上操作功能，让用户购买一次，多个门店可选择并进行爱车保养。",imageSrc:"//img11.360buyimg.com/uba/jfs/t20998/154/1477000841/77697/dc24002b/5b2a0f0eNfcdaa2f2.jpg"},{title:"宽带办理",entry:"京东APP-充值缴费-宽带办理",intro:"宽带项目作为电商进入客户家庭的关键入口，利用运营商现有渠道，能集约对接各省市运营商，且支持线下/第三方各渠道下单。",imageSrc:"//img11.360buyimg.com/uba/jfs/t22624/176/252723731/122091/20837dc4/5b2a17baNe4cc750f.png"}],meList:[{title:"预约中心",imageSrc:"../asset/img/cases/yuyue_icon.png"},{title:"用户之声",imageSrc:"../asset/img/cases/user_icon.png"},{title:"一线支援",imageSrc:"../asset/img/cases/online_icon.png"},{title:"e维平台",imageSrc:"../asset/img/cases/e_platform.png"},{title:"差旅服务",imageSrc:"../asset/img/cases/travel.png"},{title:"智能停车场",imageSrc:"../asset/img/cases/car_stop.png"}],clientList:[{title:"年节福利",imageSrc:"../asset/img/cases/jingxi.png"},{title:"生活杉德",imageSrc:"../asset/img/cases/shande_icon.png"}],otherList:[{title:"智慧党建",imageSrc:"../asset/img/cases/dangjian_icon.png"}]}},components:{},methods:{}}}});
    3.