发表于 | 分类于
字数统计: 2.2k 字 | 阅读时长 ≈ 11 分钟
需要注意的是main.js里面需要取消vue-router的默认路由,src/main.js的router.replace(‘/goods’);需要去掉 原因是在添加了其他页面(原来路由只有一个页面goods,现在多了页面ratings)之后,在浏览器加载页面的时候: 首先会先加载所有页面 在各个 ...
阅读全文 »

发表于 | 分类于
字数统计: 2.8k 字 | 阅读时长 ≈ 14 分钟
弹层制作 vue动画效果配置和弹层css sticky footer原理 使用css sticky footer技术 vue的v-for遍历 vue的v-show和事件监听 vue动画处理 header和公告栏制作 text-overflow:ellipsis的使用 font-size:0和v ...
阅读全文 »

发表于 | 分类于
字数统计: 3.6k 字 | 阅读时长 ≈ 19 分钟
一、准备工作1.需求分析2.项目资源准备resource文件 3.图标字体制作在iconmoonhttps://icomoon.io/将resource中的svg文件转为font 4.项目目录设计 vue init webpack 项目名字 cd 文件 npm install npm run dev ...
阅读全文 »

发表于 | 分类于
字数统计: 1.6k 字 | 阅读时长 ≈ 6 分钟
一、Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 123.box{ display: flex;} 行内元素也可以使用 Flex 布局。 123.box ...
阅读全文 »

发表于 | 分类于
字数统计: 118 字 | 阅读时长 ≈ 1 分钟
实现滚动超过一定高度，出现图标，点击回到顶部 window.onscroll函数，获取document.body.scrollTop即滚动条高度，当滚动条高度超过特定高度，小图标显示，否则隐藏（一定要设置else) 123456789window.onscroll = function ...
阅读全文 »