前端
破晓小v
这个作者很懒,什么都没留下…
展开
-
re-resizable react-draggable antd Modal 拖拽缩放
re-resizable react-draggable antd Modal 拖拽缩放原创 2024-02-19 19:58:09 · 432 阅读 · 0 评论 -
react下拉加载下一页
【代码】react下拉加载下一页。原创 2023-02-26 10:46:29 · 251 阅读 · 0 评论 -
CSS水平垂直居中的几种方式,CSS定位
<style> .box { width: 300px; height: 300px; margin: auto; background-color: aquamarine; } .box1 { width: 300px; display: inline-block; text-align: center; background-co原创 2022-03-20 18:49:15 · 842 阅读 · 0 评论 -
CSS篇-flex布局-三点骰子
<style> .box { width: 200px; height: 200px; background-color: #f1f1f1; display: flex; justify-content: space-around; } .dot { width: 30px; height: 30px; background-colo原创 2022-03-20 16:29:20 · 537 阅读 · 0 评论 -
css-float布局-经典双飞翼布局
<style type="text/css"> body { min-width: 550px; } #main { width: 100%; height: 200px; background-color: #ccc; } #main-wrap { margin-left: 190px; margin-right: 190px;原创 2022-03-20 16:23:07 · 897 阅读 · 0 评论 -
CSS-float布局-经典圣杯布局
<style type="text/css"> body { min-width: 550px; } #header { text-align: center; background-color: #f1f1f1; height: 30px; } #containter { padding-left: 200px; padding-right原创 2022-03-20 16:20:12 · 153 阅读 · 0 评论 -
如何使用阿里图标库
1. ## 选择想使用的图标,加入购物车,下载至本地2.## 解压后,选择这下图五个文件复制,其它的是demo文件,告诉我们如何使用3.## 在项目的assets目录下新建了个fonts目录来放这五个文件4.## 然后在main.js中导入此css文件5.## 在组件中使用...原创 2020-02-10 14:19:30 · 409 阅读 · 0 评论 -
SVG转字体图标
网址推荐一个网站 icomoon,点网站右上角 ICOMoon APP点左上角 Import icons 选择自己所有的svg , 会上传到网站,然后选中它们点右下角的 Generate Font 生成图标字体,点击 图标下方 Get Code 可以查看如何使用和代码点击导航栏左上角 Preference 可以修改字体图标的名称 和 class 前缀设置好了点击右下角 Downlo...原创 2020-01-08 16:05:12 · 301 阅读 · 0 评论 -
div 中显示部分文字 ,鼠标悬浮时显示完整文字
div 中显示部分文字 ,鼠标悬浮时显示完整文字、<div class="hoverALL" :title=item.matterOccurTime> {{item.matterOccurTime }}</div> .hoverALL{ overflow: hidden; /*自动隐藏文字*/ text-overflow: ell...原创 2019-10-23 09:24:01 · 5021 阅读 · 1 评论 -
js 动态下拉菜单 前端左侧动态下拉菜单
html在这里插入代码片原创 2019-07-05 10:02:32 · 1821 阅读 · 0 评论 -
动态左侧二级下拉菜单 基于bootstrap & js
动态左侧二级下拉菜单 html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/bootstrap.css" rel="stylesheet"> <scr...原创 2019-07-09 15:21:11 · 1271 阅读 · 0 评论 -
bootstrap按钮控制表格实现增删改,模态框数据回显
代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/bootstrap.min.css" rel="stylesheet"> <link rel="sty...原创 2019-06-04 11:28:55 · 4803 阅读 · 0 评论 -
前端页面布局小结(入门级,大神请绕道)
页面布局小结div高度靠内容撑起来父级有个div 子级两个div,宽度通过百分比设定(此时不要设border大小,会造成空间不足,挤下去),高度通过内容撑起,如果要设置高度,正负3000方法,下面如果有页脚,下padding流出位置div下的iframe高度宽度可通过100%来,实现与父级div同大小一个div设置浮动,后面div浮动自动跟随上中下,中多个子级浮动,下若不想浮动,要对...原创 2019-06-04 11:17:42 · 228 阅读 · 0 评论 -
bootstrap&js 动态折叠菜单,按钮控制伸缩 ,升华版
代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script&g...原创 2019-06-04 10:48:50 · 1445 阅读 · 1 评论 -
bootstrap树级菜单,动态
html 代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Bootstrap 3 的多级下拉动态菜单示例,按钮控制</title> <script type="text/javascript" sr...原创 2019-06-03 17:55:16 · 1147 阅读 · 0 评论 -
bootstrap动态折叠菜单,按钮拉伸,菜单动态获取数据
代码真实有效,为方便自己以后使用,怕丢了,故写在这,如果给您带来帮助,请不吝点个赞,支持一哈。html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Bootstrap 3 的多级下拉动态菜单示例,按钮控制</ti...原创 2019-06-03 17:11:46 · 3095 阅读 · 0 评论 -
动态下拉框,从后台获取数据
动态下拉框,从后台获取数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>下拉框示例</title> <script type="text/javascript" src="http://libs.ba...原创 2019-06-13 18:38:22 · 8213 阅读 · 1 评论 -
VUE 环境搭建 创建第一个vue项目
标题 VUE 环境搭建 创建第一个vue项目推荐链接VUE 环境搭建 创建第一个vue项目转载 2019-06-13 09:15:44 · 299 阅读 · 0 评论