自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 小程序下载pdf并新开页面打开文档

小程序下载pdf并新开页面打开文档

2023-12-25 11:06:52 147

原创 微信小程序用户信息手机号码中间显示*号

【代码】微信小程序用户信息手机号码中间显示*号。

2023-11-28 13:29:00 321

原创 web禁止复制选择

【代码】web禁止复制选择。

2023-10-26 16:45:12 143

原创 微信小程序去除scroll-view产生的横向滚动条

* 去除scroll-view产生的横向滚动条 */

2023-06-21 09:31:43 280

原创 小程序富文本超出宽度

alt] {

2023-06-21 09:30:12 182

原创 小程序里如何给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 653

原创 网站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 202

原创 小程序顶部导航栏设置

//下拉 loading 的样式,仅支持 dark / light "backgroundTextStyle": "light", //导航栏背景颜色 "navigationBarBackgroundColor": "#fff", //导航栏标题文字内容 "navigationBarTitleText": "小程序", //导航栏标题颜色,仅支持 black / white "navigationBarTextStyle": "black",https://develop

2022-11-16 11:50:19 188

原创 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 549

原创 点击眼睛显示金额数值

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 177

原创 echarts修改坐标轴名称的文字、分隔线、坐标轴线、刻度标签等样式

yAxis: { type: "value", name: "人数", nameTextStyle: {//坐标轴名称的文字样式 fontFamily: "MicrosoftYaHei", fontSize: 12, color: "rgba

2022-09-06 14:42:22 2004

原创 echarts修改图例组件legend

一看就会 legend: { bottom: 5, left: "center", icon: "circle", itemWidth: 10, itemHeight: 8, itemGap: 15, textStyle: {

2022-08-31 07:19:34 289

原创 echarts修改标题字体大小、颜色、位置、内容

title: { text: " ", left: "center", top: 20, textStyle: { color: "#9DCFCF", }, },上链接,一看就会。https://echarts.apache.org/zh/option.html#title

2022-08-31 07:19:03 9563

原创 echarts修改提示框内容toolbox朝向、位置、字体大小

tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: "line", // 默认为直线,可选为:'line' | 'shadow' color: '#ffffff' .

2022-08-30 08:03:31 1607

原创 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 427

原创 echarts如何修改曲线饼图、柱状图等位置

1,使用grid调整图整体位置 grid: { left: "8%", right: "5%", top: "30%", bottom: "8%", },2.调整center和radius

2022-08-24 20:49:30 2172

原创 如何在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 1488

原创 echarts 的视觉映射组件 visualMap

我用到的地方是这种热力图中,不知道怎么更改上边的组件长度、宽度、字体颜色之类的,不知道叫啥。后来发现是视觉映射组件 visualMap我主要修改字体颜色、长条的宽度和高度、 visualMap: { color: colorData, min: 1, max: 10, calculable: true, o

2022-08-24 20:45:33 2387

原创 微信小程序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 586

原创 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 1817 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 1409

原创 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 547

原创 小程序中页面间传值

使用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 58

原创 微信小程序如何获取地理位置、地图显示,逆地址解析。

微信严格了获取客户位置的要求,需要申请地理位置权限和声明。自 2022 年 7 月 14 日后发布的小程序,若使用地理位置接口,需要在 app.json 中进行声明。申请时需要选择适合的小程序类目、填写需要调用接口的理由和小程序图片或视频(可以弄点儿UI设计的图稿放进去,显示小程序需要该接口,同意(开通)之后才能使用位置信息)1.在微信公众平台申请开通获取地理位置的接口2.在app.json中声明3.在js文件夹中使用API位置中wx.getLocation、wx.openLocation 等

2022-07-28 10:33:01 4863

原创 微信小程序类似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 1341

原创 微信小程序短信倒计时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 604

原创 微信小程序修改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 507

原创 elementui table修改某一列颜色

elementui table修改某一列颜色可打印元素进行具体设置元素样式

2022-07-17 22:17:16 1259

原创 echarts曲线居中

echarts曲线居中

2022-07-17 22:12:12 428

原创 echarts 柱状图间距修改

echarts 柱状图间距yAxis : [ { // 纵轴标尺固定type : ‘value’,scale : true,max : 200,min : 0,splitNumber : 5,boundaryGap : [ 0.2, 0.2 ]} ],

2022-07-17 22:04:38 6665

原创 echarts曲线折线

echarts曲线折线{ name: '换率', type: 'line', areaStyle: { color: '#58B6EF', opacity: 0.25 }, symbol:'none', //去掉折

2022-07-17 22:01:19 755

原创 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 4467

原创 vue使用elementui或elementui-plus的dialog展示echarts曲线图时显示不出来

1.通过setinterval给echarts曲线图的方法设置定时器,设置为0,1秒基本看不出来延迟。2.在dialog点击事件中使用this.$nextTick()调用方法。(两种方式都可以显示曲线)

2022-05-07 12:24:27 684

空空如也

空空如也

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

TA关注的人

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