优化页面
This commit is contained in:
pengxiaolong
@@ -1 +1 @@
|
||||
"use strict";const e=require("../../../../common/vendor.js"),n=require("../../../../components/NationalDictionary.js"),o=require("../../../../components/request.js"),t={data:()=>({genders:0,Gender:[{label:"男",value:1},{label:"女",value:2}],Country:n.optionsArray,countrys:"",nameAnchor:"",Display:!1,Hint:!1,id:null,sendingTime:"",filterable:!0,AnchorProfilePicture:""}),mounted(){e.index.getStorage({key:"userinfo",success:e=>{this.id=e.data.id}})},methods:{gender(e){this.genders=e.value,console.log(e)},country(e){this.countrys=e.value,console.log(e)},handleOverlayClick(e){e.target===this.$el&&(this.Display=!1,this.Hint=!1)},open(){this.Display?(this.Display=!1,this.Hint=!1,this.nameAnchor="",this.genders=0,this.countrys=""):this.Display=!0},blur(n){this.nameAnchor!==n.target.value&&(this.nameAnchor=n.target.value,e.index.showLoading({title:"正在验证主播",mask:!0}),e.index.request({url:"https://python.yolojt.com/api/"+this.nameAnchor,success:n=>{200===n.data.code?(e.index.hideLoading(),e.index.showToast({title:"查询成功",icon:"none",duration:3e3}),this.AnchorProfilePicture=n.data.data):(e.index.hideLoading(),e.index.showToast({title:"未查询到该主播",icon:"none",duration:3e3}))},fail:function(n){e.index.hideLoading(),e.index.showToast({title:"网络请求失败",icon:"none",duration:3e3})}}))},async Publish(){""!==this.nameAnchor&&0!==this.genders&&""!==this.countrys&&""!==this.AnchorProfilePicture?(e.index.showLoading({title:"添加中...",mask:!0}),await o.request({url:"anchor/add",method:"POST",data:{anchorId:this.nameAnchor,headerIcon:this.AnchorProfilePicture,gender:this.genders,country:this.countrys,createUserId:this.id},userInfo:!0}).then((n=>{200===n.code?(this.Display=!1,this.Hint=!1,this.nameAnchor="",this.genders=0,this.AnchorProfilePicture="",e.index.hideLoading(),e.index.showToast({title:"添加成功",icon:"success",duration:2e3}),this.$emit("Refresh")):(e.index.hideLoading(),e.index.showToast({title:"添加失败"+n.msg,icon:"none",duration:2e3}))}))):this.Hint=!0}}};if(!Array){e.resolveComponent("wht-select")()}Math;const i=e._export_sfc(t,[["render",function(n,o,t,i,r,s){return e.e({a:r.Display},r.Display?e.e({b:e.o$1((e=>s.open())),c:e.o$1(((...e)=>n.NameAnchor&&n.NameAnchor(...e))),d:e.o$1(((...e)=>s.blur&&s.blur(...e))),e:""===r.nameAnchor&&!0===r.Hint},(""===r.nameAnchor&&r.Hint,{}),{f:e.o$1(s.country),g:e.p({backgroundColor:"#ffffff",placeholderColor:"#666666",textColor:"#666666",borderColor:"#ffffff",options:r.Country,filterable:r.filterable,placeholder:"请选择国家"}),h:""===r.countrys&&!0===r.Hint},(""===r.countrys&&r.Hint,{}),{i:e.o$1(s.gender),j:e.p({backgroundColor:"#ffffff",placeholderColor:"#666666",textColor:"#666666",borderColor:"#ffffff",options:r.Gender,placeholder:"性别"}),k:0===r.genders},(r.genders,{}),{l:1===r.genders},(r.genders,{}),{m:2===r.genders},(r.genders,{}),{n:0===r.genders&&!0===r.Hint},(0===r.genders&&r.Hint,{}),{o:e.o$1((e=>s.Publish())),p:e.o$1((()=>{})),q:e.n(r.Display?"create-module":"close-animation "),r:e.o$1((e=>s.open()))}):{})}],["__scopeId","data-v-b734f1fa"]]);wx.createComponent(i);
|
||||
"use strict";const e=require("../../../../common/vendor.js"),n=require("../../../../components/NationalDictionary.js"),o=require("../../../../components/request.js"),t={data:()=>({genders:0,Gender:[{label:"男",value:1},{label:"女",value:2}],Country:n.optionsArray,countrys:"",nameAnchor:"",Display:!1,Hint:!1,id:null,sendingTime:"",filterable:!0,AnchorProfilePicture:""}),mounted(){e.index.getStorage({key:"userinfo",success:e=>{this.id=e.data.id}})},methods:{gender(e){this.genders=e.value},country(e){this.countrys=e.value},handleOverlayClick(e){e.target===this.$el&&(this.Display=!1,this.Hint=!1)},open(){this.Display?(this.Display=!1,this.Hint=!1,this.nameAnchor="",this.genders=0,this.countrys=""):this.Display=!0},blur(n){this.nameAnchor!==n.target.value&&(this.nameAnchor=n.target.value,e.index.showLoading({title:"正在验证主播",mask:!0}),e.index.request({url:"https://python.yolojt.com/api/"+this.nameAnchor,success:n=>{200===n.data.code?(e.index.hideLoading(),e.index.showToast({title:"查询成功",icon:"none",duration:3e3}),this.AnchorProfilePicture=n.data.data):(e.index.hideLoading(),e.index.showToast({title:"未查询到该主播",icon:"none",duration:3e3}))},fail:function(n){e.index.hideLoading(),e.index.showToast({title:"网络请求失败",icon:"none",duration:3e3})}}))},async Publish(){""!==this.nameAnchor&&0!==this.genders&&""!==this.countrys&&""!==this.AnchorProfilePicture?(e.index.showLoading({title:"添加中...",mask:!0}),await o.request({url:"anchor/add",method:"POST",data:{anchorId:this.nameAnchor,headerIcon:this.AnchorProfilePicture,gender:this.genders,country:this.countrys,createUserId:this.id},userInfo:!0}).then((n=>{200===n.code?(this.Display=!1,this.Hint=!1,this.nameAnchor="",this.genders=0,this.AnchorProfilePicture="",e.index.hideLoading(),e.index.showToast({title:"添加成功",icon:"success",duration:2e3}),this.$emit("Refresh")):(e.index.hideLoading(),e.index.showToast({title:"添加失败"+n.msg,icon:"none",duration:2e3}))}))):this.Hint=!0}}};if(!Array){e.resolveComponent("wht-select")()}Math;const i=e._export_sfc(t,[["render",function(n,o,t,i,r,s){return e.e({a:r.Display},r.Display?e.e({b:e.o$1((e=>s.open())),c:e.o$1(((...e)=>n.NameAnchor&&n.NameAnchor(...e))),d:e.o$1(((...e)=>s.blur&&s.blur(...e))),e:""===r.nameAnchor&&!0===r.Hint},(""===r.nameAnchor&&r.Hint,{}),{f:e.o$1(s.country),g:e.p({backgroundColor:"#ffffff",placeholderColor:"#666666",textColor:"#666666",borderColor:"#ffffff",options:r.Country,filterable:r.filterable,placeholder:"请选择国家"}),h:""===r.countrys&&!0===r.Hint},(""===r.countrys&&r.Hint,{}),{i:e.o$1(s.gender),j:e.p({backgroundColor:"#ffffff",placeholderColor:"#666666",textColor:"#666666",borderColor:"#ffffff",options:r.Gender,placeholder:"性别"}),k:0===r.genders},(r.genders,{}),{l:1===r.genders},(r.genders,{}),{m:2===r.genders},(r.genders,{}),{n:0===r.genders&&!0===r.Hint},(0===r.genders&&r.Hint,{}),{o:e.o$1((e=>s.Publish())),p:e.o$1((()=>{})),q:e.n(r.Display?"create-module":"close-animation "),r:e.o$1((e=>s.open()))}):{})}],["__scopeId","data-v-69f046d6"]]);wx.createComponent(i);
|
||||
|
||||
@@ -1 +1 @@
|
||||
<view wx:if="{{a}}" class="{{['data-v-b734f1fa', q, 'Mask']}}" bindtap="{{r}}"><view catchtap="{{p}}" class="containers data-v-b734f1fa"><view class="container data-v-b734f1fa"><image class="Fork data-v-b734f1fa" bindtap="{{b}}" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Fork.png" mode="scaleToFill"/><view class="Titlecss data-v-b734f1fa"><view class="Star data-v-b734f1fa"></view><view class="Title data-v-b734f1fa">添加我的主播</view><view class="Star data-v-b734f1fa"></view></view><view class="NameAnchor data-v-b734f1fa"><input class="NameAnchorcss data-v-b734f1fa" cursor-color="#666666" placeholder-style="color:#666666" bindinput="{{c}}" placeholder="主播名称" bindblur="{{d}}"/><view wx:if="{{e}}" class="Hint data-v-b734f1fa">请检查主播名称是否正确</view></view><view class="Accountnumber data-v-b734f1fa"><view class="Coins country data-v-b734f1fa"><wht-select wx:if="{{g}}" class="data-v-b734f1fa" style="width:350rpx" bindchange="{{f}}" u-i="b734f1fa-0" bind:__l="__l" u-p="{{g}}"/><view wx:if="{{h}}" class="Hint data-v-b734f1fa">请选择国家</view></view><view class="Gender data-v-b734f1fa"><view class="Gendercs data-v-b734f1fa"><view class="Gendercss data-v-b734f1fa"><wht-select wx:if="{{j}}" class="data-v-b734f1fa" style="width:300rpx" bindchange="{{i}}" u-i="b734f1fa-1" bind:__l="__l" u-p="{{j}}"/></view><view class="Gendericoncss data-v-b734f1fa"><image wx:if="{{k}}" class="Gendericon data-v-b734f1fa" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/ask.png" mode="scaleToFill"/><image wx:if="{{l}}" class="Gendericon data-v-b734f1fa" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/man.png" mode="scaleToFill"/><image wx:if="{{m}}" class="Gendericon data-v-b734f1fa" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/girl.png" mode="scaleToFill"/></view></view><view wx:if="{{n}}" class="Hintcss data-v-b734f1fa">请选择性别</view></view></view><view class="Publish data-v-b734f1fa"><button bindtap="{{o}}" class="Publishcss data-v-b734f1fa">添加主播</button></view></view></view></view>
|
||||
<view wx:if="{{a}}" class="{{['data-v-69f046d6', q, 'Mask']}}" bindtap="{{r}}"><view catchtap="{{p}}" class="containers data-v-69f046d6"><view class="container data-v-69f046d6"><image class="Fork data-v-69f046d6" bindtap="{{b}}" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Fork.png" mode="scaleToFill"/><view class="Titlecss data-v-69f046d6"><view class="Star data-v-69f046d6"></view><view class="Title data-v-69f046d6">添加我的主播</view><view class="Star data-v-69f046d6"></view></view><view class="NameAnchor data-v-69f046d6"><input class="NameAnchorcss data-v-69f046d6" cursor-color="#666666" placeholder-style="color:#666666" bindinput="{{c}}" placeholder="主播名称" bindblur="{{d}}"/><view wx:if="{{e}}" class="Hint data-v-69f046d6">请检查主播名称是否正确</view></view><view class="Accountnumber data-v-69f046d6"><view class="Coins country data-v-69f046d6"><wht-select wx:if="{{g}}" class="data-v-69f046d6" style="width:350rpx" bindchange="{{f}}" u-i="69f046d6-0" bind:__l="__l" u-p="{{g}}"/><view wx:if="{{h}}" class="Hint data-v-69f046d6">请选择国家</view></view><view class="Gender data-v-69f046d6"><view class="Gendercs data-v-69f046d6"><view class="Gendercss data-v-69f046d6"><wht-select wx:if="{{j}}" class="data-v-69f046d6" style="width:300rpx" bindchange="{{i}}" u-i="69f046d6-1" bind:__l="__l" u-p="{{j}}"/></view><view class="Gendericoncss data-v-69f046d6"><image wx:if="{{k}}" class="Gendericon data-v-69f046d6" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/ask.png" mode="scaleToFill"/><image wx:if="{{l}}" class="Gendericon data-v-69f046d6" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/man.png" mode="scaleToFill"/><image wx:if="{{m}}" class="Gendericon data-v-69f046d6" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/girl.png" mode="scaleToFill"/></view></view><view wx:if="{{n}}" class="Hintcss data-v-69f046d6">请选择性别</view></view></view><view class="Publish data-v-69f046d6"><button bindtap="{{o}}" class="Publishcss data-v-69f046d6">添加主播</button></view></view></view></view>
|
||||
@@ -1 +1 @@
|
||||
@keyframes slide-in-b734f1fa{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.create-module.data-v-b734f1fa{animation:slide-in-b734f1fa .3s ease-in-out}.Mask.data-v-b734f1fa{width:100vw;height:100vh;background:rgba(0,0,0,.463);display:flex;flex-direction:column-reverse}.Hint.data-v-b734f1fa{color:red;font-size:20rpx;margin-left:30rpx;margin-top:10rpx}.Hintcss.data-v-b734f1fa{color:red;font-size:20rpx;margin-left:30rpx;margin-top:20rpx}.containers.data-v-b734f1fa{background-color:#fff;border-radius:50rpx}.container.data-v-b734f1fa{display:flex;background-image:url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/bgv.png);background-size:100% 100%;flex-direction:column;width:100%;height:1000rpx;border-radius:50rpx;box-shadow:0 0 10rpx #ccc}.Fork.data-v-b734f1fa{width:46rpx;height:46rpx;margin-top:20rpx;margin-left:90%}.Titlecss.data-v-b734f1fa{width:100%;height:70rpx;display:flex;justify-content:center;align-items:center}.Star.data-v-b734f1fa{width:50rpx;height:50rpx;background-image:url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/star.png);background-size:100% 100%}.Title.data-v-b734f1fa{width:430rpx;height:70rpx;background-size:100% 200%;background-position:0 100%;margin-left:26rpx;margin-right:26rpx;font-size:50rpx;line-height:70rpx;background:linear-gradient(135deg,#019fa1,#9ddbdc);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:700;text-align:center;font-style:italic}.Individual.data-v-b734f1fa{display:flex}.NameAnchor.data-v-b734f1fa{width:90%;margin:40rpx}.time.data-v-b734f1fa{width:90%;margin-left:5%;margin-top:50rpx}.NameAnchorcss.data-v-b734f1fa{width:99%;height:85rpx;background-color:#fff;border:1rpx solid #bfbfbf;border-radius:10rpx;text-align:center}.Gender.data-v-b734f1fa{width:310rpx;display:flex;flex-direction:column;justify-content:center}.Gendercs.data-v-b734f1fa{display:flex;justify-content:center}.Gendercss.data-v-b734f1fa{width:200rpx;height:60rpx}.Gendericoncss.data-v-b734f1fa{display:flex;justify-content:center;align-items:center;width:60rpx;height:60rpx;border-radius:50%;border:1rpx solid #ff9d0067;margin-left:20rpx;margin-top:10rpx}.Gendericon.data-v-b734f1fa{width:40rpx;height:40rpx}.Accountnumber.data-v-b734f1fa{display:flex;justify-content:center;margin-bottom:60rpx;margin-top:50rpx}.Coins.data-v-b734f1fa{width:400rpx;height:65rpx;margin-right:10rpx}.country.data-v-b734f1fa{margin-left:10rpx}.goldCoin.data-v-b734f1fa{width:100%;height:100rpx;display:flex;justify-content:center;align-items:center}.number-box.data-v-b734f1fa{display:flex;justify-content:center;text-align:center}.number-box-title.data-v-b734f1fa{color:#191919;font-size:30rpx;margin-right:22rpx;margin-left:17rpx}.number-box-unit.data-v-b734f1fa{color:#03aba8;width:48rpx;height:48rpx;border:1rpx solid #03aba8;border-radius:50%;line-height:48rpx;text-align:center}.Publish.data-v-b734f1fa{margin-top:300rpx;margin-bottom:40rpx;width:90%;margin-left:5%}.Publishcss.data-v-b734f1fa{background-image:linear-gradient(135deg,#4fcacd,#5fdbde);color:#fff;font-weight:700;border-radius:50rpx}
|
||||
@keyframes slide-in-69f046d6{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.create-module.data-v-69f046d6{animation:slide-in-69f046d6 .3s ease-in-out}.Mask.data-v-69f046d6{width:100vw;height:100vh;background:rgba(0,0,0,.463);display:flex;flex-direction:column-reverse}.Hint.data-v-69f046d6{color:red;font-size:20rpx;margin-left:30rpx;margin-top:10rpx}.Hintcss.data-v-69f046d6{color:red;font-size:20rpx;margin-left:30rpx;margin-top:20rpx}.containers.data-v-69f046d6{background-color:#fff;border-radius:50rpx}.container.data-v-69f046d6{display:flex;background-image:url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/bgv.png);background-size:100% 100%;flex-direction:column;width:100%;height:1000rpx;border-radius:50rpx;box-shadow:0 0 10rpx #ccc}.Fork.data-v-69f046d6{width:46rpx;height:46rpx;margin-top:20rpx;margin-left:90%}.Titlecss.data-v-69f046d6{width:100%;height:70rpx;display:flex;justify-content:center;align-items:center}.Star.data-v-69f046d6{width:50rpx;height:50rpx;background-image:url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/star.png);background-size:100% 100%}.Title.data-v-69f046d6{width:430rpx;height:70rpx;background-size:100% 200%;background-position:0 100%;margin-left:26rpx;margin-right:26rpx;font-size:50rpx;line-height:70rpx;background:linear-gradient(135deg,#019fa1,#9ddbdc);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:700;text-align:center;font-style:italic}.Individual.data-v-69f046d6{display:flex}.NameAnchor.data-v-69f046d6{width:90%;margin:40rpx}.time.data-v-69f046d6{width:90%;margin-left:5%;margin-top:50rpx}.NameAnchorcss.data-v-69f046d6{width:99%;height:85rpx;background-color:#fff;border:1rpx solid #bfbfbf;border-radius:10rpx;text-align:center}.Gender.data-v-69f046d6{width:310rpx;display:flex;flex-direction:column;justify-content:center}.Gendercs.data-v-69f046d6{display:flex;justify-content:center}.Gendercss.data-v-69f046d6{width:200rpx;height:60rpx}.Gendericoncss.data-v-69f046d6{display:flex;justify-content:center;align-items:center;width:60rpx;height:60rpx;border-radius:50%;border:1rpx solid #ff9d0067;margin-left:20rpx;margin-top:10rpx}.Gendericon.data-v-69f046d6{width:40rpx;height:40rpx}.Accountnumber.data-v-69f046d6{display:flex;justify-content:center;margin-bottom:60rpx;margin-top:50rpx}.Coins.data-v-69f046d6{width:400rpx;height:65rpx;margin-right:10rpx}.country.data-v-69f046d6{margin-left:10rpx}.goldCoin.data-v-69f046d6{width:100%;height:100rpx;display:flex;justify-content:center;align-items:center}.number-box.data-v-69f046d6{display:flex;justify-content:center;text-align:center}.number-box-title.data-v-69f046d6{color:#191919;font-size:30rpx;margin-right:22rpx;margin-left:17rpx}.number-box-unit.data-v-69f046d6{color:#03aba8;width:48rpx;height:48rpx;border:1rpx solid #03aba8;border-radius:50%;line-height:48rpx;text-align:center}.Publish.data-v-69f046d6{margin-top:300rpx;margin-bottom:40rpx;width:90%;margin-left:5%}.Publishcss.data-v-69f046d6{background-image:linear-gradient(135deg,#4fcacd,#5fdbde);color:#fff;font-weight:700;border-radius:50rpx}
|
||||
|
||||
Reference in New Issue
Block a user