![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
插件
文章平均质量分 53
zuo-yiran
这个作者很懒,什么都没留下…
展开
-
vue echart实现横向柱状图颜色渐变、标签右对齐
echart实现柱状图的横向展示,文字与数值两端对齐,对柱状图颜色设置为渐变。原创 2023-12-14 10:54:40 · 1499 阅读 · 2 评论 -
解决chrome浏览器netWork响应数据中文乱码的问题
接口请求浏览器乱码问题的解决原创 2023-10-24 13:48:30 · 3623 阅读 · 1 评论 -
图片预览插件vue-photo-preview的使用
vue图片预览插件vue-photo-preview的使用原创 2023-08-11 15:06:08 · 801 阅读 · 0 评论 -
vue使用vuedraggable实现tag标签动态添加数据且可拖拽功能
安装插件vuedraggable实现可拖拽功能原创 2023-03-10 09:57:36 · 2380 阅读 · 1 评论 -
使用vue-awesome-swiper实现轮播图异形卡片化两侧切换显示一半的遮挡效果
vue 可以直接使用插件效果如图:主要设置如下:<swiper class="service-advantage" ref="carouselSwiper" :options="swiperOptions"> <swiper-slide v-for="(item,index) in serviceAdvantageData" :key="`item${index}`"> <div class="card-area"> 第{{index}}张swiper原创 2022-01-14 11:01:42 · 4433 阅读 · 0 评论 -
echarts实现弧形(环形)进度条的具体配置
完成效果图如下:简单例子说明:任务总数为3,已完成1,未完成2。弧形进度条实现data值:data[0]:标题占固定位置为环形的25%,计算:(1+2)4/30.25=1,data[1]:已完成任务数,具体值为1data[2]:未完成任务数,具体值为2注:1、startAngle值设为315,是为了让弧形图看起来对称且标题说明占25%。2、此处用data[0]中name的值作为data[1]中具体的值来实现图示效果,即:用标题站位的name值来模仿已完成任务的具体值进行说明。随机例子说明原创 2020-07-03 16:18:34 · 5552 阅读 · 0 评论 -
ionic3 实现app版本更新下载并打开进行安装(包括android7+无法自动安装apk问题的解决方法)
记录一下实现app版本一键更新下载的功能。 我的项目的总体的文件: 使用的插件列表如下: 需要纯实现该功能用到的基本上是除了后三个。首先,安装这些插件,在app.component.ts页面上加入import { Component, ViewChild } from '@angular/core';import { Platform, ToastController,...原创 2018-02-12 16:25:18 · 13168 阅读 · 18 评论 -
关于echarts图表下载
echarts图表生成后的下载,本身是带有这个下载工具栏的, 但是可以通过另外的方法对该图表进行下载或者是展示。如图: 图表一是用echarts画出的,图表二是仅一张img图片,图表三则是一张可以下载的img图片。 html:<div id="main" style="width: 400px;height:200px;"></div>js: // 基于准备原创 2017-09-07 09:41:54 · 12162 阅读 · 0 评论 -
解决iscroll5的上拉下拉的回弹问题
一般在项目的列表页中,经常会用到上拉加载下拉刷新这样的效果。一般加载的数据足够多的时候,用iscroll是可以实现这个没有问题,但是当数据少的时候,占不满一屏,如何用iscroll实现如下回弹效果。 只需加上一句: min-height: 101%;就行了。 另网友建议的方法:height:calc(100% + 1px);// 不管屏幕多高,...原创 2017-08-23 15:22:44 · 4550 阅读 · 2 评论 -
手机浏览器中使用IScroll使click及a跳转事件无效
最近在页面中用iscroll.js,但是但是有跳转,用a标签的href进行跳转发现没有用,之后转换成用点击事件,发现依然不起作用,经过查询发现是禁止了浏览器的默认事件。 有的方法说如果用button或input代替a,都能响应click事件。如果设置click为true,原来不能点击的手机能点击了,但是原来能点击的手机变成了双击,也就是将手机本身的click和iscroll的click各执原创 2017-08-18 14:24:14 · 3402 阅读 · 2 评论 -
使用sublime server启动本地服务器进行调试
之前一直使用hbuilder居多,因为一个好用的功能就是有内置的服务器,打开页面一般是:而用sublime的右键用浏览器打开是这样的: 想要用本地服务器打开的话,需要用插件:sublime server 要做的工作有: 1.安装sublime server插件. 由于之前没有安装Pockage Control,所以先安装这个东西,有了这个安插件就很容易了: 首先,我试了很多次,不知道是不是原创 2017-06-09 15:59:35 · 14786 阅读 · 3 评论 -
echarts图表——条形图(柱状图)的动态横向显示设置
项目中要用到图表,简单地用echarts.js实现。 效果为: 是简单的无坐标轴显示的图表。 代码: html:<div id="main" style="width: 100%;"></div>js(配置):var length=12;//此处为动态数据的长度var hei=(length*60)+'px';//动态获取图表高度$("#main").css('height',hei原创 2017-06-20 10:01:42 · 70266 阅读 · 8 评论 -
ionic添加调取摄像头插件--cordova-plugin-camera
首先,引入cordova和ng-cordova的js:<script src="js/ng-cordova.js"></script><script src="cordova.js"></script>第二步:在模块内加上ngCordova:angular.module('starter.controllers', ['ionic', 'ionic-img-lazy-load', 'ionicLa原创 2017-05-26 09:30:22 · 3639 阅读 · 0 评论 -
ionic用插件(cordova-plugin-baidumaplocation)定位并调百度地图在上面显示
之前研究了定位,想用百度地图,但是用百度地图的 JavaScript API里面的浏览器定位根本不行,要用插件,很多人说本身带的这个cordova-plugin-geolocation插件因为网络问题,只有ios可以用,然后找到了专门针对安卓的cordova-qdc-baidu-location插件,但是这个插件不知道是不是我使用的问题,得到的数据可以弹出来,但是数据并不像这个插件所说的数据格式是原创 2017-05-26 16:53:21 · 19444 阅读 · 21 评论 -
ionic配代理解决添加插件时connecte timedout的错误
在公司上班由于计算机上网要配代理,导致使用ionic没有办法通过cmd进行新建(ionic start 项目名称 tabs)和添加插件(ionic plugin add 插件名称/插件地址)时总是报connect etimedout的错误,为此,记录一下解决方法:方法一 利用翻墙软件: 可以利用翻墙软件,安装之后使用,在用cmd进行插件的添加就可以了,网上这些翻墙的工具挺多的,附上地址,可以参考原创 2020-06-11 15:57:48 · 2501 阅读 · 0 评论 -
在ionic中使用mobiscroll插件的问题记录及取值
1.使用select让弹窗从底部弹出,会出现往上跳再回到底部的效果,如图: 使用及解决方法如下:代码(是单个页面的多个选择项) html代码:<li class="row"> <span class="col-xs-4">产品类型</span> <div class="chlTan col-xs-8"> <select ng-model="myselectType原创 2017-01-17 15:21:15 · 2728 阅读 · 4 评论 -
解决ionic中运用mobiscroll插件输入框内容重置的实现--clear()
有时在同一个页面会需要使用多个mobiscroll的控件,例如: 操作过程中,在进行选择之后,如图: 可能需要重置恢复到原本的页面: 常常需要添加一个“重置”的功能。 这个功能如何实现,其实很简单,只需一个clear()方法即可。 具体操作为: 在标签里面写上mobiscroll-instanc属性,在所需的按钮上添加点击事件 ng-click=”demoType.clear();原创 2017-02-17 18:46:55 · 1966 阅读 · 1 评论 -
关于分页插件pagination的应用及遇到的问题(用ajax请求数据进行拼接后分页显示)
看pagination的官网http://paginationjs.com/index.html上面对dataSource的使用方法有四种类型,分别为:array、object、function和url。但是实验的话发现不能这样直接使用(可能是我自己理解能力的问题)。 要直接写成如下样式才可用:var sources=function () { var result = [];原创 2016-12-22 14:16:54 · 1760 阅读 · 0 评论