| 12 |
- import{o as t,c as e,w as i,n as s,a as l,b as o,d as n,t as a,i as c,e as r,f as u,g as h,r as d,h as m,u as f,j as p,k as g}from"./index-22fb332c.js";import{_,P as y}from"./Page.692802d8.js";const b=_({name:"u-icon",emits:["click","touchstart"],props:{name:{type:String,default:""},color:{type:String,default:""},size:{type:[Number,String],default:"inherit"},bold:{type:Boolean,default:!1},index:{type:[Number,String],default:""},hoverClass:{type:String,default:""},customPrefix:{type:String,default:"uicon"},label:{type:[String,Number],default:""},labelPos:{type:String,default:"right"},labelSize:{type:[String,Number],default:"28"},labelColor:{type:String,default:"#606266"},marginLeft:{type:[String,Number],default:"6"},marginTop:{type:[String,Number],default:"6"},marginRight:{type:[String,Number],default:"6"},marginBottom:{type:[String,Number],default:"6"},imgMode:{type:String,default:"widthFix"},customStyle:{type:Object,default:()=>({})},width:{type:[String,Number],default:""},height:{type:[String,Number],default:""},top:{type:[String,Number],default:0},showDecimalIcon:{type:Boolean,default:!1},inactiveColor:{type:String,default:"#ececec"},percent:{type:[Number,String],default:"50"}},computed:{customClass(){let t=[],{customPrefix:e,name:i}=this,s=i.indexOf("-icon-");return s>-1?(e=i.substring(0,s+5),t.push(i)):t.push(`${e}-${i}`),"uicon"===e?t.push("u-iconfont"):t.push(e),this.showDecimalIcon&&this.inactiveColor&&this.$u.config.type.includes(this.inactiveColor)?t.push("u-icon__icon--"+this.inactiveColor):this.color&&this.$u.config.type.includes(this.color)&&t.push("u-icon__icon--"+this.color),t},iconStyle(){let t={};return t={fontSize:"inherit"==this.size?"inherit":this.$u.addUnit(this.size),fontWeight:this.bold?"bold":"normal",top:this.$u.addUnit(this.top)},this.showDecimalIcon&&this.inactiveColor&&!this.$u.config.type.includes(this.inactiveColor)?t.color=this.inactiveColor:this.color&&!this.$u.config.type.includes(this.color)&&(t.color=this.color),t},isImg(){return-1!==this.name.indexOf("/")},imgStyle(){let t={};return t.width=this.width?this.$u.addUnit(this.width):this.$u.addUnit(this.size),t.height=this.height?this.$u.addUnit(this.height):this.$u.addUnit(this.size),t},decimalIconStyle(){let t={};return t={fontSize:"inherit"==this.size?"inherit":this.$u.addUnit(this.size),fontWeight:this.bold?"bold":"normal",top:this.$u.addUnit(this.top),width:this.percent+"%"},this.color&&!this.$u.config.type.includes(this.color)&&(t.color=this.color),t},decimalIconClass(){let t=[];return t.push(this.customPrefix+"-"+this.name),"uicon"==this.customPrefix?t.push("u-iconfont"):t.push(this.customPrefix),this.color&&this.$u.config.type.includes(this.color)?t.push("u-icon__icon--"+this.color):t.push("u-icon__icon--primary"),t}},methods:{click(){this.$emit("click",this.index)},touchstart(){this.$emit("touchstart",this.index)}}},[["render",function(h,d,m,f,p,g){const _=c,y=r,b=u;return t(),e(b,{style:s([m.customStyle]),class:l(["u-icon",["u-icon--"+m.labelPos]]),onClick:g.click},{default:i((()=>[g.isImg?(t(),e(_,{key:0,class:"u-icon__img",src:m.name,mode:m.imgMode,style:s([g.imgStyle])},null,8,["src","mode","style"])):(t(),e(b,{key:1,class:l(["u-icon__icon",g.customClass]),style:s([g.iconStyle]),"hover-class":m.hoverClass,onTouchstart:g.touchstart},{default:i((()=>[m.showDecimalIcon?(t(),e(y,{key:0,style:s([g.decimalIconStyle]),class:l([g.decimalIconClass,"u-icon__decimal"]),"hover-class":m.hoverClass},null,8,["style","class","hover-class"])):o("v-if",!0)])),_:1},8,["class","style","hover-class","onTouchstart"])),o(' 这里进行空字符串判断，如果仅仅是v-if="label"，可能会出现传递0的时候，结果也无法显示，微信小程序不传值默认为null，故需要增加null的判断 '),""!==m.label&&null!==m.label?(t(),e(y,{key:2,class:"u-icon__label",style:s({color:m.labelColor,fontSize:h.$u.addUnit(m.labelSize),marginLeft:"right"==m.labelPos?h.$u.addUnit(m.marginLeft):0,marginTop:"bottom"==m.labelPos?h.$u.addUnit(m.marginTop):0,marginRight:"left"==m.labelPos?h.$u.addUnit(m.marginRight):0,marginBottom:"top"==m.labelPos?h.$u.addUnit(m.marginBottom):0})},{default:i((()=>[n(a(m.label),1)])),_:1},8,["style"])):o("v-if",!0)])),_:1},8,["style","onClick","class"])}],["__scopeId","data-v-c1996d6a"]]),S=h({__name:"index",setup:s=>(d("Hello"),(s,l)=>{const o=u,a=p(g("u-icon"),b);return t(),e(o,{class:"content"},{default:i((()=>[m(o,{class:"p40 tc fs40"},{default:i((()=>[n("红军长征动画DEMO")])),_:1}),m(o,{class:"pl40 pr40 pt15 pb15 fs40 bds_t bds_b dis_flex_align_between_center center",onClick:l[0]||(l[0]=t=>f(y).goto("/pages/hilo/index"))},{default:i((()=>[m(o,null,{default:i((()=>[m(o,{class:"fs32 text_color_link"},{default:i((()=>[n("版本1")])),_:1}),m(o,{class:"fs24 mt10 text_color_tips"},{default:i((()=>[n("手动控制")])),_:1})])),_:1}),m(a,{name:"arrow-right",color:"#999999"})])),_:1}),m(o,{class:"pl40 pr40 pt15 pb15 fs40 bds_t bds_b dis_flex_align_between_center center",onClick:l[1]||(l[1]=t=>f(y).goto("/pages/hilo/index1"))},{default:i((()=>[m(o,null,{default:i((()=>[m(o,{class:"fs32 text_color_link"},{default:i((()=>[n("版本2")])),_:1}),m(o,{class:"fs24 mt10 text_color_tips"},{default:i((()=>[n("预设动画，地图放大，镜头随主人公移动")])),_:1})])),_:1}),m(a,{name:"arrow-right",color:"#999999"})])),_:1})])),_:1})})});export{S as default};
|
