| 1 |
- import{_ as a,b as t,d as e,p as l,w as s,i,o as u,f as n,k as d,a4 as o,C as r}from"./index-2PZN6pGH.js";import{_ as c}from"./uni-card.CpdfOoXJ.js";import{_ as f}from"./uni-data-checkbox.CJSNfC7D.js";import{_ as m}from"./uni-section.BISPxi99.js";import"./uni-load-more.BMea_02e.js";const _=a({data:()=>({radiusClass:"uni-radius-lg",formData:{direction:["t","b"],size:"lg"},directionData:[{value:"t",text:"左上+右上"},{value:"r",text:"右上+右下"},{value:"b",text:"左下+右下"},{value:"l",text:"右上+左下"},{value:"tl",text:"左上"},{value:"tr",text:"右上"},{value:"bl",text:"左下"},{value:"br",text:"右下"}],sizeData:[{value:"0",text:"无"},{value:"sm",text:"小"},{value:"lg",text:"常规"},{value:"xl",text:"大"},{value:"circle",text:"圆"},{value:"pill",text:"最大化"}]}),onLoad(){},methods:{change(a,t){let{direction:e,size:l}=this.formData;this.radiusClass="",e.forEach((a=>{this.radiusClass+=`uni-radius-${a}-${l} `}))}}},[["render",function(a,_,h,x,p,v){const b=r,g=i,D=t(e("uni-card"),c),z=t(e("uni-data-checkbox"),f),C=t(e("uni-section"),m);return u(),l(g,{class:"container"},{default:s((()=>[n(D,{"is-shadow":!1,"is-full":""},{default:s((()=>[n(g,{class:"header"},{default:s((()=>[n(b,{class:"uni-h6"},{default:s((()=>[d("使用边框半径辅助样式对元素快速应用")])),_:1}),d(),n(b,{class:"uni-primary uni-px-3 uni-h6"},{default:s((()=>[d("border-radius")])),_:1}),d(),n(b,{class:"uni-h6"},{default:s((()=>[d("样式。")])),_:1})])),_:1}),n(g,{class:"uni-mt-5 header"},{default:s((()=>[n(b,{class:"uni-h6"},{default:s((()=>[d("规则为")])),_:1}),d(),n(b,{class:"uni-primary uni-pl-3 uni-h6"},{default:s((()=>[d("uni-radius-${direction}-${size}")])),_:1})])),_:1}),n(g,{class:"uni-mt-5 header"},{default:s((()=>[n(b,{class:"uni-h6"},{default:s((()=>[d("如果需要四边，则不需要指定")])),_:1}),d(),n(b,{class:"uni-primary uni-pl-3 uni-h6"},{default:s((()=>[d("direction")])),_:1})])),_:1}),n(g,{class:"uni-mt-5"},{default:s((()=>[n(b,{class:"uni-h6"},{default:s((()=>[d("各值的含义请参考文档")])),_:1})])),_:1})])),_:1}),n(C,{title:"效果展示",type:"line"},{default:s((()=>[n(g,{class:"margin"},{default:s((()=>[n(g,{class:o(["box uni-primary-bg uni-ma-5",[p.radiusClass]])},{default:s((()=>[n(b,{class:"uni-white"},{default:s((()=>[d("通过下面的选项控制圆角")])),_:1})])),_:1},8,["class"])])),_:1}),n(g,{class:"actions uni-mt-10"},{default:s((()=>[n(b,{class:"action-label"},{default:s((()=>[d("位置")])),_:1}),n(z,{modelValue:p.formData.direction,"onUpdate:modelValue":_[0]||(_[0]=a=>p.formData.direction=a),multiple:"",localdata:p.directionData,onChange:_[1]||(_[1]=a=>v.change(a,1))},null,8,["modelValue","localdata"])])),_:1}),n(g,{class:"actions uni-mt-3 uni-mb-10"},{default:s((()=>[n(b,{class:"action-label"},{default:s((()=>[d("大小")])),_:1}),n(z,{modelValue:p.formData.size,"onUpdate:modelValue":_[2]||(_[2]=a=>p.formData.size=a),localdata:p.sizeData,onChange:_[3]||(_[3]=a=>v.change(a,2))},null,8,["modelValue","localdata"])])),_:1})])),_:1})])),_:1})}],["__scopeId","data-v-b7c1f172"]]);export{_ as default};
|
