摘要:
vue 加载静态资源 一:准备一个js文件把数据放进去,(这里面的静态图片要放在项目的public文件夹下面哦) let array = [ { code: "310151201", street: "新村乡", pinyin: "XinCun village", detail: "截止至2019年 阅读全文
摘要:
vue 获取当前屏幕的宽度,图片等比例缩放 这个是一个背景图,点击对应的圆圈就会出现一个蒙层上面显示详情,但是只要当前窗口大小变化了,因为我的蒙层大小是固定的px,所以不会变,就不在图片对应的位置了 我们要绑定样式style,等后面要根据当前的屏幕来给蒙层动态设置宽高 <div class="mai 阅读全文
摘要:
vue 判断并跳转到移动端 方法一: 使用device 我们把device.main.js文件放在static中,在项目index.html中引入<script src="static/js/device.min.js" type="text/javascript"> 方法二:我忘记我是从哪个大佬的 阅读全文
摘要:
一: 安装:npm install animate.css --save安装 二: 引入:在main.js中引入 import animate from "animate.css"; Vue.use(animate); new Vue({ animate render: h => h(App) }) 阅读全文
摘要:
文字过长截取内容后面出现省略号 在css样式中要定义它的宽度 width: 55%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 阅读全文
摘要:
获取后台路径拼接 先来看看效果图: 首先我们先看看从后台取到的数据: 首先我们再data中定义变量接收后台数据,把接口链接写在api文件中,在data中引用: 代码如下: <div class="show" v-if="imgurls.length == 0"> <pic-zoom :url="im 阅读全文
摘要:
截取后台获取数据的前几条据数据 如图显示,我们不想让页面显示太多,只取前六条 我们在代码循环中加入.slice(0, 6) 截取时间的年月日 后台打印的数据我们看下,我们只需要前面的年月日不要后面的时间,在代码中加.substring(0, 10) 路漫漫其修远兮 阅读全文
摘要:
使用vue-piczoom插件实现放大镜功能 *首先引入到项目中:下载安装插件:npm i PicZoom --save *在用到的页面引入:import PicZoom from "vue-piczoom"; 上代码: <pic-zoom :url="imgurl" :scale="3"></pi 阅读全文
摘要:
微信小程序点击控制元素的显示与隐藏 首先我们先来看一下单个点击效果 我们来看一下wxml中的代码: <view class="conten"> <view class="header"> <view class="nav_i"> <text class="nav_tex">更多内容</text> < 阅读全文
摘要:
关于蒙层的实现方法 我们可以用css和jQuery这两个方法来实现 css方法: 首先看一下html代码 : jquery方法: html代码 : 内外性格倾向测试 已有777人参与 你是左脑人还是右脑人 立即参与 ` css代码 : / 图片布局 / .content{ width: 1200px 阅读全文