demo.ae494d2e.js 2.3 KB

1
  1. import{c as e}from"./mobile.d7dce49b.js";import{m as i,b as t,a as s,r as l,o as n,e as o,j as a,k as c,g as v,t as d}from"./vendor.6bc94963.js";import"./index.71ac1192.js";const{createDemo:m}=e("fixednav");var p=m({props:{},setup(){const e=i(!1),l=i(!1),n=i(!1),o=i(!1);t((()=>{setTimeout((()=>{n.value=!0}),1e3)}));const a=s([{id:1,text:"首页",icon:"https://img11.360buyimg.com/imagetools/jfs/t1/117646/2/11112/1297/5ef83e95E81d77f05/daf8e3b1c81e3c98.png"},{id:2,text:"分类",icon:"https://img12.360buyimg.com/imagetools/jfs/t1/119490/8/9568/1798/5ef83e95E968c69a6/dd029326f7d5042e.png"},{id:3,text:"购物车",num:2,icon:"https://img14.360buyimg.com/imagetools/jfs/t1/130725/4/3157/1704/5ef83e95Eb976644f/b36c6cfc1cc1a99d.png"},{id:4,text:"我的",icon:"https://img12.360buyimg.com/imagetools/jfs/t1/147573/29/1603/1721/5ef83e94E1393a678/5ddf1695ec989373.png"}]);return{visible:e,visible1:l,visible2:n,myActive:o,navList:a,selected:e=>{console.log(e)}}}});const b={class:"demo"},f=v("ul",{class:"nut-fixednav__list"},[v("li",{class:"nut-fixednav__list-item"},"1"),v("li",{class:"nut-fixednav__list-item"},"2"),v("li",{class:"nut-fixednav__list-item"},"3"),v("li",{class:"nut-fixednav__list-item"},"4"),v("li",{class:"nut-fixednav__list-item"},"5")],-1),u={class:"text"};p.render=function(e,i,t,s,m,p){const x=l("nut-fixednav"),r=l("nut-icon");return n(),o("div",b,[a(x,{"active-text":"基础用法",position:{top:"70px"},visible:e.visible,"onUpdate:visible":i[0]||(i[0]=i=>e.visible=i),"nav-list":e.navList,onSelected:e.selected},null,8,["visible","nav-list","onSelected"]),a(x,{type:"left",position:{top:"140px"},visible:e.visible1,"onUpdate:visible":i[1]||(i[1]=i=>e.visible1=i),"active-text":"左侧收起","un-active-text":"左侧展开","nav-list":e.navList,onSelected:e.selected},null,8,["visible","nav-list","onSelected"]),a(x,{position:{top:"210px"},overlay:!1,visible:e.visible2,"onUpdate:visible":i[2]||(i[2]=i=>e.visible2=i),"nav-list":e.navList,onSelected:e.selected},null,8,["visible","nav-list","onSelected"]),a(x,{position:{top:"280px"},type:"left",visible:e.myActive,"onUpdate:visible":i[3]||(i[3]=i=>e.myActive=i),onSelected:e.selected},{list:c((()=>[f])),btn:c((()=>[a(r,{name:"retweet",color:"#fff"}),v("span",u,d(e.myActive?"自定义开":"自定义关"),1)])),_:1},8,["visible","onSelected"])])};export{p as default};