- 博客(33)
- 收藏
- 关注
RSS订阅原创 小程序里如何给vant Calendar 日历 自定义文案赋值
// 设置日期文案亲测有用 this.setData({ formatter(day) { const month = day.date.getMonth() + 1; const date = day.date.getDate(); for (let i of arr1) { if (month == i.months) { if (date == i
2022-12-27 16:31:48
509
原创 网站logo加上从左上向右下的闪动效果
/LOGO 闪动效果/.logo-wrapper { position: relative; font-size:2em; font-weight:700; line-height:39px; overflow:hidden; margin:0;}.logo-wrapper::before{ content:""; position: absolute; width: 150px; height: 10px; ba
2022-12-03 16:55:53
172
原创 小程序顶部导航栏设置
//下拉 loading 的样式，仅支持 dark / light "backgroundTextStyle": "light", //导航栏背景颜色 "navigationBarBackgroundColor": "#fff", //导航栏标题文字内容 "navigationBarTitleText": "小程序", //导航栏标题颜色，仅支持 black / white "navigationBarTextStyle": "black",https://develop
2022-11-16 11:50:19
166
原创 echarts使图表在缩放拉伸时始终和界面保持一致
1.效果2.关键点 window.addEventListener('resize', function () { bar.resize(); });3.完整代码例子 drawbar(myecharts) { let bar = echarts.init(document.getElementById(myecharts)); document.getElementById(myecharts).setAttribute("_echarts
2022-09-13 21:22:10
457
原创 点击眼睛显示金额数值
1.展示效果2.div<div @click="eyeclick2"> <img class="eyeclass" src="../../../assets/eyeopen.png" alt="" v-show='eyetel2'> <img class="eyeclass" src="../../../assets/eyeclose.png" alt="" v-show='!eyetel2'> </div> <div c
2022-09-06 14:42:50
136
原创 echarts修改坐标轴名称的文字、分隔线、坐标轴线、刻度标签等样式
yAxis: { type: "value", name: "人数", nameTextStyle: {//坐标轴名称的文字样式 fontFamily: "MicrosoftYaHei", fontSize: 12, color: "rgba
2022-09-06 14:42:22
1823
原创 echarts修改图例组件legend
一看就会 legend: { bottom: 5, left: "center", icon: "circle", itemWidth: 10, itemHeight: 8, itemGap: 15, textStyle: {
2022-08-31 07:19:34
230
原创 echarts修改标题字体大小、颜色、位置、内容
title: { text: " ", left: "center", top: 20, textStyle: { color: "#9DCFCF", }, },上链接，一看就会。https://echarts.apache.org/zh/option.html#title
2022-08-31 07:19:03
8564
原创 echarts修改提示框内容toolbox朝向、位置、字体大小
tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: "line", // 默认为直线，可选为：'line' | 'shadow' color: '#ffffff' .
2022-08-30 08:03:31
1466
原创 echarts dataZoom组件
dataZoom 组件 用于区域缩放 dataZoom: [{ type:'slider', start: 0, end: 10, height: 20, backgroundColor:'rgba(2,96,171,0.5)', dataBackground:{ lineStyle:{ co
2022-08-30 08:02:47
328
原创 echarts如何修改曲线饼图、柱状图等位置
1，使用grid调整图整体位置 grid: { left: "8%", right: "5%", top: "30%", bottom: "8%", },2.调整center和radius
2022-08-24 20:49:30
2009
原创 如何在vue中引入d3.js
我使用d3的原因是要用echarts的热词气泡图下载npm install d3 --save-dev 或者cnpm install d3 --save-dev 引入import * as d3 from 'd3';//引入d3<!-- d3js 气泡图 --><template> <div id="bubble" style="width: 500px;height:500px"></div></template>
2022-08-24 20:46:12
1265
原创 echarts 的视觉映射组件 visualMap
我用到的地方是这种热力图中，不知道怎么更改上边的组件长度、宽度、字体颜色之类的，不知道叫啥。后来发现是视觉映射组件 visualMap我主要修改字体颜色、长条的宽度和高度、 visualMap: { color: colorData, min: 1, max: 10, calculable: true, o
2022-08-24 20:45:33
2208
原创 微信小程序useExtendedLib引入WeUI组件库，不用npm,不占包资源
1.在app.json里引入，kbone是微信自己推的，可不引入{ "useExtendedLib": { "kbone": true, "weui": true }}2.在需要引入的文件.json里面引入,如{ "usingComponents": { "mp-dialog": "weui-miniprogram/dialog/dialog" }}3.wxml引入<mp-dialog title="test" show="{{true}}"
2022-08-17 16:40:58
502
原创 elementui-plus中使用图标和文字在collapse折叠收缩的时候显示出问题
代码不要写错了，template只装span,图放外边 <el-menu-item index="/homeview" route="/homeview"> <el-icon><Menu /></el-icon> <template #title> <span>主控台</span
2022-08-01 17:34:10
1629
2
原创 elementui-plus路由跳转
:default-active=“activeIndex”router <el-row class="asidemenu"> <el-menu active-text-color="#ffffff" background-color="#293348" default-openeds="1" class="el-menu-vertical-demo" text-color="#bbbbbb" .
2022-08-01 17:33:27
1129
原创 elementui-plus使用js引入图标问题
1.官方案例都是ts写法，js可以从根据需要引入import { Document, Menu, Location, Setting, Avatar, CopyDocument, House, Tickets, Histogram} from '@element-plus/icons-vue'export default { components: { Location, Document, Setting, Avatar,
2022-08-01 17:32:33
501
原创 小程序中页面间传值
使用data- 添加属性在页面跳转时将数据传输到其它页面在该页面onload(options)接收数据var location = [this.data.longitude, this.data.latitude]wx.navigateTo({url: ‘…/home/homepages/IntelligentNavigation/IntelligentNavigation?location=’ + JSON.stringify(location),})接收页面...
2022-08-01 17:31:28
46
原创 微信小程序如何获取地理位置、地图显示，逆地址解析。
微信严格了获取客户位置的要求，需要申请地理位置权限和声明。自 2022 年 7 月 14 日后发布的小程序，若使用地理位置接口，需要在 app.json 中进行声明。申请时需要选择适合的小程序类目、填写需要调用接口的理由和小程序图片或视频（可以弄点儿UI设计的图稿放进去,显示小程序需要该接口，同意（开通）之后才能使用位置信息）1.在微信公众平台申请开通获取地理位置的接口2.在app.json中声明3.在js文件夹中使用API位置中wx.getLocation、wx.openLocation 等
2022-07-28 10:33:01
4539
原创 微信小程序类似vue中v-show的属性hidden
微信开发者文档基础组件中有hidden属性内容hidden属性会收到display影响，如果样式需要用flex布局，可以在外边再写一个view,display布局在里面，hidden用在外边可以解决这个问题。js中方法data{show:true}scanCode(){this.setData({show: !this.data.show})},...
2022-07-28 10:32:24
1238
原创 微信小程序短信倒计时60s功能
1.获取验证码2.button按钮3.jsvar interval = null //倒计时函数Page({/**页面的初始数据*/data: {time: ‘获取验证码’,currentTime:61},getCode(options) {var that = this;var currentTime = that.data.currentTimeinterval = setInterval(() => {currentTime–;that.setData(
2022-07-26 10:34:00
540
原创 微信小程序修改checkbox样式
/* 复选框样式 /checkbox .wx-checkbox-input {width: 50rpx;height: 50rpx;/ border-radius: 50%; */}/* 复选框选中样式 */checkbox .wx-checkbox-input.wx-checkbox-input-checked {border-color:greenyellow;background-color: greenyellow;}/* 复选框选中之后对号的样式 */checkbox
2022-07-25 11:52:24
457
原创 echarts 柱状图间距修改
echarts 柱状图间距yAxis : [ { // 纵轴标尺固定type : ‘value’,scale : true,max : 200,min : 0,splitNumber : 5,boundaryGap : [ 0.2, 0.2 ]} ],
2022-07-17 22:04:38
6380
原创 echarts曲线折线
echarts曲线折线{ name: '换率', type: 'line', areaStyle: { color: '#58B6EF', opacity: 0.25 }, symbol:'none', //去掉折
2022-07-17 22:01:19
709
原创 echarts y轴刻度线改虚线
echarts y轴刻度线改虚线yAxis: {splitNumber: 5,splitLine: {show: true,lineStyle: {type: ‘dotted’,color: ‘rgba(255, 255, 255,0.3)’}}}
2022-07-17 21:58:44
4056
原创 vue使用elementui或elementui-plus的dialog展示echarts曲线图时显示不出来
1.通过setinterval给echarts曲线图的方法设置定时器，设置为0，1秒基本看不出来延迟。2.在dialog点击事件中使用this.$nextTick()调用方法。(两种方式都可以显示曲线)
2022-05-07 12:24:27
596
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人