| 1 |
- import{c as t}from"./mobile.05f53482.js";import{m as e,r as l,o as s,e as i,j as c,k as d,g as n}from"./vendor.21cda21c.js";import"./index.20f35658.js";const{createDemo:o}=t("cell");var u=o({setup:()=>({testClick:t=>{console.log("点击事件")},switchChecked:e(!0)})});const a={class:"demo"},r=n("h2",null,"基本用法",-1),m=n("h2",null,"直接使用插槽(slot)",-1),h=n("div",null,"自定义内容",-1),k=n("h2",null,"展示图标",-1),f=n("h2",null,"只展示 desc ，可通过 desc-text-align 调整内容位置",-1);u.render=function(t,e,n,o,u,p){const C=l("nut-cell"),j=l("nut-cell-group"),g=l("nut-switch");return s(),i("div",a,[r,c(C,{title:"我是标题",desc:"描述文字"}),c(C,{title:"我是标题","sub-title":"副标题描述",desc:"描述文字"}),c(C,{title:"点击测试",onClick:t.testClick},null,8,["onClick"]),c(C,{title:"圆角设置 0","round-radius":"0"}),m,c(C,{title:"我是标题",desc:"描述文字"},{default:d((()=>[h])),_:1}),c(j,{title:"链接 | 分组用法"},{default:d((()=>[c(C,{title:"链接","is-link":""}),c(C,{title:"URL 跳转",desc:"https://jd.com","is-link":"",url:"https://jd.com"}),c(C,{title:"路由跳转 ’/‘ ",to:"/"})])),_:1}),c(j,{title:"自定义右侧箭头区域"},{default:d((()=>[c(C,{title:"Switch"},{link:d((()=>[c(g,{modelValue:t.switchChecked,"onUpdate:modelValue":e[0]||(e[0]=e=>t.switchChecked=e)},null,8,["modelValue"])])),_:1})])),_:1}),k,c(C,{title:"姓名",icon:"my",desc:"张三",isLink:""}),f,c(C,{"desc-text-align":"left",desc:"张三"})])};export{u as default};
|
