laytpl语法_layui语法基础
一.按钮区分
1.按照主题划分
原始：class = "layui-btn layui-btn-primary"
默认：class = "layui-btn"
百搭：class = "layui-btn layui-btn-normal"
暖色：class = "layui-btn layui-btn-warm"
警告：class = "layui-btn layui-btn-danger"
禁用：class = "layui-btn layui-btn-disabled"
2.按照大小划分
大型：class="layui-btn layui-btn-lg"
默认：class="layui-btn"
小型：class="layui-btn layui-btn-sm"
迷你：class="layui-btn layui-btn-xs"
3.设置圆角
class="layui-btn-radius"
4.按钮组
使用一个div来包裹需要设置的按钮，然后给该按钮添加class="layui-btn-group"
5.设置字体图标的方式
首先使用无语义化的内标签作为载体，然后给该div添加class="layui-icon",然后设置字体图标的方式有两种，分别是：①
②
二.选项卡
注：选项卡依赖于element模块，否则无法进行功能性操作。
1.相关样式
layui-tab 代表选项卡
layui-tab 代表选项卡
|- layui-tab-brief 代表简洁风格的选项卡
|- layui-tab-card 代表卡片风格的选项卡
|- layui-tab-title 标题内容
|- layui-this 代表默认选中的标题
|- layui-tab-content 内容
|- layui-tab-item 每一个标题对应的内容
|- layui-show 设置默显示的内容，和layui-this配对
2.相关属性
lay-allowclose 设置是否支持关闭，值为true代表可以关闭，否则代表不关闭
lay-filter="xxx" 事件过滤器
lay-id="xxx" 类似于id属性，用于选中文档中的某一个选项卡条目
3.相关方法
添加选项卡
element.tabAdd("事件过滤器", {title, content, id})
删除选项卡
element.tabDelete("事件过滤器", "lay-id值")
切换选项卡
element.tabChange("事件过滤器", "lay-id值")
三.面板
注：一般的面板通常是指一个独立的容器，而折叠面板则能有效地节省页面的可视化面积，非常适合应用于：QA说明、帮助文档等。
1.手风琴折叠面板
注意：“常规折叠面板”可以同时展开任意多个，但是“手风琴折叠面板”最多只能展示一个 另外：使用“手风琴折叠面板”相关的样式和方法“常规折叠面板”一模一样 相关属性 lay-accordion，直接写属性名即可，用于设置该面板为“手风琴折叠面板”
2.常规折叠面板
相关样式 layui-collapse 代表常规折叠面板 |- layui-colla-item 代表每一个卡片选项 |- layui-colla-title 用于设置卡片标题 |- layui-colla-content|layui-show 用于设置卡片展示内容|设置默认展示的内容
相关方法 用于监听面板的展开或收起状态 element.on('collapse(事件过滤器)', function(data){ layer.msg('展开状态：'+ data.show);
3.卡片面板
相关样式 layui-row 代表一行 |- layui-col-space0 -- layui-col-space30 设置面板之间的间距，取值越大，间距越大 |- layui-col-md0 -- layui-col-md12 代表每一个面板占用多少份，默认一行有12份 |- layui-card 代表每一个卡片选项 |- layui-card-header 代表卡片标题 |- layui-card-body 代表卡片展示内容
四.进度条
注：默认进度条宽度和父元素宽度一样宽。
1.常见样式
layui-progress 代表一个进度条
|- layui-progress-big 设置一个大进度条
|- layui-progress-bar 代表显示的进度
|- layui-progress-red 赤色
|- layui-bg-orange 橙色
|- layui-bg-green 墨绿
|- layui-bg-cyan 藏青
|- layui-bg-blue 蓝色
|- layui-bg-cyan 藏青
|- layui-bg-black 雅黑
2.常见属性
lay-percent="50%" 设置进度条的默认进度值 lay-showPercent="yes" 显示进度条的进度值
3.常见方法
动态设置进度值方法 语法：element.progress('事件过滤器', 进度值 + '%');
补充：常见徽章样式：layui-badge-dot 实心圆点徽章 layui-badge 常规弧形徽章 layui-badge-rim 边框徽章
相关文章：
黑马程序员-张老师基础加强3-内省
内省：javaBean JavaBean是一种特殊的Java类，主要用于传递数据信息，这种java类中的方法主要用于访问私有的字段，且方法名符合某种命名规则。 JavaBean的属性是根据其中的setter和getter方法来确定的，而不是根据其中的成…
shell 中长命令的换行处理
考察下面的脚本： emcc -o ./dist/test.html --shell-file ./tmp.html --source-map-base dist -O3 -g4 --source-map-base dist -s MODULARIZE1 -s "EXPORT_NAME\"Test\"" -s USE_SDL2 -s LEGACY_GL_EMULATION1 --pre-js ./pre.js --post-js ./…
golang bufio.newscanner如何超时跳出_Golang微服务的熔断与限流
(给Go开发大全加星标)来源：Che Danhttps://medium.com/dche423/micro-in-action-7-cn-ce75d5847ef4【导读】熔断和限流机制对于大流量高并发服务来说不可或缺，尤其在微服务架构下更需要在服务中配置熔断限流机制。对可用性要求高的系统，熔断和…
JasperReport报表设计4
在JRXML模板（或JRXML文件）中的JasperReport 都是标准的 XML文件，以.JRXML扩展。所有JRXML文件包含标签<jasperReport>，作为根元素。这反过来又包含许多子元素（所有这些都是可选的）。JasperReport框架…
C++基本要点复习--------coursera程序设计实习（PKU）的lecture notes
因为一些特性复杂，很多时候也用不到一些特性，所以忘记了，算是随笔，也当作一个临时查找的手册。没有什么顺序，很杂。 1.构造函数通过函数重载的机制可以有多个（不同的构造函数，参数个数ÿ…
Kibana + Elasticsearch + ik分词的集群搭建
Elasticsearc： Elasticsearch 是一个分布式的搜索和分析引擎，可以用于全文检索、结构化检索和分析，并能将这三者结合起来。Elasticsearch 基于 Lucene 开发，是 Lucene 的封装，提供了 REST API 的操作接口，开…
VOLTE parameter in Attach Request/Accept message
VOLTE字面上是:Voice over LTE. 但是人们所提到的VOLTE,实际上是指“Voice over LTE utilizing IMS” Attach Request/Accept消息中包含了VOLTE相关的参数。 1. Attach request 参考: 3GPP 24.301 – 8.2.4 关注红框内的3个参数： SrvccToGeranOrUtranCapability 参…
[YY题]HDOJ5288 OO’s Sequence
题意：求这个式子 $\sum \limits_{i1}^{n} \sum \limits_{j1}^{m} f(i, j) mod (10^9 7)$ 的值 就是对每个区间[i, j]枚举区间中的每个数$a_i$到$a_j$, 判断这个$a$是否对[i, j]这个区间内所有数取模都不等于0， 若是，则这个区间满足条件 问有…
python 读取excel文件 效率 时间 格式_python读取Excel文件中的时间数据
在使用python读取Excel文件中的时间格式，碰到的时间格式转换问题：读取这样的表格：输出这样的数据结果：然而这样的结果却不是我们想要的，我们需要的是这样的结果:1、安装python官方库---datetime引入datetime库import d…
操作无法完成后台打印程序无法运行
同事反映原共享的打印机无法打印。我删除重新添加时系统提示 操作无法完成后台打印程序无法运行。于是我打开服务找到print spooler服务进程设置自动开启后重新添加问题依旧。在网上查到的方法是病毒清了后你的 SPOOLSV.EXE文件就没有了,且在服务里你的后台打印print spooler也…
NodeJS 模块
cheerio 可以用jQuery操作DOM（服务器端） 转载于:https://www.cnblogs.com/tujw/p/11054252.html
Linux下netstat命令详解&&netstat -anp | grep 讲解
Netstat是控制台命令,是一个监控TCP/IP网络的非常有用的工具，它可以显示路由表、实际的网络连接以及每一个网络接口设备的状态信息。Netstat用于显示与IP、TCP、UDP和ICMP协议相关的统计数据，一般用于检验本机各端口的网络连接情况。
Linux命令——根据端口号查进程
查出的数据第二列（16615）是elasticsearch的进程号。通常我们会根据端口号查进程号，或者通过进程号查端口号。linux环境下，我们常常会查询进程号pid。最常用ps -ef |grep xx。根据端口port查进程。根据端口port查进程。根据进程pid查端口。根据进程pid查端口。
RRC Connection Reconfiguration
RRC Connection Reconfiguration Dir: E-UTRAN -> UE SRB: SRB1 这个消息用来修改RRC连接，主要目的： 1. To establish/modify/release Radio Bearers; 无线承载 2. To perform Handover; 切换 3. To setup/modify/release Measurements; 测量…
H - Parity game-poj1733（需要离散化）
题意：给一个序列这个序列都是由0和1组成，现在随意拿出来一个序列，然后说出他的和是奇数还是偶数，因为有可能存在假话，让你判断前多少条没有假话，也就是查找第一个假话的位置-1//这道题很像D题，都…
redis 缓存过期默认时间_缓存的必知必会：一文搞懂Redis持久化和过期机制
本文主要介绍了 Redis 持久化的两种机制：RDB 和 AOF，以及键过期的策略：惰性删除和定期删除，还有 RDB、AOF 和复制功能对过期键的处理。RDBRDB 是 Redis 持久化的第一种方式。有两个 Redis 命令可以用于生成 RDB 文件，一…
ASP.NET MVC 5 - 视图
2019独角兽企业重金招聘Python工程师标准>>> 在本节中，你要去修改HelloWorldController类，使用视图模板文件，在干净利索地封装的过程中：客户端浏览器生成HTML。 您将创建一个视图模板文件，其中使用了ASP.NE…
java内存泄漏问题排查
背景：程序部署在客户机器上，不定期异常崩溃，且无日错误异常日志记录。 day1：初步排查是内存问题导致的，考虑使用分析工具记录分析。另外代码review仔细排查，怀疑有可能跟大量网络socket没有释放有关。 程序…
的正确使用_弹力袜的正确使用
何为弹力袜？弹力袜是预防下肢静脉疾病的重要措施，其设计上远心端压力大，近心端压力小。医用循序减压弹力袜在脚踝部建立最高支撑压力，顺着腿部向上逐渐递减，在小腿肚减到最大压力值的70%-90%,在大腿处减到最大压力值的…
yii2的安装
yii2也是依赖于composer, 就像laravel, 所以先安装composer, 如果安装不上composer可以看laravel安装的文章. 安装好composer之后安装一个插件 composer global require "fxp/composer-asset-plugin:1.0.0"或composer global require "fxp/composer-asset-plugi…
eclipse new server Cannot create a server using the selected type 网上有两种办法，其实原理一样...
eclipse new server Cannot create a server using the selected type 网上有两种办法，其实原理一样第一种说法：还真的找到解决的方法了,如下:1.退出eclipse2.到[工程目录下]/.metadata/.plugins/org.eclipse.core.runtime3.把org.eclipse.wst.server.co…
代码示例_网络编程_select
select_多路复用 1.头文件 1 #pragma once2 3 #include <stdio.h>4 #include <stdlib.h>5 #include <sys/types.h>6 #include <sys/select.h>7 #include <sys/time.h>8 #include <sys/socket.h>9 #include <strings.h> 10 #include …
LTE中基本通信过程的理解——上行调度
上行调度1. UE向ENB请求上行资源Physical channel: PUCCHMessage: SR (schedule request)根据上层的配置UE按照一定的周期和子帧位置上通过PUCCH中的控制消息UCI传输SR【RACH成功之后，ENB配置UE的SR子帧位置和发送周期，如果接入UE过多周期就长࿰…
qrcode生产带logo_“白板”口罩打上LOGO装名牌 警方重拳出击清市场
看看新闻Knews记者 毛鸿仁2020-09-17 10:19假冒口罩危害大，无良商家被查处。近日，上海松江警方侦破了一起假冒品牌口罩的案件，犯罪嫌疑人赵某等人被松江警方依法采取刑事强制措施。7月下旬，上海市公安局松江分局通过警企协作&…
Tomcat 服务器的端口号的修改
在系统中找到Tomcat安装目录下的conf文件夹下的servlet.xml文件。 （1）在servlet.xml文件中找到以下代码： <connector port"8080" protocol"HTTP/1.1" connectionTimeout"20000" redirectPort"8443&q…
js获取宽度设置thickbox百分比
thickbox的宽高不好设为百分比，这样遇到不同的尺寸的电脑就会出现问题。 怎么做呢？ 通过js来处理。 <script type"text/javascript">$(function(){var width window.screen.width;//通用，各浏览器都支持获取宽度width widt…
【算法总结】数学问题-最大公约数和最小公倍数
【算法总结】最大公约数和最小公倍数 一、最大公约数（GCD：greatest common divisor） 欧几里得算法： 若 a、b 全为零则它们的最大公约数不存在；若 a、b 其中之一为零，则它们的最大公约数为 a、b 中非零的那个…
javascript 手势缩放 旋转 拖动支持：hammer.js
原文： https://cdn.rawgit.com/hammerjs/hammer.js/master/tests/manual/visual.html /*! Hammer.JS - v2.0.4 - 2014-09-28* http://hammerjs.github.io/** Copyright (c) 2014 Jorik Tangelder;* Licensed under the MIT license */ (function(window, document, …
探测参考信号（Sounding Reference Signal）
SRS是探测参考信号的缩写，所谓参考信号，那么是为谁提供参考？参考的指标是什么？答案是为eNodeB的调度提供参考，参考的内容是为上行信道质量做参考。那么为什么需要SRS呢？众所周知，在LTE网络中&am…