| 1 |
- import{_ as l,b as e,d as a,p as t,w as o,i as d,o as u,f as i,k as c,t as s,C as n}from"./index-2PZN6pGH.js";import{_ as x}from"./uni-card.CpdfOoXJ.js";import{_ as b}from"./uni-data-checkbox.CJSNfC7D.js";import{_ as m}from"./uni-section.BISPxi99.js";import"./uni-load-more.BMea_02e.js";const r=l({data:()=>({radio1:0,radio2:0,radio3:0,radio4:0,radio5:0,radio6:0,checkbox1:[0],checkbox2:[0],checkbox3:[0],checkbox4:[0],checkbox5:[0],checkbox6:[0],sex:[{text:"男",value:0},{text:"女",value:1},{text:"未知",value:2}],sex1:[{text:"男",value:0},{text:"女",value:1,disable:!0},{text:"未知",value:2}],hobby:[{text:"足球",value:0},{text:"篮球",value:1},{text:"游泳",value:2}],hobby2:[{text:"足球",value:0,disable:!0},{text:"篮球",value:1,disable:!0},{text:"游泳",value:2}]}),onLoad(){},onReady(){},methods:{}},[["render",function(l,r,f,p,_,h){const V=n,k=e(a("uni-card"),x),y=d,g=e(a("uni-data-checkbox"),b),v=e(a("uni-section"),m);return u(),t(y,null,{default:o((()=>[i(k,{"is-shadow":!1,"is-full":""},{default:o((()=>[i(V,{class:"uni-h6"},{default:o((()=>[c("通过数据驱动的单选框和复选框，可直接通过连接 uniCloud 获取数据，同时可以配合表单组件 uni-forms 使用")])),_:1})])),_:1}),i(v,{title:"单选",type:"line"},{default:o((()=>[i(y,{class:"uni-px-5 uni-pb-5"},{default:o((()=>[i(y,{class:"text"},{default:o((()=>[c("单选选中："+s(JSON.stringify(_.radio1)),1)])),_:1}),i(g,{modelValue:_.radio1,"onUpdate:modelValue":r[0]||(r[0]=l=>_.radio1=l),localdata:_.sex},null,8,["modelValue","localdata"])])),_:1})])),_:1}),i(v,{title:"多选",subTitle:"使用multiple属性开启多选",type:"line"},{default:o((()=>[i(y,{class:"uni-px-5 uni-pb-5"},{default:o((()=>[i(y,{class:"text"},{default:o((()=>[c("多选选中："+s(JSON.stringify(_.checkbox1)),1)])),_:1}),i(g,{multiple:"",modelValue:_.checkbox1,"onUpdate:modelValue":r[1]||(r[1]=l=>_.checkbox1=l),localdata:_.hobby},null,8,["modelValue","localdata"])])),_:1})])),_:1}),i(v,{title:"最大最小值",subTitle:"使用 min / max 设置多选的最大最小值,单选无效"},{default:o((()=>[i(y,{class:"uni-px-5 uni-pb-5"},{default:o((()=>[i(y,{class:"text"},{default:o((()=>[c("选中："+s(JSON.stringify(_.checkbox6)),1)])),_:1}),i(g,{min:"1",max:"2",multiple:"",modelValue:_.checkbox6,"onUpdate:modelValue":r[2]||(r[2]=l=>_.checkbox6=l),localdata:_.hobby},null,8,["modelValue","localdata"])])),_:1})])),_:1}),i(v,{title:"更多样式 - button",subTitle:"使用mode=button属性使用按钮样式",type:"line"},{default:o((()=>[i(y,{class:"uni-px-5"},{default:o((()=>[i(y,{class:"text"},{default:o((()=>[c("单选选中："+s(JSON.stringify(_.radio2)),1)])),_:1}),i(g,{mode:"button",modelValue:_.radio2,"onUpdate:modelValue":r[3]||(r[3]=l=>_.radio2=l),localdata:_.sex},null,8,["modelValue","localdata"])])),_:1}),i(y,{class:"uni-px-5 uni-pb-5"},{default:o((()=>[i(y,{class:"text"},{default:o((()=>[c("多选选中："+s(JSON.stringify(_.checkbox2)),1)])),_:1}),i(g,{mode:"button",multiple:"",modelValue:_.checkbox2,"onUpdate:modelValue":r[4]||(r[4]=l=>_.checkbox2=l),localdata:_.hobby},null,8,["modelValue","localdata"])])),_:1})])),_:1}),i(v,{title:"更多样式 - tag",subTitle:"使用mode=tag属性使用标签样式",type:"line"},{default:o((()=>[i(y,{class:"uni-px-5"},{default:o((()=>[i(y,{class:"text"},{default:o((()=>[c("单选选中："+s(JSON.stringify(_.radio3)),1)])),_:1}),i(g,{mode:"tag",modelValue:_.radio3,"onUpdate:modelValue":r[5]||(r[5]=l=>_.radio3=l),localdata:_.sex},null,8,["modelValue","localdata"])])),_:1}),i(y,{class:"uni-px-5 uni-pb-5"},{default:o((()=>[i(y,{class:"text"},{default:o((()=>[c("多选选中："+s(JSON.stringify(_.checkbox3)),1)])),_:1}),i(g,{mode:"tag",multiple:"",modelValue:_.checkbox3,"onUpdate:modelValue":r[6]||(r[6]=l=>_.checkbox3=l),localdata:_.hobby},null,8,["modelValue","localdata"])])),_:1})])),_:1}),i(v,{title:"禁用",subTitle:"数据中使用 disable 属性实现单独禁用,组件使用 disable 属性实现全部禁用",type:"line"},{default:o((()=>[i(y,{class:"uni-px-5"},{default:o((()=>[i(y,{class:"text"},{default:o((()=>[c("单选选中："+s(JSON.stringify(_.radio4)),1)])),_:1}),i(g,{mode:"button",modelValue:_.radio4,"onUpdate:modelValue":r[7]||(r[7]=l=>_.radio4=l),localdata:_.sex1},null,8,["modelValue","localdata"])])),_:1}),i(y,{class:"uni-px-5 uni-pb-5"},{default:o((()=>[i(y,{class:"text"},{default:o((()=>[c("多选选中："+s(JSON.stringify(_.checkbox4)),1)])),_:1}),i(g,{mode:"button",multiple:"",modelValue:_.checkbox4,"onUpdate:modelValue":r[8]||(r[8]=l=>_.checkbox4=l),localdata:_.hobby2},null,8,["modelValue","localdata"])])),_:1})])),_:1}),i(v,{title:"自定义高亮颜色",subTitle:"使用 selectedColor 属性修改颜色",type:"line"},{default:o((()=>[i(y,{class:"uni-px-5"},{default:o((()=>[i(y,{class:"text"},{default:o((()=>[c("单选选中："+s(JSON.stringify(_.radio5)),1)])),_:1}),i(g,{selectedColor:"red",modelValue:_.radio5,"onUpdate:modelValue":r[9]||(r[9]=l=>_.radio5=l),localdata:_.sex1},null,8,["modelValue","localdata"])])),_:1}),i(y,{class:"uni-px-5 uni-pb-5"},{default:o((()=>[i(y,{class:"text"},{default:o((()=>[c("多选选中："+s(JSON.stringify(_.checkbox5)),1)])),_:1}),i(g,{selectedColor:"red",multiple:"",modelValue:_.checkbox5,"onUpdate:modelValue":r[10]||(r[10]=l=>_.checkbox5=l),localdata:_.hobby2},null,8,["modelValue","localdata"])])),_:1})])),_:1})])),_:1})}],["__scopeId","data-v-173fc744"]]);export{r as default};
|
