06 2020 档案

vue 加载静态资源之路由跳转传参
摘要：vue 加载静态资源 一：准备一个js文件把数据放进去，（这里面的静态图片要放在项目的public文件夹下面哦） let array = [ { code: "310151201", street: "新村乡", pinyin: "XinCun village", detail: "截止至2019年 阅读全文
posted @ 2020-06-18 19:03 道阻且长i 阅读(1381) 评论(0) 推荐(0)
vue 获取当前屏幕的宽度，图片等比例缩放，动态设置css样式
摘要：vue 获取当前屏幕的宽度，图片等比例缩放 这个是一个背景图，点击对应的圆圈就会出现一个蒙层上面显示详情，但是只要当前窗口大小变化了，因为我的蒙层大小是固定的px，所以不会变，就不在图片对应的位置了 我们要绑定样式style，等后面要根据当前的屏幕来给蒙层动态设置宽高 <div class="mai 阅读全文
posted @ 2020-06-17 22:53 道阻且长i 阅读(7756) 评论(0) 推荐(0)
vue 判断当前屏幕跳到移动端（两个分开的项目哦）
摘要：vue 判断并跳转到移动端 方法一： 使用device 我们把device.main.js文件放在static中，在项目index.html中引入<script src="static/js/device.min.js" type="text/javascript"> 方法二：我忘记我是从哪个大佬的 阅读全文
posted @ 2020-06-16 00:01 道阻且长i 阅读(559) 评论(0) 推荐(0)
Vue 使用animate.css
摘要：一: 安装：npm install animate.css --save安装 二: 引入：在main.js中引入 import animate from "animate.css"; Vue.use(animate); new Vue({ animate render: h => h(App) }) 阅读全文
posted @ 2020-06-15 23:47 道阻且长i 阅读(196) 评论(0) 推荐(0)
文字过长截取内容后面出现省略号样式
摘要：文字过长截取内容后面出现省略号 在css样式中要定义它的宽度 width: 55%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 阅读全文
posted @ 2020-06-14 18:54 道阻且长i 阅读(276) 评论(0) 推荐(0)
vue 获取后台图片路径拼接域名，点击切换图片（放大镜特效完善）
摘要：获取后台路径拼接 先来看看效果图： 首先我们先看看从后台取到的数据: 首先我们再data中定义变量接收后台数据，把接口链接写在api文件中，在data中引用： 代码如下： <div class="show" v-if="imgurls.length == 0"> <pic-zoom :url="im 阅读全文
posted @ 2020-06-14 18:07 道阻且长i 阅读(2521) 评论(0) 推荐(1)