2024年3月13日发(作者：)

setDropDownList(type){

//创建ul下拉列表内容

let li="";

let max=0;

switch (type){

case "adult": max=8;break;

case "children": max=5;break;

case "age": max=18;break;

}

for(let i=1;i

li+="

  • "+i+"
    • ";

    }

    return li;

    }

    static setStyles(){

    if() return;

    =true;

    Css(".guestsNum",{

    width:"108px",

    height:"34px",

    padding:"0px 12px",

    border:"1px solid #ccc",

    borderRadius:"3px",

    position:"relative",

    fontSize:"14px",

    color:"#666",

    userSelect:"none",

    })

    Css(".",{

    borderColor:"#ffa800",

    boxShadow:"0 0 4px #ffa800"

    })

    Css(".guestsNum>span",{

    lineHeight:"34px"

    })

    Css(".guestsNum>i",{

    display:"inline-block",

    width:"16px",

    height:"16px",

    backgroundImage:"url(./image/)",

    float:"right",

    margin:"8px 0px 0px 10px"

    })

    Css(".dropDownContainer",{

    border: "1px solid #ffa800",

    borderRadius: "4px",

    boxShadow: "0 0 4px #ffa800",

    backgroundColor: "#fff",

    padding: "20px 15px",

    width: "480px",

    fontSize:"12px",

    position:"absolute",

    left:"0px",

    top:"35px",

    })

    Css(".dropDownItem",{

    marginBottom:"12px"

    })

    Css(".dropDownItem>span",{

    display:"block",

    width:"60px",

    lineHeight:"28px",

    float:"left",

    })

    Css(".dropDownSelect",{

    width:"90px",

    height:"30px",

    marginRight:"10px",

    float:"left",

    position:"relative"

    })

    Css(".dropDownCont",{

    border:"1px solid #ccc",

    borderRadius:"3px",

    height:"12px",

    padding:"6px 8px 10px",

    })

    Css(".dropDownCont>span",{

    display:"inline-block",

    width:"53px",

    height:"14px",

    lineHeight:"14px",

    borderRight:"1px solid #ccc"

    })

    Css(".dropDownCont>i",{

    display:"inline-block",

    width:"0px",

    height:"0px",

    border:"5px solid #c6c6c6",

    borderColor:"#c6c6c6 transparent transparent",

    margin: "6px 0px 0px 4px",

    float: "right"

    })

    Css(".dropDownList",{

    listStyle:"none",

    padding:"0px",

    margin:"0px",

    width:"88px",

    maxHeight:"200px",

    overflow:"auto",

    cursor:"pointer",

    border:"1px solid #ccc",

    backgroundColor:"#fff",

    borderRadius:"4px",

    position:"absolute",

    left:"0px",

    top:"30px",

    zIndex:"2",

    boxShadow: "1px 1px 3px rgba(0,0,0,.1)",

    display:"none"

    })

    Css(".dropDownList>li",{

    lineHeight:"28px",

    paddingLeft:"8px",

    })

    Css(".dropDownList>li:hover",{

    background:"#f4f4f4"

    })

    Css(".dropDownBottom",{

    borderTop:"1px solid #ccc",

    marginTop:"20px",

    paddingTop:"20px"

    })