第一个版本: 首先实现自定义select下拉框应该具有的功能,我是选择将原来的select隐藏掉,自己在jquery代码中动态写进去<dl><dd><dt>这样的结构来模拟真正的select的操作。 用来模拟select框的div结构如下: < ...
根据设计需求,写了一个自定义的下拉框,主要分上下两部分 先对界面进行布局,主要是分上下两部分 子组件代码: 然后js部分 methods: selectClick this.seldetailed this.seldetailed 点击显示或隐藏下拉框 , , props: avatar: type:String, default: , , text: type:String, default: ...
2020-07-13 16:28 0 3883 推荐指数:
第一个版本: 首先实现自定义select下拉框应该具有的功能,我是选择将原来的select隐藏掉,自己在jquery代码中动态写进去<dl><dd><dt>这样的结构来模拟真正的select的操作。 用来模拟select框的div结构如下: < ...
select默认的样式比较丑,有些应用需要美化select,在网上找到一个很好的美化样式效果,本人很喜欢,在这里分享一下。 效果如下: ...
//一级联动数据var data1=[ {value:'01',text:'身份证'}, {value:'02',text:'学生证'}, {value:'03',text:'护照'}, ...
效果图: 父组件 ...
不喜勿喷 ...
html: View Code js: View Code css: View Code 然后发现下拉框点击空白处不关闭,然后在加上一个事件 效果图 ...
现在使用各种系统和浏览器的上网用户都一大堆,为了统一网站样式,也少不了自定义控件。 因考虑到门户站,也特别引入皮肤功能,已使用于任意网站或页面。 此控件从jquery扩展出来,已在我架构的两个行业门户站使用两年,但我觉得它还有需要改进的地方,欢迎各位提出改进意见。 (function ...
实现思路: (1)创建一个列表和一个span之类的标签(那个标签都可以), (2)列表的每一项分别绑定点击事件,点击那一项就把span内容变为改那一项内容,然后隐藏列表。 (3)列表 ...