vue 自定义 select内置组件
发布时间：2020-12-17 02:20:44 所属栏目：百科 来源：网络整理
导读：1.整合了第三方 jQuery 插件 (select2) 选中的: {{ selected }} 2.简单select 自定义下拉框 自定义下拉框2 参考： 1.内置组件 总结 以上所述是小编给大家介绍vue 自定义 select内置组件。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之
1.整合了第三方 jQuery 插件 (select2)
选中的: {{ selected }}
2.简单select
*{
padding: 0;
margin: 0;
}
ul,li {
list-style: none;
}
li {
line-height: 2em;
}
li:hover {
background-color: #f9f9f9;
border-radius:5px;
cursor: pointer;
}
input{
cursor:pointer;
outline:none;
}
#app {
margin-top: 20px;
}
#app h2 {
text-align: center;
}
.wrap {
background-color: rgba(56,170,214,0.45);
border-radius: 20px;
width: 300px;
margin: 40px;
padding: 20px;
}
input[type="button"] {
font-size:14px;
margin-left:2px;
padding:2px 5px;
background-color:rgb(228,33,33);
color:white;
border:1px solid rgb(228,33);
border-radius:5px;
}
.clearFix {
padding-left:
}
input.keyWord {
border: 1px solid #777777;
border-radius: 10px;
height: 30px;
width: 80%;
padding-left: 10px;
font-size: 16px;
}
ul.list {
margin: 20px 0;
}
ul.list li {
padding: 10px 0 0 10px;
}
自定义下拉框
自定义下拉框2
|
