popover

Sortable.js是一款轻量级的拖放排序列表的js插件（虽然体积小，但是功能很强大） 项目需求是要求能对element中 的table进行拖拽行排序 这里用到了sorttable Sortable.js是一款轻量级的拖放排序列表的js插件（虽然体积小，但是功能很强大） 官方Demo： http://rubaxa.github.io/Sortable/ 安装步骤： npm install sortablejs --save 在.vue中的js部分（需要用到sorttable的vue文件中）引入 也可以 在main.js中引入注册到Vue的根实例中 import Sortable from 'sortablejs' HTML 部分 <el-table :data="tableData" border width ="100%" row -key="id" align ="left" v -show="showDictItem"> <el-table-column width="50px"> <template slot-scope="scope"> <el-button type='text' v-show="scope.row.defaultValue === 1">默认</el-button> </template> </el-table-column> <el-table-

Vue 动态表格+插入自定义表头 <!-- 表格 --> <el- table :data ="templateData" style ="width: 100%;" stripe ref ="templateTable" :empty -text="$t('basic.noData')" @filter-change="filterTable" @sort -change="sortData"> <template v- for ="(item, index) in tableHeaders"> <el-table-column v- if ='item.prop == "per"' :key='index' :label='item.label' :prop='item.prop' :width="item.width" sortable> <template slot-scope="scope"> <el-progress class="NewCMMonitorPro" :text-inside="true" :percentage="70" :width="scope.row.width"></el-progress> </template> </el-table-column> <el-table-column v- else - if ='item.prop ==

前言 　　　 vue中 element框架，其中表格组件，我既要行内数据格式化，又要插入html标签 　　　一贯思维，二者不可兼得也 一、element 表格 数据格式化 　　 　　 demo <el-table-column :prop="item.key" v- for ="item in levelName" :label="item.name" :formatter='handleSign'> </el-table-column> 　 　再写 handleSign () 方法 // 处理签到 handleSign(row,cellValue){ let signInId = '' if ( this .deviceSignList){ this .deviceSignList.map((item,index)=> { if (item.signInId == row.signInId){ signInId = "签到" } else { signInId = "未签到" } }) } return signInId }, 　　 　　 目的：根据不能的值，相对应处理。一般状态会用的比较多，后台返回来的1,2,3,4 用户是不明白的 　　 运行结果 　　 二、element 表格内容自定义模板 　　 　　 demo <el-table- column label ="姓名"

amazeui中的js插件有哪些（详解功能） 一、总结 一句话总结： 二、amazeui中的js插件有哪些 1、UI 增强 警告框 Alert 按钮交互 Button 折叠面板 Collapse 下拉组件 Dropdown 模态窗口 Modal 弹出框 Popover 加载进度条 NProgress 图片轮播 Slider 侧边栏 OffCanvas 滚动侦测 ScrollSpy 滚动侦测导航 ScrollSpyNav 平滑滚动 SmoothScroll 固定元素 Sticky 选项卡 Tabs 日期组件 DatePicker 下拉选框 Selected 单/多选框 uCheck 表单验证 Validator 2、实用工具 Cookie Cookie FastClick FastClick 全屏切换 FullScreen 触控事件 Hammer iScroll iScroll 本地存储 Store 地理位置 GEO 二维码 QRCode 滚动监听：有点像ppt动画那种，左进右进，什么淡入淡出 滚动监听导航：导航加了滚动监听，滑到哪个导航的位置，哪个导航对应的字就高亮 平滑滚动：就是滚动到页面的顶部啊，底部啊，以及一些特定位置 固定元素：固定到顶部啊，固定到底部，就是我一直要弄的那个，让菜单啊，或者啥子点赞固定下来 表单验证：就是动态的表单验证功能（挺好的，好用） 加载的进度条

在 bootstrap 的 modal 中使用 popover 时，若指定了 popover 的 container 为 body 且 modal 的元素上设置了 tabindex=-1 时，会导致 popover 里面设置的 input 输入框无法使用，不设置 container 或者不设置 tabindex=-1 就正常了。暂时还没深究是为什么。。。 参考： https://stackoverflow.com/questions/55791417/bootstrap-4-input-field-in-popover 来源： oschina 链接： https://my.oschina.net/u/4348352/blog/3274697

Bootstrap4 轮播 菜鸟教程上的案例 < div id ="demo" class ="carousel slide" data-ride ="carousel" > <!-- 指示符 --> < ul class ="carousel-indicators" > < li data-target ="#demo" data-slide-to ="0" class ="active" ></ li > < li data-target ="#demo" data-slide-to ="1" ></ li > < li data-target ="#demo" data-slide-to ="2" ></ li > </ ul > <!-- 轮播图片 --> < div class ="carousel-inner" > < div class ="carousel-item active" > < img src ="https://static.runoob.com/images/mix/img_fjords_wide.jpg" > < div class ="carousel-caption" > < h3 > 第一张图片描述标题 </ h3 > < p > 描述文字! </ p > </ div > </ div > < div class ="carousel

