Layui之徽章和面板的使用_layui面板标签复选控件-程序员宅基地

技术标签: layui  

样品图展示:
在这里插入图片描述
部分源码展示:

   <div class="layui-col-md6" >
                <!--数据处理-->
                <div class="layui-row layui-col-space15" >
                    <div class="layui-bg-white">
                        <div class="layui-row layui-col-space30">
                            <div class="layui-col-md12">
                                <!--已审核数据-->
                                <div class="layui-card">
                                    <div class="layui-card-header" style="color: #009688; font-size: 20px;font-weight: 700;">已审核数据</div>
                                    <div class="layui-card-body">
                                        <div class="layui-row layui-col-space22">
                                            <div class="layui-col-md2">
                                                <div class="grid-demo grid-demo-bg1">
                                                    <span class="layui-badge layui-bg-green" style="font-size:18px;width: 16%;height:20px;">20</span>
                                                    <cite style="text-align: center;">数据</cite>
                                                </div>
                                            </div>
                                            <div class="layui-col-md2">
                                                <div class="grid-demo">
                                                    <span class="layui-badge layui-bg-green" style="font-size:18px;width: 16%;height:20px;">20</span>
                                                    <cite style="text-align: center;">数据</cite>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--待审核数据-->
                                <div class="layui-card">
                                    <div class="layui-card-header" style="color: #FFB800; font-size: 20px;font-weight: 700;">待审核数据</div>
                                    <div class="layui-card-body">
                                        <div class="layui-row layui-col-space22">
                                            <div class="layui-col-md2">
                                                <div class="grid-demo grid-demo-bg1">
                                                    <span class="layui-badge" style="font-size:18px;width: 16%;height:20px;">10</span>
                                                    <cite style="text-align: center;">数据</cite>
                                                </div>
                                            </div> 
                                        <div class="layui-row layui-col-space22">
                                            <div class="layui-col-md2">
                                                <div class="grid-demo grid-demo-bg1">
                                                    <span class="layui-badge" style="font-size:18px;width: 16%;height:20px;">10</span>
                                                    <cite style="text-align: center;">数据</cite>
                                                </div>
                                            </div>                                       
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/blbyu/article/details/119961593

智能推荐

lua语法学习1_lua 判断userdata== userdata-程序员宅基地

文章浏览阅读543次。-- -- run -- local sceneGame = cc.Scene:create() -- sceneGame:addChild(createLayerFarm()) -- sceneGame:addChild(createLayerMenu())--if cc.Director:getInstance():getRunningScene() the_lua 判断userdata== userdata

python django restful框架_【2020Python修炼记】Django Rest Framework-1-DRF简介+RESTful入门规范...-程序员宅基地

文章浏览阅读432次。【目录】day11 web 开发模式2 API接口3 postman 的使用4 restful 的规范5 序列化/ 反序列化6Django Rest_Framework7 drf 的安装和使用8 cbv源码回顾1web 开发模式在开发Web应用中,有两种应用模式:1.1 前后端不分离1.2 前后端分离2 API接口- 1=API接口的用处为了在团队内部形成共识、防止个人习惯差异引起的混乱,我..._python django restful

IntelliJ IDEA将界面语言切换成中文_idea中英文切换-程序员宅基地

文章浏览阅读3.4w次,点赞32次,收藏60次。IntelliJ IDEA将界面语言切换成中文_idea中英文切换

(Java程序员)简单了解网站搭建的所处流程-程序员宅基地

