2 lines
6.9 KiB
JavaScript
2 lines
6.9 KiB
JavaScript
import{a2 as e,a3 as a,j as t,k as s,b as l,e as c,w as r,g as i,N as o,O as n,y as u,z as d,q as h,l as f,I as p,G as m,d as b,r as y,v as g,a0 as _,Q as k,A as x,a4 as C,$ as v,F as w,a5 as V,H as S}from"./index-f6e54d8f.js";import{_ as B}from"./uni-icons.7467b650.js";import{_ as $}from"./_plugin-vue_export-helper.1b428a4d.js";import{_ as U}from"./Layout.7385e6f6.js";const F={en:{"uni-search-bar.cancel":"cancel","uni-search-bar.placeholder":"Search enter content"},"zh-Hans":{"uni-search-bar.cancel":"取消","uni-search-bar.placeholder":"请输入搜索内容"},"zh-Hant":{"uni-search-bar.cancel":"取消","uni-search-bar.placeholder":"請輸入搜索內容"}},{t:T}=e(F);const j=$({name:"UniSearchBar",emits:["input","update:modelValue","clear","cancel","confirm","blur","focus"],props:{placeholder:{type:String,default:""},radius:{type:[Number,String],default:5},clearButton:{type:String,default:"auto"},cancelButton:{type:String,default:"auto"},cancelText:{type:String,default:""},bgColor:{type:String,default:"#F8F8F8"},textColor:{type:String,default:"#000000"},maxlength:{type:[Number,String],default:100},value:{type:[Number,String],default:""},modelValue:{type:[Number,String],default:""},focus:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1}},data:()=>({show:!1,showSync:!1,searchVal:""}),computed:{cancelTextI18n(){return this.cancelText||T("uni-search-bar.cancel")},placeholderText(){return this.placeholder||T("uni-search-bar.placeholder")}},watch:{modelValue:{immediate:!0,handler(e){this.searchVal=e,e&&(this.show=!0)}},focus:{immediate:!0,handler(e){if(e){if(this.readonly)return;this.show=!0,this.$nextTick((()=>{this.showSync=!0}))}}},searchVal(e,a){this.$emit("input",e),this.$emit("update:modelValue",e)}},methods:{searchClick(){this.readonly||this.show||(this.show=!0,this.$nextTick((()=>{this.showSync=!0})))},clear(){this.searchVal="",this.$nextTick((()=>{this.$emit("clear",{value:""})}))},cancel(){this.readonly||(this.$emit("cancel",{value:this.searchVal}),this.searchVal="",this.show=!1,this.showSync=!1,a())},confirm(){a(),this.$emit("confirm",{value:this.searchVal})},blur(){a(),this.$emit("blur",{value:this.searchVal})},emitFocus(e){this.$emit("focus",e.detail)}}},[["render",function(e,a,b,y,g,_){const k=t(s("uni-icons"),B),x=f,C=p,v=m;return l(),c(x,{class:"uni-searchbar"},{default:r((()=>[i(x,{style:o({borderRadius:b.radius+"px",backgroundColor:b.bgColor}),class:"uni-searchbar__box",onClick:_.searchClick},{default:r((()=>[i(x,{class:"uni-searchbar__box-icon-search"},{default:r((()=>[n(e.$slots,"searchIcon",{},(()=>[i(k,{color:"#c0c4cc",size:"18",type:"search"})]),!0)])),_:3}),g.show||g.searchVal?(l(),c(C,{key:0,focus:g.showSync,disabled:b.readonly,placeholder:_.placeholderText,maxlength:b.maxlength,class:"uni-searchbar__box-search-input","confirm-type":"search",type:"text",modelValue:g.searchVal,"onUpdate:modelValue":a[0]||(a[0]=e=>g.searchVal=e),style:o({color:b.textColor}),onConfirm:_.confirm,onBlur:_.blur,onFocus:_.emitFocus},null,8,["focus","disabled","placeholder","maxlength","modelValue","style","onConfirm","onBlur","onFocus"])):(l(),c(v,{key:1,class:"uni-searchbar__text-placeholder"},{default:r((()=>[u(d(b.placeholder),1)])),_:1})),g.show&&("always"===b.clearButton||"auto"===b.clearButton&&""!==g.searchVal)&&!b.readonly?(l(),c(x,{key:2,class:"uni-searchbar__box-icon-clear",onClick:_.clear},{default:r((()=>[n(e.$slots,"clearIcon",{},(()=>[i(k,{color:"#c0c4cc",size:"20",type:"clear"})]),!0)])),_:3},8,["onClick"])):h("v-if",!0)])),_:3},8,["style","onClick"]),"always"===b.cancelButton||g.show&&"auto"===b.cancelButton?(l(),c(v,{key:0,onClick:_.cancel,class:"uni-searchbar__cancel"},{default:r((()=>[u(d(_.cancelTextI18n),1)])),_:1},8,["onClick"])):h("v-if",!0)])),_:3})}],["__scopeId","data-v-c9985a7b"]]),I=$(b({__name:"index",setup(e){const a=y([{id:"b1",title:"一师一策",subtitle:"一师一优课、一课一名师",imageUrl:"/static/mock/banner-yishiyice.png",bgColor:"linear-gradient(to right, #4a7cf6, #6f9eff)"}]),n=y([{id:"c1",title:"教学力课程",description:"每月第2周例会集中培训+外出培训",date:"2025-02-11 12:33:12",imageUrl:"/static/mock/course-jiaoxue.png"},{id:"c2",title:"摄影艺术",description:"每月第3周例会时间",date:"2025-02-11 12:33:12",imageUrl:"/static/mock/course-sheying.png"},{id:"c3",title:"育人力课程",description:"每月第2周例会集中培训+外出培训",date:"2025-02-11 12:33:12",imageUrl:"/static/mock/course-yuren.png"},{id:"c4",title:"课程力课程",description:"每月第3周例会时间",date:"2025-02-11 12:33:12",imageUrl:"/static/mock/course-kecheng.png"},{id:"c5",title:"研究力课程",description:"每月第3周例会时间",date:"2025-02-11 12:33:12",imageUrl:"/static/mock/course-yanjiu.png"}]),p=e=>{console.log("搜索内容:",e),x({title:`搜索: ${e}`,icon:"none"})};return(e,b)=>{const y=t(s("uni-search-bar"),j),x=f,B=m,$=w,F=V,T=C,I=S,z=t(s("BasicLayout"),U);return l(),c(z,{"show-nav-bar":!0,"nav-bar-props":{title:"一师一策"}},{default:r((()=>[i(x,{class:"yishiyice-page"},{default:r((()=>[h(" Search Bar "),i(x,{class:"search-bar-container"},{default:r((()=>[i(y,{placeholder:"请输入搜索内容...",bgColor:"#f4f5f7",radius:"100",cancelButton:"none",onConfirm:p})])),_:1}),h(" Carousel/Banner "),i(x,{class:"banner-section"},{default:r((()=>[a.value.length>0?(l(),c(T,{key:0,class:"banner-swiper",circular:"","indicator-dots":"",autoplay:"",interval:3e3,duration:500,"indicator-color":"rgba(255, 255, 255, 0.5)","indicator-active-color":"#ffffff"},{default:r((()=>[(l(!0),g(k,null,_(a.value,((e,a)=>(l(),c(F,{key:a,class:"swiper-item"},{default:r((()=>[i(x,{class:"banner-content",style:o({background:e.bgColor})},{default:r((()=>[i(x,{class:"text-content"},{default:r((()=>[i(B,{class:"banner-title"},{default:r((()=>[u(d(e.title),1)])),_:2},1024),i(B,{class:"banner-subtitle"},{default:r((()=>[u(d(e.subtitle),1)])),_:2},1024)])),_:2},1024),i($,{src:e.imageUrl,mode:"aspectFit",class:"banner-image"},null,8,["src"])])),_:2},1032,["style"])])),_:2},1024)))),128))])),_:1})):(l(),g(k,{key:1},[h(" Placeholder if no banner items "),i(x,{class:"banner-placeholder"},{default:r((()=>[i(B,null,{default:r((()=>[u("暂无内容")])),_:1})])),_:1})],2112))])),_:1}),h(" Course List "),i(x,{class:"course-list"},{default:r((()=>[(l(!0),g(k,null,_(n.value,(e=>(l(),c(x,{key:e.id,class:"course-card"},{default:r((()=>[i($,{src:e.imageUrl||"/static/default-cover.png",mode:"aspectFill",class:"course-image"},null,8,["src"]),i(x,{class:"course-info"},{default:r((()=>[i(B,{class:"course-title"},{default:r((()=>[u(d(e.title),1)])),_:2},1024),i(B,{class:"course-desc"},{default:r((()=>[u(d(e.description),1)])),_:2},1024),i(B,{class:"course-date"},{default:r((()=>[u(d(e.date),1)])),_:2},1024)])),_:2},1024),i(I,{class:"register-btn",size:"mini",onClick:a=>{return t=e.id,console.log("报名课程:",t),void v({url:"/pages/view/routine/yishiyice/success"});var t}},{default:r((()=>[u("立即报名")])),_:2},1032,["onClick"])])),_:2},1024)))),128))])),_:1})])),_:1})])),_:1})}}}),[["__scopeId","data-v-8379d4e2"]]);export{I as default};
|