pxhing的博客

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

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

前言： 接口进行封装，方便后期维护先封装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

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

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

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

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

一，安装安装 ECharts

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

前言：

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

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

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