随笔分类 -  HTML+CSS

React 实现鼠标水平滚动组件
摘要：实现要点 页面布局 监听鼠标滚动事件 计算滚动位置进行对齐 实现步骤 页面布局 父元素采用flex布局且设置flex-wrap: nowrap使其子元素可以完全展开 子元素设置flex-shrink: 0使其能够不进行自适应缩小 事件监听 通过调用event.preventDefault()阻止浏览 阅读全文
posted @ 2021-03-13 18:26 冬天之歌 阅读(950) 评论(0) 推荐(0)
eslint 配置
摘要：eslint配置 module.exports = { root: true, parser: '@typescript-eslint/parser', parserOptions: { ecmaVersion: 2020, // Use the latest ecmascript standard 阅读全文
posted @ 2021-02-17 16:37 冬天之歌 阅读(76) 评论(0) 推荐(0)
Material-UI v5 样式方案
摘要：Material-UI v5 样式方案 临时修改 sx属性 将样式对象注入到组件根元素，可以添加组件内部的样式选择器进行样式覆盖，sx属性可以访问theme值和支持样式缩写。Box组件是对sx属性使用的封装，可以作为div的替换进行主题变量的快速访问。 示例 className进行样式覆盖，但是推荐 阅读全文
posted @ 2021-02-15 18:13 冬天之歌 阅读(537) 评论(0) 推荐(1)
tailwindcss 使用总结
摘要：安装tailwindcss 安装 npm install tailwindcss 引入 在scss文件引入，并导入main.js生效 引入如下: // 注入 @tailwind base; @tailwind components; @tailwind utilities; // 正常导入 @imp 阅读全文
posted @ 2020-04-05 18:09 冬天之歌 阅读(5753) 评论(0) 推荐(0)
npm install 提示 `gyp: No Xcode or CLT version detected!` MacOS 10.15
摘要：https://github.com/nodejs/node gyp/issues/569 https://github.com/nodejs/node gyp/issues/1927 解决链接：https://github.com/nodejs/node gyp/issues/1927 issue 阅读全文
posted @ 2019-12-20 22:40 冬天之歌 阅读(1776) 评论(0) 推荐(0)
小程序选择组件
摘要：```javascript {{item.name}} ``` 阅读全文
posted @ 2019-06-28 20:31 冬天之歌 阅读(1020) 评论(0) 推荐(0)
小程序通用权限接口获取信息方法
摘要：使用方法： 函数参数interfaceName指的是小程序的接口名称，如 ,interfaceName指的就是 ，当获取权限成功时通过 返回，res为对应接口的返回值（获取值可能存在失败情况，需要自己判断），而无权获取信息时通过 返回，可以做后续页面显示。 javascript function g 阅读全文
posted @ 2019-06-17 22:17 冬天之歌 阅读(1219) 评论(0) 推荐(0)
Vue error: Parsing error: Unexpected token
摘要：参考内容： "Vue eslint plugin vue" "解决方法参考" 解决方法： 1. 确认安装 依赖，具体可以查看上面链接； 2. 在 配置文件中添加如下配置： 3. 重启node解决； ESlint 报错处理 error: Unexpected console statement (no 阅读全文
posted @ 2019-05-03 22:30 冬天之歌 阅读(40947) 评论(2) 推荐(2)
微信小程序 scroll-view 横向滚动条 隐藏无效
摘要：看了许多网上教程说是添加如下样式可以解决，我加入到组件wxss中无效，加入全局wxss生效。 添加css代码如下： 阅读全文
posted @ 2018-08-01 23:27 冬天之歌 阅读(427) 评论(0) 推荐(0)
DIV 始终位于文档底部
摘要：DIV 始终位于文档底部 1. 设置 为绝对定位，最小显示高度为： ，宽度为： ； 2. 设置 为绝对定位， ，是 元素的最后一个直接子元素； 3. 设置 的上一个 的`边距`可以包含下底部元素即可； 阅读全文
posted @ 2018-06-16 15:49 冬天之歌 阅读(213) 评论(0) 推荐(0)