获取后台路径拼接 先来看看效果图： 首先我们先看看从后台取到的数据: 首先我们再data中定义变量接收后台数据，把接口链接写在api文件中，在data中引用： 代码如下： <div class="show" v-if="imgurls.length == 0"> <pic-zoom :url="im ...
分类：
其他好文 时间：
2020-06-14 18:58:20
阅读次数：
74
今日一言：我们之所以努力，不是为了改变世界，而是为了不让世界改变我们。 ...
分类：
Web程序 时间：
2020-05-29 21:24:05
阅读次数：
95
html2canvas html截图插件图片放大清晰度解决方案，支持任意放大倍数，解决原插件图片偏移问题 Author:youzebin (2016.12.6)插件下载地址：https://github.com/niklasvh/h... 1.首先引入html2canvas.js html2canv ...
分类：
Web程序 时间：
2020-05-19 14:57:37
阅读次数：
69
今天无意中发现一个比较有趣的插件v-viewer,可以实现图片的放大缩小，旋转，图片集预览，全屏预览等功能非常全面。 效果： 如何使用 1、安装依赖npm install v-viewer --save2、在main.js中全局引入import Viewer from ‘v-viewer’impor ...
分类：
其他好文 时间：
2020-04-16 19:18:39
阅读次数：
166
background-size：100%100%; 按容器比例撑满，图片变形； background-size：cover; 把背景图片放大到适合元素容器的尺寸，图片比例不变。 下图是添加background-size:100% 100% 后的背景图效果，背景图被拉伸后有点失真 下图是添加backg ...
分类：
其他好文 时间：
2020-04-01 10:36:25
阅读次数：
268
基于photoswipe实现的vue图片预览组件 安装 npm install vue-image-swipe -D 引用 import Vue from 'vue' import VueImageSwipe from 'vue-image-swipe' import 'vue-image-swip ...
分类：
Web程序 时间：
2020-03-31 12:27:08
阅读次数：
119
1.准备Html文本 <%-- img标签--%> <asp:Image ID="Sys_Adpic1" runat="server" Style="max-width: 200px;" /> <%-- 缩放照片div--%> <div id="ViewQi" class="ViewQistyle" ...
分类：
Web程序 时间：
2020-03-25 10:45:42
阅读次数：
395
查看图片详情，放大图片 使用方法： 1.安装 npm install vue-photo-preview --save 2.引入（全局或局部） import preview from 'vue-photo-preview' import 'vue-photo-preview/dist/vue-pho ...
分类：
其他好文 时间：
2020-01-27 17:09:10
阅读次数：
148
fancyBox 是一个流行的媒体展示增强组件，可以方便为网站添加图片放大、相册浏览、视频弹出层播放等效果。优点有使用简单，支持高度自定义，兼顾触屏、响应式移动端特性，总之使用体验相当好。 现在，我们就将 fancyBox 集成到 hexo BlueLake 中。 一、下载 fancybox 文件下 ...
分类：
其他好文 时间：
2020-01-26 17:31:40
阅读次数：
91
原作者地址：https://github.com/lemontree2...经测试，原插件在使用时有bug,即在预览时进行鼠标滚动，导致遮罩层计算错误。我已修复该bug,特分享出来。组件核心代码： <template> <div class="magnify"> <div class="previe ...
分类：
Web程序 时间：
2020-01-13 23:40:42
阅读次数：
115
