首先，效果是点击添加折叠面板，折叠面板的title右侧是关闭的小按钮，每次添加的面板都自动展开，其他的面板自动关闭，但其中发现一个问题是，每次点击关闭的时候，虽然上一个面板被关闭了，但他的下一个会自动打开，想把这个问题解决就发现是冒泡时间，当点击的时候会冒泡，误以为是点击展开，所以vue里边有个阻止 ...
分类：
其他好文 时间：
2019-12-08 12:32:39
阅读次数：
215
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
Web程序 时间：
2019-11-05 00:45:03
阅读次数：
136
折腾Hexo博客,做了个软件整理收集页,在首席前端顾问蔡老板的指点下,终于实现了文章中使用折叠面板的功能,现记录如下.因为想整站都有这样的效果,所以直接集成到使用的主题中,本站使用的是maupassant主题,其他主题应该大同小异,仅供参考.改造主题新建定义class或id的js,如我新建了个acc... ...
分类：
Web程序 时间：
2019-10-01 14:00:04
阅读次数：
123
<!-- 折叠面板 --> <view wx:for="{{produceList}}" wx:key="id"> <view class="horizontal between" data-index="{{index}}" bindtap='changeToggle'> <view class=... ...
分类：
其他好文 时间：
2019-08-25 13:58:36
阅读次数：
64
工作上遇到一个问题 手机移动端app，采用mui框架，要求左边是手机号码，右边是switch开关，并且点击标题的时候，可以展开下面人员的基本信息。 采用了折叠面板。 先上图如下： 开始时出现的问题是：点击右侧开关按钮，也会联动把基本信息打开，不想这样，想要点击开关按钮与折叠面板没有关系，就需要取消点 ...
分类：
其他好文 时间：
2019-08-08 13:19:36
阅读次数：
140
记录bootstrap4 的一个坑 背景，公司需要，将一个PHP前后端未分离的页面改成移动端，这个东西也是让人头疼，经过几天的时间，终于完事了， 最后上线一测，发现ios 有兼容问题，折叠面板 在ios设备不能正常展开，具体原因没有找出来、 最后选择的是，自己用jQuery 自己写了一个，希望看到本 ...
分类：
其他好文 时间：
2018-11-12 11:29:55
阅读次数：
225
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role= ...
分类：
其他好文 时间：
2018-08-06 22:40:39
阅读次数：
231
请求出来的数据是二级列表，需要点击一级列表展开相应的二级列表 点击显示隐藏二级列表 ...
分类：
其他好文 时间：
2018-05-16 15:21:59
阅读次数：
503
作为一个经常写后端代码的程序员，偶尔写写前端代码也是勉强可以应付的。最近在重构某网站的时候，需要重新实现一个折叠面板。因为用了 Angular 这样酷炫的前端框架，我相信，就算没有 jQuery 这样的工具，手撸一个折叠面板应该没啥问题。就当我按照自己的直觉写完第一版代码之后，简单的运行了一下，我就 ...
分类：
其他好文 时间：
2018-05-10 19:35:36
阅读次数：
155
