11 2020 档案
摘要:1. iconfont网站,将图标添加到项目,并下载到本地 2. 在src/assets/文件下,新建iconfont文件夹,将字体文件放入其中 3. 在iconfont.scss中 将下载下来的文件 iconfont.css中的内容,复制到 iconfont.scss中,注意修改 路径 1 @fo
阅读全文
摘要:使用 SVG 组件 1. 安装 svg-sprite-loader npm i -D svg-sprite-loader 2. 新增 SvgIcon 组件 1 <template> 2 <svg class="svg-icon" 3 aria-hidden="true"> 4 <use :xlink
阅读全文
摘要:vue本地项目,想要在手机端访问的时候,需要在vue.config.js的devServe中修改 host的值 host: "localhost" ==> host: "**.**.**.**" 但每次启动前都要手动查询ipconfig/ifconfig,比较麻烦。 所以,用nodejs的‘os’来
阅读全文
摘要:1. npm install vue-monoplasty-slide-verify --save 1 import Vue from 'vue'; 2 import SlideVerify from 'vue-monoplasty-slide-verify'; 3 4 Vue.use(SlideV
阅读全文
摘要:1 <template> 2 <el-tooltip placement="top" content="回到顶部"> 3 <back-to-top :custom-style="myBackToTopStyle" 4 :visibility-height="300" :back-position="
阅读全文
摘要:为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题。常用的懒加载方式有两种:即 ES中的import 和 使用vue异步组件一、 路由懒加载 1、未用懒加载,vue中路由代码如下 1 import Vue from 'vue' 2 import Router from 'vue-rout
阅读全文
摘要:一、 keep-alive包裹的组件,在actived的钩子函数总进行调用。 二、在使用Vue-router做项目时,会遇到如/serviceId/:id这样只改变id号的场景。由于router-view是复用的,单纯的改变id号并不会刷新router-view。 当然,我们可以在点击事件上加上ro
阅读全文
摘要:1. npm install amap --save 2. 在index.html中写入 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.4&key=**********4b9e&plugin=AMap.G
阅读全文
摘要:1. 三元表达式 :class=" hasShow?'actived':' ' " 2: 对象语法 :class="{ 'active': isActive }" :class="{ 'active': isActive=='1' }" :class="{'active':isActive==ind
阅读全文
摘要:Flex 布局示例 容器的属性 1、flex-direction属性 flex-direction属性决定主轴的方向(即项目的排列方向)。 .box { flex-direction: row | row-reverse | column | column-reverse; } 2、flex-wra
阅读全文
摘要:box-shadow: h-shadow v-shadow blur spread color inset; 值描述 h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允许负值。 blur 可选。模糊距离。 spread 可选。阴影的尺寸。 color 可选
阅读全文
摘要:background: background-color background-image background-repeat background-position / background-size div { background: #00FF00 url(bgimage.gif) no-re
阅读全文
摘要:rgba(0,0,0,0.2) #00000033 十六进制颜色透明度alpha值对照表 100% — FF99% — FC98% — FA97% — F796% — F595% — F294% — F093% — ED92% — EB91% — E890% — E689% — E388% — E0
阅读全文