自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 vue TradingView为k线做标记

效果图根据后台返回的数据 为k线实时做标记getMarks() 方法放在methods里面getMarks() { var that = this; var color = { background: "#4caf50" }; //自定义背景颜色 var color1 = { background: "#ff4545" }; var labelFontColor = "#fff"; //文字颜色 var minSize = 20;

2021-07-08 22:45:58 2403 14

原创 vue TradingView设置均线和隐藏均线

设置均线 //均线 _this.MALine5 = widget .chart() .createStudy("Moving Average", false, false, [5, "close", 0], null, { "Plot.color": "green", "Plot.linewidth": 0, }); _thi

2021-07-08 21:23:43 3312 2

原创 Vue项目 axios请求封装+接口封装

前言: 接口进行封装,方便后期维护先封装axios ( request.js )import axios from "axios" //引入axiosconst service = axios.create({ baseURL: "XXXX", //请求的后台地址 timeout: 5000})//请求头 token 封装service.defaults.headers.post['Content-Type'] = 'application/json';serv

2021-04-30 17:00:28 949 1

原创 Vue echarts 修改 X轴、Y轴 样式以及文字样式

前言: 做数据统计图的时候 总结了一下修改样式的东西<template> <div id="main" style="width: 100%;height:300px;"></div></template><script>import * as echarts from "echarts";export default { props: {}, data() { return {}; }, computed:

2021-03-24 14:35:47 7447 3

原创 Vue 移动端项目调用扫一扫功能(可条形码)

前言: 项目需求扫描机器条形码,获取编号进行搜索,刚开始获取返回值不完整,后来发现要设置一下filter提示plus方法要进行真机测试图片:代码:<template> <div class="scan"> <!-- 我topTitle是封装的全局头部返回 根据自己条件进行休整 --> <topTitle>扫一扫</topTitle> <div id="bcid"> <div sty

2021-03-16 14:25:09 7778 28

原创 html中获取请求路径携带的参数—超简单的方法

提示:最下面是获取参数,携带多个参数时,直接声明变量,赋值获取就行。vue.js版本的html也同样支持 function getData() { var url = location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { va

2021-02-20 10:03:41 2298

原创 vue 动态绑定placeholder

前言: 当placeholder的值不唯一时,就可以动态绑定placeholder<div class="box flex"> <span v-if="indexNav == 0">登录密码</span> <span v-else>交易密码</span> <input type="password" :placeholder="psdPlaceholder" v-m

2020-11-30 16:01:41 11060 1

原创 uni-app 基于Promise封装uni-app的request方法,类似vue中axios形式的请求封装

之前写Vue项目时,感觉用request封装拦截超级简单,到uni-app的时候,惊喜的发现有uni-request,感觉狠爽第一步:安装 uni-requestnpm install uni-request --save第二步:main.js引入import uniRequest from ‘uni-request’;第三步:(全局引入,因人而异,可以选择跳过第三步)Vue.prototype.$uniRequest = uniRequest;第四步:全局请求地址,token封装u

2020-10-06 17:41:17 1691 3

原创 vue 全局封装loading加载(全局监听)

前言:为了页面美观,请求接口的时候延迟没有数据,页面感觉狠卡顿,封装loading,请求接口成功后隐藏掉(我这)。第一步:建立loading.vue<template> <div class="loading"> <van-loading size="36px" vertical>加载中...</van-loading> </div></template><script>export defa

2020-09-16 14:33:04 3129 2

原创 微信小程序点击右上角分享到朋友圈(携带参数以及接收参数)

前言:分享到朋友圈不携带参数很简单,直接复制代码就可以,功能:

2020-07-21 14:28:18 10258 25

原创 微信小程序分享生成海报(自带二维码)+头像+昵称

前言:我的分享海报是弹框,可根据自己要求写成页面,原理都是一样的,背景图是前期测试的,效果是OK的,真机测试手机也是显示的。效果图:

2020-07-21 11:05:44 3315

原创 vue-socket.io介绍,使用vue-socket.io与后台建立实时通信,实现数据长链接

写项目的时候用到了echart图表写k线,刚开始是用计时器,5秒钟请求一次后台,效果实现了,但是用户体验并不好,访问量大的时候,app会卡,开始进行封装,在网上看到了好多大佬写vue-socket.io与socket.io-client,前期效果也实现了,后台数据在控制台也可以查看了,但是vue页面内容不知道怎么去使用,介绍的东西太少,在一个大佬帮助下尝试了好多次,才搞好这个东西一,按照依赖npm install vue-socket.io --savenpm install socket.io-c

2020-05-18 14:36:10 6724 19

原创 get-container=“body“ 解决 vant Popup 弹出层 选项框随页面滚动分离问题

前言:上篇文章写到了 vant Popup 弹出层 + Picker 选择器 实现选择列表,van-popup 里面加了一个get-container="body"属性,页面有两个van-popup,页面就会出现弹出层 选项框随页面滚动分离,get-container="body"属性就解决了这个问题没加属性之前的效果:第一个van-popup第二个van-popup加上属性之前的...

2020-05-12 10:26:57 10036 2

原创 vue vant Popup 弹出层 与 Picker 选择器 的完美结合 实现多级列表选择

前言:

2020-05-12 10:26:39 13614 4

原创 Vue使用echarts图表实现k线图(分K,日K,周K,月K)

一,安装安装 ECharts

2020-05-05 15:43:23 12196 2

原创 vue css页面滚动,无滚动条, 实现顶部导航固定,自适应布局 main标签+calc()

前言:在写app的时候我们经常使用的是导航固定,内容滚动,以前经常使用的是better-scroll插件,后来碰到了点bug,现在改使用main标签了效果图:(顶部导航固定,内容页滚动)页面布局:导航div放在main标签外面main标签的位置包裹着你所有要滚动的东西css:main标签的css样式是:height: calc(100vh - 1.2rem);100vh是可...

2020-04-21 13:49:36 2324

原创 vue 实现app项目版本迭代自动更新 热更新

需求:app打开时自动检测是否是最新版本,如果不是出现弹框,点击升级

2020-04-14 09:37:47 7218 6

原创 vue-cli4 APP热更新失效不可以及时更新

前言项目中遇到问题,热更新失效,不能每次及时提醒,百度了很多方法,效果不是狠显著,后来发现webpack4.0需要手动配置开启热更新,默认没有开启解决办法一,安装依赖webpack-dev-server根据自己的情况安装npm / cnpmnpm install --save-dev webpack-dev-server / cnpm install --save-dev webpa...

2020-04-09 12:00:51 5256 26

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除