uniapp,h5

pages-tabbar-tabbar-1-tabbar-1.SCaxxzRr.js 9.4KB

12
  1. import{u as t,v as e,o,d as n,w as i,g as s,e as a,x as l,y as r,j as c,t as u,l as d,i as h,z as m}from"./index-CyEi9qWZ.js";import{_ as p}from"./uni-icons.DLqzPOHi.js";import{r as y}from"./uni-app.es.Cbyfkuy6.js";import{_ as f}from"./_plugin-vue_export-helper.BCo6x5W8.js";import{_ as w}from"./uni-card.C5Hdvv8G.js";const _=f({name:"UniNoticeBar",emits:["click","getmore","close"],props:{text:{type:String,default:""},moreText:{type:String,default:""},backgroundColor:{type:String,default:"#FFF9EA"},speed:{type:Number,default:100},color:{type:String,default:"#FF9A43"},fontSize:{type:Number,default:14},moreColor:{type:String,default:"#FF9A43"},single:{type:[Boolean,String],default:!1},scrollable:{type:[Boolean,String],default:!1},showIcon:{type:[Boolean,String],default:!1},showGetMore:{type:[Boolean,String],default:!1},showClose:{type:[Boolean,String],default:!1}},data:()=>({textWidth:0,boxWidth:0,wrapWidth:"",webviewHide:!1,elId:`Uni_${Math.ceil(1e6*Math.random()).toString(36)}`,elIdBox:`Uni_${Math.ceil(1e6*Math.random()).toString(36)}`,show:!0,animationDuration:"none",animationPlayState:"paused",animationDelay:"0s"}),watch:{text:function(t,e){this.initSize()}},computed:{isShowGetMore(){return!0===this.showGetMore||"true"===this.showGetMore},isShowClose(){return!(!0!==this.showClose&&"true"!==this.showClose||!1!==this.showGetMore&&"false"!==this.showGetMore)}},mounted(){this.$nextTick((()=>{this.initSize()}))},methods:{initSize(){if(this.scrollable){let e=[],o=new Promise(((e,o)=>{t().in(this).select(`#${this.elId}`).boundingClientRect().exec((t=>{this.textWidth=t[0].width,e()}))})),n=new Promise(((e,o)=>{t().in(this).select(`#${this.elIdBox}`).boundingClientRect().exec((t=>{this.boxWidth=t[0].width,e()}))}));e.push(o),e.push(n),Promise.all(e).then((()=>{this.animationDuration=this.textWidth/this.speed+"s",this.animationDelay=`-${this.boxWidth/this.speed}s`,setTimeout((()=>{this.animationPlayState="running"}),1e3)}))}},loopAnimation(){},clickMore(){this.$emit("getmore")},close(){this.show=!1,this.$emit("close")},onClick(){this.$emit("click")}}},[["render",function(t,m,f,w,_,b){const g=y(e("uni-icons"),p),S=d,x=h;return _.show?(o(),n(x,{key:0,class:"uni-noticebar",style:r({backgroundColor:f.backgroundColor}),onClick:b.onClick},{default:i((()=>[!0===f.showIcon||"true"===f.showIcon?(o(),n(g,{key:0,class:"uni-noticebar-icon",type:"sound",color:f.color,size:1.5*f.fontSize},null,8,["color","size"])):s("",!0),a(x,{ref:"textBox",class:l(["uni-noticebar__content-wrapper",{"uni-noticebar__content-wrapper--scrollable":f.scrollable,"uni-noticebar__content-wrapper--single":!f.scrollable&&(f.single||f.moreText)}]),style:r({height:f.scrollable?1.5*f.fontSize+"px":"auto"})},{default:i((()=>[a(x,{id:_.elIdBox,class:l(["uni-noticebar__content",{"uni-noticebar__content--scrollable":f.scrollable,"uni-noticebar__content--single":!f.scrollable&&(f.single||f.moreText)}])},{default:i((()=>[a(S,{id:_.elId,ref:"animationEle",class:l(["uni-noticebar__content-text",{"uni-noticebar__content-text--scrollable":f.scrollable,"uni-noticebar__content-text--single":!f.scrollable&&(f.single||f.showGetMore)}]),style:r({color:f.color,fontSize:f.fontSize+"px",lineHeight:1.5*f.fontSize+"px",width:_.wrapWidth+"px",animationDuration:_.animationDuration,"-webkit-animationDuration":_.animationDuration,animationPlayState:_.webviewHide?"paused":_.animationPlayState,"-webkit-animationPlayState":_.webviewHide?"paused":_.animationPlayState,animationDelay:_.animationDelay,"-webkit-animationDelay":_.animationDelay})},{default:i((()=>[c(u(f.text),1)])),_:1},8,["id","class","style"])])),_:1},8,["id","class"])])),_:1},8,["class","style"]),b.isShowGetMore?(o(),n(x,{key:1,class:"uni-noticebar__more uni-cursor-point",onClick:b.clickMore},{default:i((()=>[f.moreText.length>0?(o(),n(S,{key:0,style:r({color:f.moreColor,fontSize:f.fontSize+"px"})},{default:i((()=>[c(u(f.moreText),1)])),_:1},8,["style"])):(o(),n(g,{key:1,type:"right",color:f.moreColor,size:1.1*f.fontSize},null,8,["color","size"]))])),_:1},8,["onClick"])):s("",!0),b.isShowClose?(o(),n(x,{key:2,class:"uni-noticebar-close uni-cursor-point"},{default:i((()=>[a(g,{type:"closeempty",color:f.color,size:1.1*f.fontSize,onClick:b.close},null,8,["color","size","onClick"])])),_:1})):s("",!0)])),_:1},8,["style","onClick"])):s("",!0)}],["__scopeId","data-v-a72af3d1"]]),b={en:{"uni-countdown.day":"day","uni-countdown.h":"h","uni-countdown.m":"m","uni-countdown.s":"s"},"zh-Hans":{"uni-countdown.day":"天","uni-countdown.h":"时","uni-countdown.m":"分","uni-countdown.s":"秒"},"zh-Hant":{"uni-countdown.day":"天","uni-countdown.h":"時","uni-countdown.m":"分","uni-countdown.s":"秒"}},{t:g}=m(b);const S=f({name:"UniCountdown",emits:["timeup"],props:{showDay:{type:Boolean,default:!0},showHour:{type:Boolean,default:!0},showMinute:{type:Boolean,default:!0},showColon:{type:Boolean,default:!0},start:{type:Boolean,default:!0},backgroundColor:{type:String,default:""},color:{type:String,default:"#333"},fontSize:{type:Number,default:14},splitorColor:{type:String,default:"#333"},day:{type:Number,default:0},hour:{type:Number,default:0},minute:{type:Number,default:0},second:{type:Number,default:0},timestamp:{type:Number,default:0}},data:()=>({timer:null,syncFlag:!1,d:"00",h:"00",i:"00",s:"00",leftTime:0,seconds:0}),computed:{dayText:()=>g("uni-countdown.day"),hourText:t=>g("uni-countdown.h"),minuteText:t=>g("uni-countdown.m"),secondText:t=>g("uni-countdown.s"),timeStyle(){const{color:t,backgroundColor:e,fontSize:o}=this;return{color:t,backgroundColor:e,fontSize:`${o}px`,width:28*o/10+"px",lineHeight:20*o/14+"px",borderRadius:3*o/14+"px"}},splitorStyle(){const{splitorColor:t,fontSize:e,backgroundColor:o}=this;return{color:t,fontSize:12*e/14+"px",margin:o?4*e/14+"px":""}}},watch:{day(t){this.changeFlag()},hour(t){this.changeFlag()},minute(t){this.changeFlag()},second(t){this.changeFlag()},start:{immediate:!0,handler(t,e){if(t)this.startData();else{if(!e)return;clearInterval(this.timer)}}}},created:function(t){this.seconds=this.toSeconds(this.timestamp,this.day,this.hour,this.minute,this.second),this.countDown()},unmounted(){clearInterval(this.timer)},methods:{toSeconds:(t,e,o,n,i)=>t?t-parseInt((new Date).getTime()/1e3,10):60*e*60*24+60*o*60+60*n+i,timeUp(){clearInterval(this.timer),this.$emit("timeup")},countDown(){let t=this.seconds,[e,o,n,i]=[0,0,0,0];t>0?(e=Math.floor(t/86400),o=Math.floor(t/3600)-24*e,n=Math.floor(t/60)-24*e*60-60*o,i=Math.floor(t)-24*e*60*60-60*o*60-60*n):this.timeUp(),e<10&&(e="0"+e),o<10&&(o="0"+o),n<10&&(n="0"+n),i<10&&(i="0"+i),this.d=e,this.h=o,this.i=n,this.s=i},startData(){if(this.seconds=this.toSeconds(this.timestamp,this.day,this.hour,this.minute,this.second),this.seconds<=0)return this.seconds=this.toSeconds(0,0,0,0,0),void this.countDown();clearInterval(this.timer),this.countDown(),this.timer=setInterval((()=>{this.seconds--,this.seconds<0?this.timeUp():this.countDown()}),1e3)},update(){this.startData()},changeFlag(){this.syncFlag||(this.seconds=this.toSeconds(this.timestamp,this.day,this.hour,this.minute,this.second),this.startData(),this.syncFlag=!0)}}},[["render",function(t,e,l,m,p,y){const f=d,w=h;return o(),n(w,{class:"uni-countdown"},{default:i((()=>[l.showDay?(o(),n(f,{key:0,style:r([y.timeStyle]),class:"uni-countdown__number"},{default:i((()=>[c(u(p.d),1)])),_:1},8,["style"])):s("",!0),l.showDay?(o(),n(f,{key:1,style:r([y.splitorStyle]),class:"uni-countdown__splitor"},{default:i((()=>[c(u(y.dayText),1)])),_:1},8,["style"])):s("",!0),l.showHour?(o(),n(f,{key:2,style:r([y.timeStyle]),class:"uni-countdown__number"},{default:i((()=>[c(u(p.h),1)])),_:1},8,["style"])):s("",!0),l.showHour?(o(),n(f,{key:3,style:r([y.splitorStyle]),class:"uni-countdown__splitor"},{default:i((()=>[c(u(l.showColon?":":y.hourText),1)])),_:1},8,["style"])):s("",!0),l.showMinute?(o(),n(f,{key:4,style:r([y.timeStyle]),class:"uni-countdown__number"},{default:i((()=>[c(u(p.i),1)])),_:1},8,["style"])):s("",!0),l.showMinute?(o(),n(f,{key:5,style:r([y.splitorStyle]),class:"uni-countdown__splitor"},{default:i((()=>[c(u(l.showColon?":":y.minuteText),1)])),_:1},8,["style"])):s("",!0),a(f,{style:r([y.timeStyle]),class:"uni-countdown__number"},{default:i((()=>[c(u(p.s),1)])),_:1},8,["style"]),l.showColon?s("",!0):(o(),n(f,{key:6,style:r([y.splitorStyle]),class:"uni-countdown__splitor"},{default:i((()=>[c(u(y.secondText),1)])),_:1},8,["style"]))])),_:1})}],["__scopeId","data-v-44031de2"]]);const x=f({components:{},data:()=>({second:0,targetTimestamp:1766190600}),mounted(){this.updateTimeDifference()},methods:{updateTimeDifference(){const t=Math.trunc(Date.now()/1e3);this.second=this.targetTimestamp-t}}},[["render",function(t,s,l,r,u,m){const p=y(e("uni-notice-bar"),_),f=d,b=y(e("uni-countdown"),S),g=y(e("uni-card"),w),x=h;return o(),n(x,{class:"container"},{default:i((()=>[a(p,{"show-icon":"",scrollable:"",color:"#2979FF","background-color":"#EAF2FF",text:"🌸考研倒计时已经开始,每一天都充满了无限可能!所有的坚持都会换来结果,那些从困境中孕育出的花朵,必将绽放得绚烂。🎯设定目标,制定计划,然后全力以赴!考研的每一步都要走得坚定而有力。相信自己,你有足够的力量战胜一切困难,实现自己的梦想!"}),a(g,{"is-full":"",padding:""},{default:i((()=>[a(f,{class:"uni-h1"},{default:i((()=>[c("考研倒计时,距离考试还有")])),_:1}),a(b,{ref:"countdown","font-size":30,second:u.second,"show-colon":!1,color:"#FFFFFF","background-color":"#67cfff"},null,8,["second"])])),_:1})])),_:1})}],["__scopeId","data-v-00818be5"]]);export{x as default};