2021年1月26日
二级导航
摘要： html <style> .header{height: 100px;background-color: var(--header-bg);} .head_logo {width: 200px;height: auto;} .fixed_top{position: fixed;top: 0;righ 阅读全文
posted @ 2021-01-26 10:53 JaneLifeVlog 阅读(141) 评论(0) 推荐(0)
轮播图
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2021-01-26 09:53 JaneLifeVlog 阅读(39) 评论(0) 推荐(0)
2021年1月5日
暗黑模式 颜色色板生成
摘要： 网址：https://ant.design/docs/spec/dark-cn 阅读全文
posted @ 2021-01-05 10:48 JaneLifeVlog 阅读(385) 评论(0) 推荐(0)
滚动条滚动到指定位置
摘要： scrollWidth: function() { this.$nextTick(() ⇒ { let scroll_width = this.$refs.pre_box_item.scrollWidth ; this.$refs.pre_box.scrollLeft = scroll_width; 阅读全文
posted @ 2021-01-05 10:44 JaneLifeVlog 阅读(88) 评论(0) 推荐(0)
2020年12月11日
CSS -- media响应式布局
摘要： 用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面 @media (min-width: 1024px){ /*>=1024的设备*/ body{font-size: 18px} } @media (min-width: 1100px) { / 阅读全文
posted @ 2020-12-11 11:01 JaneLifeVlog 阅读(115) 评论(0) 推荐(0)
2020年12月10日
CSS -- grid布局
摘要： 设为网格布局以后，容器子元素（项目）的 float、 display: inline-block、 display: table-cell、 vertical-align和column-等设置都将失效。 基本布局 display: grid; 行内布局（此时容器为行内元素） display: inl 阅读全文
posted @ 2020-12-10 16:43 JaneLifeVlog 阅读(88) 评论(0) 推荐(0)
2020年12月8日
vue（二）事件说明
摘要： （1）route、routes、router区别 //route 单条路由，局部对象 //routes 拥有多条跳转路由/路由数组的集合，多个局部的对象 //router 路由管理，当项目需要查找某个特定的路由时，router负责到路由器的集合中找到对应的路由，全局的对象 （2）MVVM(通过vue 阅读全文
posted @ 2020-12-08 10:27 JaneLifeVlog 阅读(89) 评论(0) 推荐(0)
vue（一）构建项目
摘要： （1）安装Vue CLI npm install -g vue-cli （2）构建VUE项目 vue init webpack //Webpack是指你想用哪个脚手架模板，这里其实用很多模板供我们选择,比如简化版webpack-simple. //app指的是你要把项目放在哪个文件夹里，这里就是ap 阅读全文
posted @ 2020-12-08 09:50 JaneLifeVlog 阅读(96) 评论(0) 推荐(0)
2020年12月7日
MVC
摘要： Model Model={ data:{程序需要操作的数据或信息}, create:{增数据}, delete:{删数据}, undate(data){ Object.assign(m.data,data) //使用新数据替换旧数据 eventsBus.trigger('m:upate') //ev 阅读全文
posted @ 2020-12-07 14:35 JaneLifeVlog 阅读(35) 评论(0) 推荐(0)
模糊 css
摘要： 文字 color: transparent; text-shadow: #111 0 0 5px; 图片 filter: blur(10px); 阅读全文
posted @ 2020-12-07 09:52 JaneLifeVlog 阅读(51) 评论(0) 推荐(0)