pages-h5-avatar-avatar.d62ef103.js 17 KB

1
  1. (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-h5-avatar-avatar"],{1183:function(t,e,a){var i=a("974f");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var n=a("4f06").default;n("159fa8fa",i,!0,{sourceMap:!1,shadowMode:!1})},"288f":function(t,e,a){var i=a("c0c0");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var n=a("4f06").default;n("6f298464",i,!0,{sourceMap:!1,shadowMode:!1})},"303f":function(t,e,a){"use strict";a.d(e,"b",(function(){return n})),a.d(e,"c",(function(){return s})),a.d(e,"a",(function(){return i}));var i={uIcon:a("fb49").default,uButton:a("b7f2").default},n=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("v-uni-view",{staticClass:"mask",class:0===t.maskState?"none":1===t.maskState?"show":""},[a("v-uni-view",{staticClass:"mask-content",on:{click:function(e){e.stopPropagation(),e.preventDefault(),arguments[0]=e=t.$handleEvent(e),t.stopPrevent.apply(void 0,arguments)}}},[a("v-uni-view",{staticClass:"icon-wrap",on:{click:function(e){e.stopPropagation(),arguments[0]=e=t.$handleEvent(e),t.toggleMask("none")}}},[a("u-icon",{attrs:{name:"/static/app/close.png",size:"45rpx"}})],1),t.defautlOptions.title?a("v-uni-view",{staticClass:"title",domProps:{innerHTML:t._s(t.defautlOptions.title)}}):t._e(),t.defautlOptions.content?a("v-uni-view",{staticClass:"desc",domProps:{innerHTML:t._s(t.defautlOptions.content)}}):t._e(),a("v-uni-view",{staticClass:"action-content"},[a("u-button",{staticClass:"c-button",staticStyle:{"margin-bottom":"30rpx"},attrs:{type:"primary",shape:"circle",text:t.defautlOptions.confirmText},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.confirm.apply(void 0,arguments)}}}),t.defautlOptions.cancelText?a("u-button",{staticClass:"c-button",staticStyle:{"margin-bottom":"30rpx"},attrs:{type:"primary",shape:"circle",plain:!0,text:t.defautlOptions.cancelText},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.cancel.apply(void 0,arguments)}}}):t._e()],1)],1)],1)},s=[]},"4c4b":function(t,e,a){"use strict";a.r(e);var i=a("51f0"),n=a.n(i);for(var s in i)"default"!==s&&function(t){a.d(e,t,(function(){return i[t]}))}(s);e["default"]=n.a},"51f0":function(t,e,a){"use strict";var i=a("4ea4");Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0,a("96cf");var n=i(a("1da1")),s=i(a("5530")),o=a("2f62"),r={data:function(){return{name:"",tabList:[{sex:"男生",val:1,icon:"man"},{sex:"女生",val:2,icon:"woman"}],current:"1",headList:[],index1:0,coloseList:[],index2:0}},onLoad:function(){var t=this;setTimeout((function(){t.getHead(t.current),t.getColose(t.current)}),200)},methods:(0,s.default)((0,s.default)({},(0,o.mapActions)({initMap:"initMap"})),{},{change:function(t){var e=this;this.current=t,this.getHead(this.current).then((function(t){e.index1=0})),this.getColose(this.current).then((function(t){e.index2=0}))},getHead:function(t){var e=this;return(0,n.default)(regeneratorRuntime.mark((function a(){var i;return regeneratorRuntime.wrap((function(a){while(1)switch(a.prev=a.next){case 0:return a.next=2,e.$api("h5.avatar.getHead",{sex:t});case 2:i=a.sent,1==i.code&&(e.headList=i.data.user_head_imgs);case 4:case"end":return a.stop()}}),a)})))()},getColose:function(t){var e=this;return(0,n.default)(regeneratorRuntime.mark((function a(){var i;return regeneratorRuntime.wrap((function(a){while(1)switch(a.prev=a.next){case 0:return a.next=2,e.$api("h5.avatar.getBody",{sex:t});case 2:i=a.sent,1==i.code&&(e.coloseList=i.data.user_clothers_imgs);case 4:case"end":return a.stop()}}),a)})))()},changeSwitch:function(t,e){if(1==t)if("left"==e){if(this.index1<=0)return;this.index1--}else{if(this.index1>=this.headList.length-1)return;this.index1++}if(2==t)if("left"==e){if(this.index2<=0)return;this.index2--}else{if(this.index2>=this.coloseList.length-1)return;this.index2++}},saveAction:function(){var t=this;this.$refs.model.$confirm({content:"昵称和形象一经确认不可修改哦!您确认您现在的形象吗?"}).then((function(e){if(1==e){var a=t.headList[t.index1],i=t.coloseList[t.index2];t.$api("h5.avatar.save",{head_img_id:a.id,clothes_img_id:i.id,nick_name:t.name}).then((function(e){1==e.code&&t.initMap().then((function(e){setTimeout((function(){t.$u.route({url:"/pages/h5/index/index",type:"redirectTo"})}),1e3)}))}))}}))}})};e.default=r},"7d41":function(t,e,a){"use strict";var i=a("288f"),n=a.n(i);n.a},"8b56":function(t,e,a){"use strict";a("d3b7"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i={name:"c-confrim",data:function(){return{maskState:0,defautlOptions:{title:"",content:"",confirmText:"确认",confirmClass:"text-red",cancelText:"我在想想",cancelClass:"text-black"}}},methods:{stopPrevent:function(){},toggleMask:function(t){var e=this,a="show"===t?10:0,i="show"===t?1:0;this.maskState=2,setTimeout((function(){e.maskState=i}),a)},$confirm:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.defautlOptions=Object.assign(this.defautlOptions,e),new Promise((function(e,a){t.toggleMask("show"),t._confirm=function(){e(1),t._confirm=null},t._cancel=function(){e(0),t._cancel=null}}))},confirm:function(){this._confirm&&(this._confirm(),this.toggleMask())},cancel:function(){this._cancel&&(this._cancel(),this.toggleMask())}}};e.default=i},"903b":function(t,e,a){"use strict";a.r(e);var i=a("a81c"),n=a("4c4b");for(var s in n)"default"!==s&&function(t){a.d(e,t,(function(){return n[t]}))}(s);a("90d4");var o,r=a("f0c5"),c=Object(r["a"])(n["default"],i["b"],i["c"],!1,null,"679e9bcd",null,!1,i["a"],o);e["default"]=c.exports},"90d4":function(t,e,a){"use strict";var i=a("1183"),n=a.n(i);n.a},"974f":function(t,e,a){var i=a("24fb"),n=a("1de5"),s=a("d0aa");e=i(!1);var o=n(s);e.push([t.i,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用 \n */.app-page[data-v-679e9bcd]{width:100vw;min-height:100vh;height:unset;padding-bottom:0;background:url('+o+') no-repeat top/100vw 100%}.title[data-v-679e9bcd]{padding-top:%?60?%;font-size:%?36?%;font-family:PingFang SC;font-weight:700;color:#333;line-height:%?40?%;text-align:center}.desc[data-v-679e9bcd]{padding-top:%?31?%;text-align:center;font-size:%?22?%;font-family:PingFang SC;font-weight:500;color:#666;line-height:%?40?%}.tabs-wrap[data-v-679e9bcd]{width:%?640?%;border-radius:0 10px 10px 0;display:flex;margin:%?50?% auto 0}.tabs-wrap .tab-item[data-v-679e9bcd]{width:%?320?%;display:flex;flex-direction:column}.tabs-wrap .tab-item .icon[data-v-679e9bcd]{display:flex;align-items:center;justify-content:center;font-weight:600;height:%?80?%;background:rgba(255,129,1,.1);border-radius:%?10?% %?10?% %?10?% %?10?%}.tabs-wrap .tab-item .text[data-v-679e9bcd]{text-align:center;font-size:%?24?%;font-family:PingFang SC;font-weight:500;color:#ff8101;line-height:40px}.tabs-wrap .tab-item:first-child .icon[data-v-679e9bcd]{border-radius:%?10?% %?0?% %?0?% %?10?%}.tabs-wrap .tab-item:last-child .icon[data-v-679e9bcd]{border-radius:%?0?% %?10?% %?10?% %?0?%}.tabs-wrap .tab-item.active .icon[data-v-679e9bcd]{height:%?80?%;background:#ff8101}.swiper-wrap[data-v-679e9bcd]{display:flex;height:%?450?%;padding:0 %?31?%}.swiper-wrap .left-btn-wrap[data-v-679e9bcd]{display:flex;flex-direction:column;justify-content:space-between}.swiper-wrap .left-btn-wrap .btn[data-v-679e9bcd]{display:flex;justify-content:center;align-items:center;width:%?90?%;height:%?219?%;background:rgba(255,129,1,.14);border-radius:%?20?%}.swiper-wrap .left-btn-wrap .btn.gray[data-v-679e9bcd]{background-color:#efefef}.swiper-wrap .right-btn-wrap[data-v-679e9bcd]{display:flex;flex-direction:column;justify-content:space-between}.swiper-wrap .right-btn-wrap .btn[data-v-679e9bcd]{display:flex;justify-content:center;align-items:center;width:%?90?%;height:%?219?%;background:rgba(255,129,1,.14);border-radius:%?20?%}.swiper-wrap .right-btn-wrap .btn.gray[data-v-679e9bcd]{background-color:#efefef}.swiper-wrap .content-wrap[data-v-679e9bcd]{position:relative;flex:1;background-color:#ffecdb;margin:0 %?31?%;border-radius:%?20?%}.swiper-wrap .content-wrap .head[data-v-679e9bcd]{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}.swiper-wrap .content-wrap .head .swiper-item[data-v-679e9bcd]{display:none;height:100%}.swiper-wrap .content-wrap .head .swiper-item.active[data-v-679e9bcd]{display:flex!important}.swiper-wrap .content-wrap .head .swiper-item .img[data-v-679e9bcd]{object-position:top;align-self:center;max-width:100%;position:relative;height:%?273?%;top:%?-59?%}.swiper-wrap .content-wrap .body[data-v-679e9bcd]{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2}.swiper-wrap .content-wrap .body .swiper-item[data-v-679e9bcd]{display:none;height:100%}.swiper-wrap .content-wrap .body .swiper-item.active[data-v-679e9bcd]{display:flex!important}.swiper-wrap .content-wrap .body .swiper-item .img[data-v-679e9bcd]{align-self:center;max-width:100%;position:relative;height:%?121?%;bottom:%?-130?%}.block-wrap[data-v-679e9bcd]{margin:0 %?30?%}.block-wrap .top-content[data-v-679e9bcd]{background-color:#fff;padding-top:%?30?%;border-top-left-radius:%?20?%;border-top-right-radius:%?20?%}.block-wrap .bottom-content[data-v-679e9bcd]{position:relative;background-color:#fff;padding-top:%?60?%;padding-bottom:%?60?%;border-bottom-left-radius:%?20?%;border-bottom-right-radius:%?20?%}.block-wrap .bottom-content[data-v-679e9bcd]::before, .block-wrap .bottom-content[data-v-679e9bcd]::after{content:"";display:block;width:%?16?%;height:%?16?%;border-radius:50%;background-color:#ffc351;position:absolute;top:0}.block-wrap .bottom-content[data-v-679e9bcd]::before{top:%?-8?%;left:%?-8?%}.block-wrap .bottom-content[data-v-679e9bcd]::after{top:%?-8?%;right:%?-8?%}.block-wrap .title1[data-v-679e9bcd], .block-wrap .title2[data-v-679e9bcd]{width:%?344?%;padding-left:%?43?%;height:%?72?%;line-height:%?72?%;font-size:%?30?%;color:#fff;font-weight:700;background:linear-gradient(180deg,#ff9302,#ff7101);border-top-right-radius:%?30?%;border-bottom-right-radius:%?30?%}.block-wrap .title2[data-v-679e9bcd]{width:%?547?%}.block-wrap .title2 .subz[data-v-679e9bcd]{font-size:%?22?%;font-weight:400}.block-wrap .divide[data-v-679e9bcd]{border-bottom:1px dashed #febd3f;margin:0 %?20?%;background-color:#fff}.input-content[data-v-679e9bcd]{padding-top:%?60?%;padding-bottom:%?60?%;padding-left:%?30?%;padding-right:%?40?%;display:flex;align-items:center;justify-content:center}.input-content .label[data-v-679e9bcd]{display:flex;align-items:center;font-size:%?28?%;margin-right:%?20?%;color:#fe8101;font-weight:700}.input-content .label uni-text[data-v-679e9bcd]{margin-left:%?10?%}.input-content .input-wrap[data-v-679e9bcd]{padding-left:%?20?%;display:flex;align-items:center;flex:1;height:%?70?%;border:1px solid #e8e8e8;border-radius:4px}.button-wrap[data-v-679e9bcd]{padding:%?130?% %?40?% %?130?%}',""]),t.exports=e},a81c:function(t,e,a){"use strict";a.d(e,"b",(function(){return n})),a.d(e,"c",(function(){return s})),a.d(e,"a",(function(){return i}));var i={uInput:a("ec9d").default,uIcon:a("fb49").default,uButton:a("b7f2").default,cConfirm:a("d71c").default},n=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("v-uni-view",{staticClass:"app-page"},[a("v-uni-view",{staticStyle:{"text-align":"center","padding-top":"75rpx","padding-bottom":"10px"}},[a("v-uni-image",{staticStyle:{width:"325rpx",height:"82rpx"},attrs:{src:"/static/app/avatar/title.png",mode:"aspectFit"}})],1),a("v-uni-view",{staticClass:"block-wrap"},[a("v-uni-view",{staticClass:"top-content"},[a("v-uni-view",{staticClass:"title1"},[a("v-uni-view",{staticClass:"text"},[a("v-uni-text",[t._v("给自己起个名字吧")])],1)],1),a("v-uni-view",{staticClass:"input-content"},[a("v-uni-view",{staticClass:"label"},[a("v-uni-image",{staticStyle:{width:"28rpx",height:"28rpx"},attrs:{src:"/static/app/avatar/name.png",mode:"aspectFit"}}),a("v-uni-text",[t._v("昵称:")])],1),a("v-uni-view",{staticClass:"input-wrap"},[a("u-input",{staticClass:"inner_input",attrs:{fontSize:"26rpx",placeholderClass:"plac",placeholder:"昵称为2-6个字哦",border:"none"},model:{value:t.name,callback:function(e){t.name=e},expression:"name"}})],1)],1)],1),a("v-uni-view",{staticClass:"divide"}),a("v-uni-view",{staticClass:"bottom-content"},[a("v-uni-view",{staticClass:"title2"},[a("v-uni-view",{staticClass:"text"},[a("v-uni-text",[t._v("选择您的昵称")]),a("v-uni-text",{staticClass:"subz"},[t._v("(您可以左右切换选择造型)")])],1)],1),a("v-uni-view",{staticClass:"tabs-wrap"},t._l(t.tabList,(function(e,i){return a("v-uni-view",{key:i,staticClass:"tab-item",class:{active:e.val==t.current},on:{click:function(a){arguments[0]=a=t.$handleEvent(a),t.change(e.val)}}},[a("v-uni-view",{staticClass:"icon"},[a("u-icon",{attrs:{name:e.icon,size:28,bold:!0,color:e.val==t.current?"#fff":"#FF8101"}})],1),a("v-uni-view",{staticClass:"text"},[t._v(t._s(e.sex))])],1)})),1),a("v-uni-view",{staticClass:"swiper-wrap"},[a("v-uni-view",{staticClass:"left-btn-wrap"},[a("v-uni-view",{staticClass:"btn btn-1",class:{gray:0==t.index1}},[a("u-icon",{attrs:{name:"arrow-left",size:28,bold:!0,color:"#FF8101"},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.changeSwitch(1,"left")}}})],1),a("v-uni-view",{staticClass:"btn btn-3",class:{gray:0==t.index2}},[a("u-icon",{attrs:{name:"arrow-left",size:28,bold:!0,color:"#FF8101"},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.changeSwitch(2,"left")}}})],1)],1),a("v-uni-view",{staticClass:"content-wrap"},[a("v-uni-view",{staticClass:"head"},t._l(t.headList,(function(e,i){return a("v-uni-view",{key:e.name,staticClass:"swiper-item",class:{active:i==t.index1}},[a("v-uni-image",{staticClass:"img",attrs:{src:e.img_url,mode:"aspectFit"}})],1)})),1),a("v-uni-view",{staticClass:"body"},t._l(t.coloseList,(function(e,i){return a("v-uni-view",{key:e.name,staticClass:"swiper-item",class:{active:i==t.index2}},[a("v-uni-image",{staticClass:"img",attrs:{src:e.img_url,mode:"aspectFit"}})],1)})),1)],1),a("v-uni-view",{staticClass:"right-btn-wrap"},[a("v-uni-view",{staticClass:"btn btn-2",class:{gray:t.headList.length-1==t.index1}},[a("u-icon",{attrs:{name:"arrow-right",size:28,bold:!0,color:"#FF8101"},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.changeSwitch(1,"right")}}})],1),a("v-uni-view",{staticClass:"btn btn-4",class:{gray:t.coloseList.length-1==t.index2}},[a("u-icon",{attrs:{name:"arrow-right",size:28,bold:!0,color:"#FF8101"},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.changeSwitch(2,"right")}}})],1)],1)],1)],1)],1),a("v-uni-view",{staticClass:"button-wrap"},[a("u-button",{staticClass:"c-button",attrs:{type:"primary",shape:"circle",text:"确定,开始我的打卡之旅"},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.saveAction.apply(void 0,arguments)}}})],1),a("c-confirm",{ref:"model"})],1)},s=[]},c0c0:function(t,e,a){var i=a("24fb");e=i(!1),e.push([t.i,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用 \n */.mask[data-v-dfa234ec]{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:var(--window-top);bottom:0;width:100vw;background:transparent;z-index:10001;transition:.6s}.mask .mask-content[data-v-dfa234ec]{padding-top:%?60?%;display:flex;flex-direction:column;width:%?590?%;background:#fff;border-radius:15px;transition:-webkit-transform .1s opacity .1s;transition:transform .1s opacity .1s;transition:transform .1s opacity .1s,-webkit-transform .1s opacity .1s;-webkit-transform:scale(1.2);transform:scale(1.2);transition-timing-function:ease-out;opacity:.3}.mask.none[data-v-dfa234ec]{display:none}.mask.show[data-v-dfa234ec]{background:rgba(0,0,0,.4)}.mask.show .mask-content[data-v-dfa234ec]{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.mask .title[data-v-dfa234ec]{display:flex;justify-content:center;align-items:center;height:%?128?%;font-size:%?31?%;font-weight:400;color:#000}.mask .desc[data-v-dfa234ec]{padding:0 %?48?% %?40?%;font-size:%?26?%;font-family:PingFang SC;font-weight:400;color:#333;line-height:%?40?%;text-indent:2em}.mask .action-content[data-v-dfa234ec]{padding:0 %?40?%}.icon-wrap[data-v-dfa234ec]{position:absolute;top:%?-60?%;right:%?-5?%}',""]),t.exports=e},d0aa:function(t,e,a){t.exports=a.p+"static/img/bg.55e62890.png"},d5e9:function(t,e,a){"use strict";a.r(e);var i=a("8b56"),n=a.n(i);for(var s in i)"default"!==s&&function(t){a.d(e,t,(function(){return i[t]}))}(s);e["default"]=n.a},d71c:function(t,e,a){"use strict";a.r(e);var i=a("303f"),n=a("d5e9");for(var s in n)"default"!==s&&function(t){a.d(e,t,(function(){return n[t]}))}(s);a("7d41");var o,r=a("f0c5"),c=Object(r["a"])(n["default"],i["b"],i["c"],!1,null,"dfa234ec",null,!1,i["a"],o);e["default"]=c.exports}}]);