带鱼，明明出身深海，为什么却成了中国最平民的海鲜？ https: // zhuanlan.zhihu.com/p/126338272 好多东西不知道啊 说起带鱼，似乎很难跟海鲜扯上关系。 人们心目中的海鲜，一般是鲍鱼、海参、大龙虾，再不济也得是螃蟹、扇贝、皮皮虾。 而带鱼，它实在是太过于平民了，就如同萝卜、土豆、大白菜一样，即便是离海边最远的中国人，大概也尝过带鱼的滋味。 事实上，带鱼是正儿八经的深海鱼，而且，我们现在吃到的带鱼，至今也无法实现养殖。 然而，汇集了“深海”“野生”“天然”……广告里一切高大上词汇的带鱼，怎么就成了最平民的海鲜？ 目录 01 | 什么是带鱼？ 带鱼、大黄鱼、小黄鱼、乌贼，中国四大海产 02 | 带鱼为什么如此平民？ 带鱼，中国捕获量最大的海鱼 03 | 中国哪里产的带鱼最好吃？ 带鱼好吃的秘诀，新鲜 04 | 最最关键的，带鱼怎么做才最好吃？ 鲜美的食材不需要复杂的烹饪 01什么是带鱼？ 在中国，带鱼与大黄鱼、小黄鱼、乌贼一起，并称为“四大海产”（四大海洋经济鱼类）。 图/pixabay 带鱼的分布也极广，渤海、黄海、东海、南海都能见到它的踪影。 虽然各地出产的带鱼看起来长得差不多，但并非全是一个物种。 带鱼的种类很多，全世界一共有9个属44种带鱼，仅在中国沿海，就有带鱼属、小带鱼属、沙带鱼属和窄颅带鱼属等4个属的带鱼。 平时被我们食用的国产带鱼有4种

前言 之前写过一篇openlayers4版本的地图绘制扇形文章，但是由于是封装一层 js代码写的，很多初学者看起来比较有点吃力，所以本篇文章重新写一篇地图绘制扇形文章，直接基于最新版本openlayers6写的，纯粹html + js + css形式，没有任何封装。 内容概览 1.基于openlayers6实现地图绘制扇形 2.源代码demo下载 效果图如下： 具体实现过程 html 样式 <html> <head> <meta charset="utf-8"> <title>Using OpenLayers with Webpack</title> <link rel="stylesheet" href="https://openlayers.org/en/latest/css/ol.css" type="text/css"> <style> html, body { margin: 0 ; height: 100% ; } #map { position: absolute; top: 0 ; bottom: 0 ; width: 100% ; } .ol - popup { position: absolute; background - color: white; -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2 ))

前言 之前写过一篇openlayers4版本的地图绘制扇形文章，但是由于是封装一层 js代码写的，很多初学者看起来比较有点吃力，所以本篇文章重新写一篇地图绘制扇形文章，直接基于最新版本openlayers6写的，纯粹html + js + css形式，没有任何封装。 内容概览 1.基于openlayers6实现地图绘制扇形 2.源代码demo下载 效果图如下： 具体实现过程 html 样式 <html> <head> <meta charset="utf-8"> <title>Using OpenLayers with Webpack</title> <link rel="stylesheet" href="https://openlayers.org/en/latest/css/ol.css" type="text/css"> <style> html, body { margin: 0 ; height: 100% ; } #map { position: absolute; top: 0 ; bottom: 0 ; width: 100% ; } .ol - popup { position: absolute; background - color: white; -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2 ))

https: // www.zhihu.com/people/pearlphoenix/answers 从清末到民初形成的主流军阀，主要来源有三种： 1、清末组建的新军，以袁世凯的小站新军为主； 2、清末组建的各地巡防营为主的旧军； 3、清末组建的武备学堂及海外军事院校。 先说第一种。大家都知道清朝打天下的根基是八旗，由于八旗是世袭制度，因此到了第一次鸦片战争的时候就已经没什么战斗力、沦为仪仗队的摆设了。除了八旗，还有一支正规军叫绿营，最初是收编的明朝降军，全都是汉人，因为旗帜是绿色的，所以叫绿营；但跟八旗一样，多年来绿营也因为腐化堕落，太平天国时期根本不是长毛军的对手，这个时候曾国藩李鸿章组建的湘军、淮军登场了。湘军的军纪很差，属于穿制服的土匪，对平民奸淫掳掠无恶不作，淮军的军纪也好不到哪儿去，而且内战内行，外战外行，甲午战争被日军打得一溃不成军。多年来一直挨打，清政府也是受够了，于是组建新军，放弃了国粹传家宝的大刀长矛，使用西式武器装备。 招募兵源、买武器都是要花钱的，由于清政府当时一屁股外债，就把组建新军的权力下放到地方，让各省自己搞钱，这就等于开了一个日后军阀割据的口子。新军主要分为南北两拨，袁世凯在天津小站建立的叫定武军，李鸿章改名为新建陆军，最开始定员五千人，后来袁大头扩充到七千人，从此小站成为北洋大佬们的摇篮，步兵统领是冯国璋、炮兵统领是段祺瑞、工程兵统领是王士珍