4 hjy170314

尚未进行身份认证

我要认证

只有不断的努力,才能有美好的未来

等级
TA的排名 7w+

echarts 堆叠都从底部开始计算

效果图option的值var colors = ['#5793f3', '#d14a61', '#675bba'];option = { color: colors, tooltip: { trigger: 'axis', axisPointer: { type: 'cross' } }, grid: { right: '20%' }, xAxis:

2020-09-21 12:03:12

echarts 隐藏y轴x轴刻度

效果图options的设置option = { title: { text: '已报到情况 ' }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, grid: { left: '3%', right: '4%', bottom: '3%',

2020-09-21 10:43:16

boostrap自定义弹出框的样式和内容

效果图html部分 <div > <span data-container="body" data-toggle="popover" data-placement="bottom">查看关联的设备</span> </div> <div id="popover-content" class="popover-content" style="display: none"> <div>

2020-09-09 15:10:54

echarts图表切换数据时页面无法切换

我的效果图因为点击切换之后的数据数量都是不一样的,所以我直接改变了数据进行切换在点击切换的时候需要清除上一次的数据,不然他无法显示新的数据** 只需要腰去改变 myCharts.setOption(option,true) **只需要给setOption()添加第二个参数,并给值为true ,因为默认是false, 当为true的时候就会自动清除上一次的数据重新加载,就不会出现点击切换图表不切换的情况了...

2020-09-09 11:55:14

echarts 修改柱形图形状新增柱形图堆叠效果

效果图html部分<div id="main" style="width: 600px;height:400px;"></div>js部分var myChart = echarts.init(document.getElementById('main'));var colors = ['#2D9CFF','#5793f3', '#d14a61', '#675bba'];var option = { color: colors, tooltip: {

2020-09-08 15:26:23

boostrapTable 表头双行字体并颜色不一致

这是我的设计图的样式,在表格里面存在两个表头,并且在第一个表头里面有不同颜色的字体存在,然后我看了一下boostrapTable的文档如果设置的样式是表头里所有的属性都是一样的话可以使用 headerStyle (跟columns同级)但是我这个是每几个之间就有区别所以不能这样用,于是我就试了一下我下面这个操作没想到这样子就可以了,达到了我需要的效果html部分<table id="Table" class="table table-hover table-striped">.

2020-09-08 10:38:04

uni 图片装换base64

uni.getFileSystemManager().readFile({ filePath: src, //选择图片返回的相对路径 encoding: 'base64', //编码格式 success: function (res) { //成功的回调 this.imageBase64 = res.data }});上面的这个值针对小程序平台有用在开发app的时候使用下面这个 const a

2020-09-04 10:42:41

ant-vue checkbox 多选 只能选中一个demo

多选框时,却只需要点击其中一个就让其他的选项失效,其实也是可以使用单选框来做,但是设计图的图标是和多选框长得一模一样,又不想去修改ant-vue单选框的样式,于是就做了这个demohtml部分<a-checkbox-group v-model="value" name="checkboxgroup" :options="plainOptions" @change="onChange" > <span slot="label" disabled="{disabled}" slo.

2020-09-03 11:18:44

uni-app watch同时监听多个数据

所有的数据来源于data中 computed:{ rotateSliders(){ const { rotateSlider, startAngle, endAngle, gapAngle, lineationItemWidth } = this return { rotateSlider, startAngle, endAngle, gapAngle, lineationItemWidth } }, }, watch:{ rotateSliders: fu

2020-09-03 11:11:28

vue-ant-design 在ie的兼容问题

一开始没有注意ie的兼容,在谷歌中一切都很正常.但是才发现,当我在ie中运行的时候,界面直接白板了,而且是ie 11. 还不是低版本,都已经行不通了一直报错, 有set的错误 ,也有SecurityError错误忘记截图了,因为项目已经做了配置就暂不添加截图,下个项目再把截图补上于是我查了很久,很多文章显示使用 babel-polyfill 可以所以我安装了,此时ie11可以显示了,ie10和下面的版本一样都是白板,出现 set 的错误安装 babel-polyfillnpm i .

2020-08-21 16:33:17

使用vue-antDesign menu 页面(添加面包屑跳转)

看了很久文档和其它人写的界面,我发现这个UI组件库和element-ui的区别还是挺大的.使用element-ui的时候,可以直接定义router 进行绑定到路由,然后就可以显示数据了,而且路由表的格式不需要特殊处理,随便摆放都是可以的,只要使用的path或者name对应的上就行但是ant没有指定路由的属性,这使得我们在跳转的时候需要使用到router-link 和router-view,这两个才能正常显示页面.vue文件<template> <!-- 入口文件 -->..

2020-08-19 16:30:44

判断数值是否连续

判断一串数值之间是不是连续 isContinuityNum(num){ //判断选中的时间段是否连续 let array=[]; if(num instanceof Array){ array = [...num]; }else{ array = Array.from(num.toString())//转换为数组 } array.sort(function(a,b){ //要做一下排序,不然如果顺序颠倒过来就无法判断

2020-08-12 15:08:27

判断当前点击是否和已选中的列表是连续?

这是要做的连续点击的效果,中间不能断开选择// 判断选择的两个时间段是不是连续 continueSelect(arr,ind){ if(arr.length > 0){ let a = [] for(let i =0; i<arr.length; i++){ a.push(arr[i].id) } let max = Math.max(...a) let min = Math.min(...a) if(ind < m.

2020-08-12 15:05:36

mysql 基本命令语句

mysql 命令大全#.1 开启和关闭windows系统 mysqld --console // 开启 mysqladmin -uroot shutdown //关闭 ``` linux系统 ps -ef | grep mysqld //检查mysql是否启动 ./mysqld_sage & //开启 ./mysqldadmin -u root -p shutdown Enter password: ****** //关闭

2020-08-12 14:20:36

小程序自定义tab,tapItem 居中

使用到 scroll-viewhtml <scroll-view scroll-x='true' scroll-left="{{moveWidth}}" scroll-with-animation="true"> <view class="sroll"> <view class="weeks {{currentDay == index? 'activeWeeks':''}}" wx:for="{{weeks}}" wx:key="index" id

2020-08-07 15:16:46

小程序wxcharts 当值为 0时,隐藏 柱形图

最终效果当值为零时,如果不设置yAxis的最大值的话,会有默认的高度在图标中间,但是值显示是为0的.所以需要在我们使用图标传值之前先进行判断一下传入的数值的最大值是不是0,如果是0,则限制最大值 var max = Math.max(...datas) ; if (Math.max(...datas) == 0){ max = 0.1 } _this.lineCharts(times, datas, names

2020-08-07 10:22:34

小程序自定义下拉框

自定义select组件文件select.wxml<view class="page"> <view class="selectBox" > <view class="selectTypeHead" style="justify-content:{{selectBox.length%2==0 ? 'space-around':'space-between' }}"> <view class="roomType " wx:for="{{selectBo

2020-08-06 16:48:12

async await的使用

async await 是基于promise的语法糖它们使得异步代码易于编写和阅读async放在函数声明之前,使得函数变成 async functionfunction fn(){ return "a"}fn()使用async,将其变成异步函数async function fn() { return "a" }fn()let res = async ()=>{ return "a" }使用async的函数会返回一个promise要实际使用promise完成时返回的值,

2020-07-29 17:54:17

uni-app打包app tabbar图片问题

在没有云打包之前,在h5端,小程序端,手机端,全部都正常.但是打包成app了之后发现,tabbar的图标没有显示出来我之前的tabbar是这样写的"list": [{ "pagePath": "pages/home/home", "text": "迷妮", "iconPath": "./static/icon/home-default.png", "selectedIconPath": "./static/icon/home-acitve.png" }, {

2020-07-28 10:37:57

boostrapTable 设置行样式

改变列颜色在所需要改变的字段里面添加属性{ field:"status", title:"状态", cellStyle: function (value, row , index) { if(value == '是'){ return { css:{ "color":"#2D92FF" } } }else{ return { css:{ "color":"#999" } } }

2020-07-20 11:51:30

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 分享学徒
    分享学徒
    成功上传1个资源即可获取