2024-10-29 厉飞雨 阅读(21) 评论(0) 赞(4)

### [#](#问题原因) 问题原因 {#问题原因} * 浏览器开启"阻止第三方Cookie" * iframe内嵌页面使用 `localStorage` 则会出现js报错，导致页面无法正常展示 Uncaught DOMException: Failed to read the 'localStorage' property f...

2024-10-29 厉飞雨 阅读(28) 评论(0) 赞(4)

[#](#vue-参考文档) Vue 参考文档 {#vue-参考文档} ----------------------------------- * [Vue Cli (opens new window)](https://cli.vuejs.org/zh/) * [v3迁移指南 (opens new window)](https://v3.cn.vuejs.org/guide...

2024-10-29 厉飞雨 阅读(24) 评论(0) 赞(5)

[#](#switch开关实现功能) Switch开关实现功能 {#switch开关实现功能} ----------------------------------------------- 开关组件，支持自定义宽度、开关颜色和开关值。 [#](#演示) 演示 {#演示} ----------------- 开关 === 开关--默认 ------ 开关状态：fals...

2024-10-29 厉飞雨 阅读(19) 评论(0) 赞(3)

[#](#前言) 前言 {#前言} ----------------- 轮播组件是在移动端很常用的一种组件，而[swiper (opens new window)](https://www.swiper.com.cn)、[vue-awesome-swiper (opens new window)](https://www.npmjs.com/package/vue-aweso...

2024-10-29 厉飞雨 阅读(26) 评论(0) 赞(6)

[#](#_1、构造器选项) 1、构造器选项 {#_1、构造器选项} ---------------------------------- import Vuex from 'vuex' const store = new Vuex.Store({ ...options }) state: Object | Function # 用来...

2024-10-29 厉飞雨 阅读(19) 评论(0) 赞(3)

[#](#_1、router基础) 1、Router基础 {#_1、router基础} ------------------------------------------- <router-link></router-link>：路由导航，默认渲染成<a>标签 to:string | Location # 目标路由的链接...

2024-10-29 厉飞雨 阅读(26) 评论(0) 赞(2)

[#](#_1、模板语法) 1、模板语法 {#_1、模板语法} ------------------------------- ### [#](#_1-1-指令) 1.1 指令 {#_1-1-指令} {{msg}}/v-text # 文本插值 v-html # 原始html v-once # 只渲染一次 v-show # cs...

2024-10-29 厉飞雨 阅读(22) 评论(0) 赞(4)

话不多说，直接上代码。 ### [#](#css设置滚动条样式) CSS设置滚动条样式 {#css设置滚动条样式} // 滚动条 $bgColor - 背景色。尽量与模块背景色一致 $barColor - 滚动条颜色 @mixin scrollBar($bgColor, $barColor) { scrollbar-face-color: $ba...

2024-10-29 厉飞雨 阅读(25) 评论(0) 赞(5)

### [#](#_1-flex布局) 1. flex布局 {#_1-flex布局} elem { display: flex; align-items: center; justify-content: center; } 移动端场景兼容 配合 `line-height: normal;` ；另外需要注意 `font-...

2024-10-29 厉飞雨 阅读(21) 评论(0) 赞(3)

### [#](#单行超出显示省略号) 单行超出显示省略号 {#单行超出显示省略号} 这里是一段文字，单行内容超出会展示省略号。这里是一段文字，单行内容超出会展示省略号。这里是一段文字，单行内容超出会展示省略号。这里是一段文字，单行内容超出会展示省略号。 <p>这里是一段文字，单行内容超出会展示省略号。这里是一段文字，单行内容超出会展示省略号。这里是...