文章浏览阅读792次。搭建一个官网需要了解的流程:1、客户需求沟通。明确客户的需求(PM)2、根据需求 IA 的设计规划 (涉及到功能流程)3、美工创意实现界面美化及布局4、Java架构师选用系统架构(ssh2 、ssm等)采用流行的MVC设计模式,搭建核心框架5、DBA了解需求,沟通整理ER ,核心数据结构搭建6、这锅食猴,程序猿出马啦,拿出自己的家伙(Myeclipse 、Tomcat7、JDK7、SQ

微信小程序 canvas type = 2d 绘制海报心得(包括怎么绘制图片和圆角图片和圆角矩形等)-程序员宅基地

文章浏览阅读2.2k次,点赞3次,收藏10次。微信小程序 canvas type=2d 使用心得为了方便这里我封装成了一个component然后说说怎么使用最新的方法(使用方法类似于html中的canvas可以进行参考)获取--canvas demo实例和画笔ctx----method中封装了各种绘制的方法*(文字,图片,圆角图片,圆角矩形等,还有利用for循环进行绘制多个圆角文字)*为了方便这里我封装成了一个componentshop-canvas 就是我当前的canvas-----之后的绘图操作都在其中–可以自行更改然后在index.js_canvas type

Hbase的API操作-程序员宅基地

文章浏览阅读129次。理解好Put、Cell,Result等的概念package com.atguigu.hbase;import org.apache.hadoop.conf.Configuration;import org.apache.hadoop.hbase.*;import org.apache.hadoop.hbase.client.*;import org.apache.hadoop.hba...

随便推点

5.tensorflow:初始化方法,常用的优化器,学习率衰减_init_lr-程序员宅基地

文章浏览阅读837次。#coding:utf-8import tensorflow as tfinit_lr = 0.1aa = tf.Variable(0, trainable=False) # 记录global_step值# 学习率每10步,衰减至原来的0.9倍(在0至10之间也会变化)# decayed_learning_rate = learning_rate * decay_rate..._init_lr

python爬取新闻并归数据库_Python3实现的爬虫爬取数据并存入mysql数据库操作示例...-程序员宅基地

文章浏览阅读230次。本文实例讲述了Python3实现的爬虫爬取数据并存入mysql数据库操作。分享给大家供大家参考,具体如下:爬一个电脑客户端的订单。罗总推荐,抓包工具用的是HttpAnalyzerStdV7,与chrome自带的F12类似。客户端有接单大厅,罗列所有订单的简要信息。当单子被接了,就不存在了。我要做的是新出订单就爬取记录到我的数据库zyc里。设置每10s爬一次。抓包工具页面如图:首先是爬虫,先找到数据..._python爬新闻到mysql

解密Android Resource-程序员宅基地

文章浏览阅读493次。Android xml里引用资源语法@[package:]type/name@表示引用资源,声明这是一个资源引用,name是资源名。 引用id一般我们应该用”@+id/”来定义一个id,然后用@id来引用一个id,但是现在我发现apps/settings/res/layout/preferenc_progress.xml中有个”@+android:id/title”,怎么理解它?怎么用? 加上and

26_ElasticSearch 四种常见的相关度分数优化方法-程序员宅基地

文章浏览阅读3.6k次。26_ElasticSearch 四种常见的相关度分数优化方法更多干货分布式实战(干货)spring cloud 实战(干货)mybatis 实战(干货)spring boot 实战(干货)React 入门实战(干货)构建中小型互联网企业架构(干货)python 学习持续更新ElasticSearch 笔记对相关度评分进行调节和优化的常见的4种方法1、query-time boost 查询的时候设...

java 统计字符串中每个字符出现的次数_java统计字符串中每个字符出现的次数-程序员宅基地

文章浏览阅读2.1w次,点赞24次,收藏133次。问题java 统计字符串中每个字符出现的次数实现方式:字符串基本操作代码如下: public static void main(String [] sgrs){ /** * 如:"1王235868asda17394利3@@89我0我2342";统计出每个字符出现的次数。 */ String str="1王235868asda17394利3@@89我0我2342"; int[] count=new int[str.leng_java统计字符串中每个字符出现的次数

新站长建设网站需要学习知识_新站长资源-程序员宅基地

文章浏览阅读420次。目前百度上只要一搜建站就会出现很多新手建站的相关问题,比如,网站建设都需哪些知识?网站建设都有那些流程,今天跟大家浅谈几点:那么主流的网站建设大概有以下十步:1、首先,要明确网站的主题(比如:你想要做什么样的网站、针对那些用户浏览、网站想为你带来哪方面的盈利等等);2、域名注册(获得域名的使用权,不同注册商注册和续费域名的价格不同),购买虚拟主机(尽量选择知名服务商,售后方面快而准,如贪便宜..._新站长资源