| 1 |
- import{_ as e,b as t,d as a,p as s,w as l,i,o as n,f as d,k as u,C as o}from"./index-2PZN6pGH.js";import{_ as r}from"./uni-card.CpdfOoXJ.js";import{_ as f}from"./uni-badge.BFkMAjEp.js";import{_ as c}from"./uni-section.BISPxi99.js";const g=e({components:{},data:()=>({value:0,customStyle:{backgroundColor:"#62ed0d",color:"#fff"}}),mounted(){const e=setInterval((()=>{this.value>=199?clearInterval(e):this.value++}),100)}},[["render",function(e,g,m,p,b,x){const y=o,_=t(a("uni-card"),r),v=t(a("uni-badge"),f),h=i,S=t(a("uni-section"),c);return n(),s(h,{class:"container"},{default:l((()=>[d(_,{"is-full":"","is-shadow":!1},{default:l((()=>[d(y,{class:"uni-h6"},{default:l((()=>[u("数字角标通用来标记重点信息使用，如接受到新消息、有未读消息等")])),_:1})])),_:1}),d(S,{title:"基础用法",type:"line",padding:""},{default:l((()=>[d(h,{class:"example-body"},{default:l((()=>[d(v,{class:"uni-badge-left-margin",text:"1"}),d(v,{class:"uni-badge-left-margin",text:"2",type:"primary"}),d(v,{class:"uni-badge-left-margin",text:"34",type:"success"}),d(v,{class:"uni-badge-left-margin",text:"45",type:"warning"}),d(v,{class:"uni-badge-left-margin",text:"123",type:"info"})])),_:1})])),_:1}),d(S,{title:"无底色",type:"line",padding:""},{default:l((()=>[d(h,{class:"example-body"},{default:l((()=>[d(v,{class:"uni-badge-left-margin",inverted:!0,text:"1"}),d(v,{class:"uni-badge-left-margin",inverted:!0,text:"2",type:"primary"}),d(v,{class:"uni-badge-left-margin",inverted:!0,text:"34",type:"success"}),d(v,{class:"uni-badge-left-margin",inverted:!0,text:"45",type:"warning"}),d(v,{class:"uni-badge-left-margin",inverted:!0,text:"123",type:"info"})])),_:1})])),_:1}),d(S,{title:"自定义样式",type:"line",padding:""},{default:l((()=>[d(h,{class:"example-body"},{default:l((()=>[d(v,{class:"uni-badge-left-margin",text:"2",type:"primary",customStyle:{background:"#4335d6"}}),d(v,{class:"uni-badge-left-margin",text:"2",type:"primary",customStyle:b.customStyle},null,8,["customStyle"])])),_:1})])),_:1}),d(S,{title:"定位: aboslute 属性",subTitle:"注：在安卓端不支持 nvue",type:"line",padding:""},{default:l((()=>[d(v,{class:"uni-badge-left-margin",text:b.value,absolute:"rightTop",size:"small"},{default:l((()=>[d(h,{class:"box"},{default:l((()=>[d(y,{class:"box-text"},{default:l((()=>[u("右上")])),_:1})])),_:1})])),_:1},8,["text"])])),_:1}),d(S,{title:"偏移: offset 属性(存在 aboslute)",type:"line",padding:""},{default:l((()=>[d(v,{class:"uni-badge-left-margin",text:8,absolute:"rightTop",offset:[-3,-3],size:"small"},{default:l((()=>[d(h,{class:"box"},{default:l((()=>[d(y,{class:"box-text"},{default:l((()=>[u("右上")])),_:1})])),_:1})])),_:1})])),_:1}),d(S,{title:"仅显示点: is-dot 属性",type:"line",padding:""},{default:l((()=>[d(v,{class:"uni-badge-left-margin","is-dot":!0,text:b.value,absolute:"rightTop",size:"small"},{default:l((()=>[d(h,{class:"box"},{default:l((()=>[d(y,{class:"box-text"},{default:l((()=>[u("圆点")])),_:1})])),_:1})])),_:1},8,["text"])])),_:1})])),_:1})}],["__scopeId","data-v-e5c6f25d"]]);export{g as default};
|
