![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
闹闹没有闹
这个作者很懒,什么都没留下…
展开
-
css,环形
1.先利用conic-gradient属性画一个圆,然后再叠加。原创 2023-09-20 21:44:59 · 540 阅读 · 0 评论 -
写一个简单的下载后预览swiper的页面
2.为其添加a,iframe 标签,遍历数据的时候一一对应。1.获取swiper所有的html文件,3.获取模版数据,最终生成html数据。原创 2023-04-05 14:30:25 · 107 阅读 · 0 评论 -
规则库里面相对应的规则匹配
效果图示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .原创 2021-07-01 21:42:47 · 223 阅读 · 0 评论 -
根据值,获取对应的状态,(vue表格里面的状态)
效果:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit.原创 2021-05-31 20:54:38 · 315 阅读 · 0 评论 -
点击出现文字效果
代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &l.原创 2021-05-25 21:35:33 · 129 阅读 · 0 评论 -
标题--分页器--上下页的swiper案例
版本号:Swiper 3.4.2<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Swiper中文网基础演示(www.swiper.com.cn)</title> <link rel="stylesheet" href="./css/swiper.min.原创 2021-05-09 17:53:47 · 354 阅读 · 0 评论 -
动态加载——区域(文字和图片)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>..原创 2021-04-20 22:21:55 · 69 阅读 · 0 评论 -
自适应导航栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="s原创 2021-04-18 16:48:39 · 207 阅读 · 0 评论 -
模拟textarea输入框自动高度
关键属性:contenteditable=“true” 属性指定元素内容是否可编辑。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi.原创 2021-04-07 21:55:37 · 57 阅读 · 0 评论 -
(父子传参)子传父,双向绑定
内部传参给外面(一)this.$emit(“change”)触发外面的函数,使用ref得到里面的数据,在外面父亲里面求值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>内部原创 2020-12-27 15:33:16 · 1296 阅读 · 0 评论 -
文字溢出隐藏之第二种
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ mar原创 2021-01-27 19:56:37 · 57 阅读 · 0 评论 -
纯css的文本溢出省略号(...)表示
`单行文本隐藏` width: 300px; /* 1. 溢出省略号显示 */ white-space: nowwarp;//nomal(文本换行) nowwarp (不换行) /* 2.溢出的部分隐藏起来 */ overflow: hidden; /* 3. 文字溢出的时候用省略号来显示 */ text-overflow: ellipsis; /转载 2020-11-09 20:57:58 · 317 阅读 · 0 评论 -
标签第一行有文字,设置其余行空白占位(多行省略)
核心代码如下: height: 68px; line-height: 34px; // 可要可不要,为了垂直居中好看些 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; 设置流媒体格式-webkit-box-orient: vertical; 设置排列.原创 2020-11-14 20:01:48 · 111 阅读 · 0 评论