@xysfe/actui/es/CouponLayer/index.js

A fantastic mobile ui lib implement by Vue

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/utils/helpers.js"),require("@xysfe/actui/es/assets/mixins/visible.js"),require("@xysfe/actui/es/assets/mixins/noscroll.js"),require("@xysfe/actui/es/assets/svgicon.js"),require("@xysfe/actui/es/BScroll/index.js"),require("@xysfe/actui/es/assets/common/layer.js"),require("@xysfe/actui/es/assets/common/button.js"),require("@xysfe/actui/es/assets/utils/BScroll/constants.js"),require("@xysfe/actui/es/assets/mixins/form-input.js"),require("@xysfe/actui/es/assets/img/item.png")):"function"==typeof define&&define.amd?define(["@xysfe/actui/es/assets/utils/create/index.js","@xysfe/actui/es/assets/utils/helpers.js","@xysfe/actui/es/assets/mixins/visible.js","@xysfe/actui/es/assets/mixins/noscroll.js","@xysfe/actui/es/assets/svgicon.js","@xysfe/actui/es/BScroll/index.js","@xysfe/actui/es/assets/common/layer.js","@xysfe/actui/es/assets/common/button.js","@xysfe/actui/es/assets/utils/BScroll/constants.js","@xysfe/actui/es/assets/mixins/form-input.js","@xysfe/actui/es/assets/img/item.png"],t):"object"==typeof exports?exports.CouponLayer=t(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/utils/helpers.js"),require("@xysfe/actui/es/assets/mixins/visible.js"),require("@xysfe/actui/es/assets/mixins/noscroll.js"),require("@xysfe/actui/es/assets/svgicon.js"),require("@xysfe/actui/es/BScroll/index.js"),require("@xysfe/actui/es/assets/common/layer.js"),require("@xysfe/actui/es/assets/common/button.js"),require("@xysfe/actui/es/assets/utils/BScroll/constants.js"),require("@xysfe/actui/es/assets/mixins/form-input.js"),require("@xysfe/actui/es/assets/img/item.png")):e.CouponLayer=t(e["@xysfe/actui/es/assets/utils/create/index.js"],e["@xysfe/actui/es/assets/utils/helpers.js"],e["@xysfe/actui/es/assets/mixins/visible.js"],e["@xysfe/actui/es/assets/mixins/noscroll.js"],e["@xysfe/actui/es/assets/svgicon.js"],e["@xysfe/actui/es/BScroll/index.js"],e["@xysfe/actui/es/assets/common/layer.js"],e["@xysfe/actui/es/assets/common/button.js"],e["@xysfe/actui/es/assets/utils/BScroll/constants.js"],e["@xysfe/actui/es/assets/mixins/form-input.js"],e["@xysfe/actui/es/assets/img/item.png"])}("undefined"!=typeof self?self:this,function(e,t,s,a,n,o,i,r,c,u,l){return function(e){function t(a){if(s[a])return s[a].exports;var n=s[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var s={};return t.m=e,t.c=s,t.d=function(e,s,a){t.o(e,s)||Object.defineProperty(e,s,{configurable:!1,enumerable:!0,get:a})},t.n=function(e){var s=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(s,"a",s),s},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="../es",t(t.s=1392)}({1054:function(e,t,s){"use strict";function a(){}var n=s(143),o=(s.n(n),s(196)),i=s.n(o),r=s(40),c=s.n(r),u=s(110),l=s.n(u),f=s(821),p=s.n(f),d=s(553),x=s.n(d),y=s(781),m=s.n(y),b=s(39),g=(s.n(b),s(1395)),v=s.n(g),_=s(782);s.n(_);t.a={name:"ActCouponLayer",mixins:[c.a,l.a,p.a],components:{ActLayer:x.a,ActButton:m.a},props:{hbgColor:{type:String,default:"#f7debb"},cbgColor:{type:String,default:"#f9443c"},showClose:{type:Boolean,default:!0},content:{type:Object,default:function(){return{}}},btnClick:{type:Function,default:a}},data:function(){return{showMore:!1,defaultCouponImg:v.a}},watch:{isVisible:function(e){var t=this;this.$nextTick(function(){if(e&&t.pageData&&t.pageData.coupon){var s=t.pageData.coupon;s.length<=3?t.showMore=!1:t.$nextTick(function(){var e=t.$refs.container.offsetHeight/s.length*3;t.$refs.container.style.height=Math.ceil(e)+"px",t.showMore=!0;var a=new i.a(t.$refs.container,{useTransition:_.USE_TRANSITION}),n=t;a.on("scroll",Object(b.throttle)(function(e){n.setMoreBtn(e)},800)),a.on("scrollEnd",function(e){t.setMoreBtn(e)})})}})}},methods:{click:function(){this.btnClick===a?this.hideLayer():this.btnClick()},hideLayer:function(){this.hide(),this.$emit("hidelayer")},setMoreBtn:function(e){Math.abs(e.y)>=this.$refs.wrap.scrollHeight-this.$refs.container.offsetHeight?this.showMore=!1:this.showMore=!0}}}},110:function(e,t){e.exports=a},1392:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=s(26),n=s.n(a),o=s(1393);o.a.install=function(e){e.component(o.a.name,o.a),e.prototype.$createCouponLayer=n()(o.a,e)},t.default=o.a},1393:function(e,t,s){"use strict";function a(e){r||s(1394)}var n=s(1054),o=s(1396),i=s(7),r=!1,c=a,u=Object(i.a)(n.a,o.a,o.b,!1,c,"data-v-7d1598a9",null);u.options.__file="src\\components\\CouponLayer\\src\\index.vue",t.a=u.exports},1394:function(e,t){},1395:function(e,t){e.exports=l},1396:function(e,t,s){"use strict";s.d(t,"a",function(){return a}),s.d(t,"b",function(){return n});var a=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("act-layer",{directives:[{name:"show",rawName:"v-show",value:e.isVisible,expression:"isVisible"}],attrs:{type:"slim",hbgColor:e.hbgColor,cbgColor:e.cbgColor,showClose:e.showClose},on:{hidelayer:e.hideLayer},scopedSlots:e._u([{key:"content",fn:function(){return[s("div",{staticClass:"act-quan-con"},[e.pageData.title?s("div",{staticClass:"act-quan-title",style:{color:e.pageData.title.color},domProps:{innerHTML:e._s(e.pageData.title.txt)}}):e._e(),e._v(" "),e.pageData.desc?s("div",{staticClass:"act-quan-tit-desc",style:{color:e.pageData.desc.color},domProps:{innerHTML:e._s(e.pageData.desc.txt)}}):e._e(),e._v(" "),s("div",{staticClass:"act-quan-con-form"},[e.isVisible?s("div",{ref:"container",staticClass:"act-quan-box"},[s("div",{ref:"wrap"},e._l(e.pageData.coupon,function(t,a){return s("div",{key:a,staticClass:"act-quan-data"},[s("div",{staticClass:"act-quan-data-container act-row act-middle",style:{backgroundImage:"url("+(t.bgImg?t.bgImg:e.defaultCouponImg)+")"}},[t.label?s("div",{staticClass:"act-quan-label",style:{borderColor:"transparent transparent "+t.label.bgColor,color:t.label.color}},[s("span",[e._v(e._s(t.label.txt))])]):e._e(),e._v(" "),s("div",{staticClass:"act-quan-left"},[t.money?s("div",{style:{color:t.money.color}},[s("span",{staticClass:"act-quan-money"},[e._v(e._s(t.money.num))]),e._v(" "),s("span",{staticClass:"act-quan-unit"},[e._v(e._s(t.money.unit||"元"))])]):e._e()]),e._v(" "),s("div",{staticClass:"act-quan-right"},[t.info?s("div",[t.info.title?s("div",{staticClass:"act-quan-name",style:{color:t.info.color}},[e._v("\n                      "+e._s(t.info.title)+"\n                    ")]):e._e(),e._v(" "),t.info.desc?s("div",{staticClass:"act-quan-desc",style:{color:t.info.color,border:"1px solid "+t.info.color}},[s("span",[e._v(e._s(t.info.desc))])]):e._e()]):e._e()])])])}),0),e._v(" "),s("transition",{attrs:{name:"more"}},[e.showMore?s("div",{staticClass:"act-coupon-more",style:{color:e.pageData.more&&e.pageData.more.color,backgroundColor:e.cbgColor,boxShadow:"0 0 3em 3em "+e.cbgColor}},[s("span",[e._v("\n                "+e._s(e.pageData.more&&e.pageData.more.txt?e.pageData.more.txt:"下滑查看更多")+"\n              ")]),e._v(" "),s("svg-icon",{attrs:{iconClass:"double-arrow-down"}})],1):e._e()])],1):e._e(),e._v(" "),e.pageData.tips?s("div",{staticClass:"act-quan-tips",style:{color:e.pageData.tips.color?e.pageData.tips.color:e.hbgColor}},[s("span",{domProps:{innerHTML:e._s(e.pageData.tips.txt)}})]):e._e(),e._v(" "),e.pageData.btn?s("div",{staticClass:"act-quan-con-btn"},[s("act-button",{attrs:{round:e.pageData.btn.round,buttondata:{btnbg:e.pageData.btn.back?e.pageData.btn.back:e.hbgColor,btnborder:e.pageData.btn.border,btncolor:e.pageData.btn.color?e.pageData.btn.color:"#b37321"}},on:{"button-click":e.click}},[e._v("\n            "+e._s(e.pageData.btn.txt?e.pageData.btn.txt:"我知道了")+"\n          ")])],1):e._e()])])]},proxy:!0}])})},n=[];a._withStripped=!0},143:function(e,t){e.exports=n},196:function(e,t){e.exports=o},26:function(t,s){t.exports=e},39:function(e,s){e.exports=t},40:function(e,t){e.exports=s},553:function(e,t){e.exports=i},7:function(e,t,s){"use strict";function a(e,t,s,a,n,o,i,r){e=e||{};var c=typeof e.default;"object"!==c&&"function"!==c||(e=e.default);var u="function"==typeof e?e.options:e;t&&(u.render=t,u.staticRenderFns=s,u._compiled=!0),a&&(u.functional=!0),o&&(u._scopeId=o);var l;if(i?(l=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},u._ssrRegister=l):n&&(l=r?function(){n.call(this,this.$root.$options.shadowRoot)}:n),l)if(u.functional){u._injectStyles=l;var f=u.render;u.render=function(e,t){return l.call(t),f(e,t)}}else{var p=u.beforeCreate;u.beforeCreate=p?[].concat(p,l):[l]}return{exports:e,options:u}}t.a=a},781:function(e,t){e.exports=r},782:function(e,t){e.exports=c},821:function(e,t){e.exports=u}})});