随笔分类 - 前端
摘要:官网: http://jessibuca.com/document.html#window-jessibuca-is-not-a-constructor 使用环境 vue2, 第一步、需要如下三个文件, 第二步、在index.html中引入 jessibuca.js <script src="./j
阅读全文
摘要:如上图所示,制作一个悬浮图标,可以点击,可以拖拽到其他地方,兼容电脑手平板等。 <div style="display: inline;z-index:20" @click="showMessage" v-if="rightFlags.shareRight"> <img :src="require(
阅读全文
摘要:如何安装 tui-image-editor等就不再赘述,参考这篇博客即可, https://blog.csdn.net/weixin_44867717/article/details/128212251 简单版参考: https://blog.csdn.net/Bonsoir777/article/
阅读全文
摘要:后期持续更新。。。。。。 不然每次都要去文档里面找半天,记录一些常用的,节省下时间。 饼图 标签展示在内部 series: [ { label:{ show:true, position:'inner', //inside , top formatter:'{d}%' //标签展示在内部 }, },
阅读全文
摘要:参考博客: https://dandelioncloud.cn/article/details/1609872435337969666 https://blog.csdn.net/endianzhijia/article/details/87883346 <template> <view> <web
阅读全文
摘要:如下图所示,一个小程序跳转到另一个小程序, 在要跳转到ATS中登录小程序后端,获取到小程序的APPID,这个APPId要配置到uni-app的manifest.json中配置下, /* 小程序特有相关 */ "mp-weixin" : { "appid" : "本小程序的APPID", "setti
阅读全文
摘要:前言 在以前的一篇博客中,我记载了给公司写蓝牙锁连接的代码,然后后面我优化了一下代码,想节省一下时间,而这个节省时间让我遇到了问题。 https://www.cnblogs.com/weiyanei/p/17039919.html 问题点 服务发现保存蓝牙缓存 用户扫码获取车锁信息,然后点击开锁按钮
阅读全文
摘要:如上所示的柱图,良品入库是渐变的颜色,划过的阴影也是渐变,参数没啥可说的,仅仅参考就行。 options() { let ths =this return { backgroundColor:'', tooltip: { backgroundColor: '#fff',//提示框的背景色 posit
阅读全文
摘要:水球图github 上面是水球图的插件地址,水球图是echarts的一个插件,实现后效果如下, 水球图是和echarts版本有搭配的,目前是3.0.6,但是这个需要echarts5版本,而目前我用的是echarts4.0.X版本,所以需要用水球图的2.X版本。 所以安装的时候就需要指定版本, cnp
阅读全文
摘要:如上所示,用饼图改一个半圆图,同时半圆每个item设置不同的颜色。 首先需要搞出来一个echarts的容器,如下图所示,这玩意和echarts的官网搞个Div效果是一样的,只不过封装了一层,只需要设置一下参数就行。 <Echart :options="options" style="margin:0
阅读全文
摘要:如上图所示,使用html的table标签定义一个上下滚动时表头不动的表格。 首先编写html代码,定义表头和内容,如下所示 <!--头部区域--> <div style="" class="divOut"> <div style="padding:10px 0 10px 15px;"> <label
阅读全文
摘要:如上图所示,制作一个这样的水平容器,用来在点击的时候左右滑动元素,html代码如下, <div style="display: flex;justify-content: space-between;background-color: #2D3653;"> <div @click="left" st
阅读全文
摘要:一、官网 https://leafletjs.com/reference.html leaflet是一个轻量级的地图组件,但是由于地图使用的是瓦片地图图片,而leaflet使用的图片是 https://tile.openstreetmap.org/{z}/{x}/{y}.png,而这个地址国内是无法
阅读全文
摘要:目录 前言 连接蓝牙 开启蓝牙适配器 发现蓝牙 连接蓝牙 收发蓝牙数据 获取服务ID 获取特征值 读取蓝牙数据 写蓝牙数据 遇到的坑 获取serviceId的坑 特征值不支持读写 notify成功后立刻写蓝牙数据 工具方法 前言 原因是公司要搞个共享单车给内部员工使用,所以需要用手机连接锁蓝牙,然后
阅读全文
摘要:https://uniapp.dcloud.net.cn/api/plugins/login.html#login 官网上有关于uni.login()的说明,如果是要微信登录,则需要wx.login()。 小程序登录 | 微信开放文档 如下图,在小程序管理平台生成AppSecret,同时将AppId
阅读全文
摘要:目录 原因 配置mPaas应用 包名和打签名APK 使用云端插件 打自定义基座 原因 可以用uni.scanCode扫一下下面的二维码,会发现,左边的识别不了,而右边的能识别,其实人眼看,两个二维码应该是一样的。 只不过左边的会有点模糊,所以导致无法扫描。 在下图中官网也说明了,使用的业内开源库,如
阅读全文
摘要:概览 如上图所示,此处定制的是鼠标悬浮上去后,展示的不是Y轴的内容,而是额外的内容。 代码 var tipsData = [//鼠标悬浮提示展示的数据,有7个,对应X轴的星期 { a: 20, b: 30, c: 40, d: 50 }, { a: 21, b: 31, c: 41, d: 51 }
阅读全文
摘要:概览 如上图所示,最终效果如图所示。 代码 var datas = [ { value: 1548, name: '≤1周' }, { value: 775, name: '1~2周' }, { value: 689, name: '2~3周' }, { value: 679, name: '≥4周
阅读全文
摘要:使用watch和setTimeout可以监听输入框内容,输入内容停止后搜索。 效果如下所示,在停止输入后,就执行搜索方法。 <div id="app"> <input v-model="content"/> </div> <script> var vm = new Vue({ el:"#app",
阅读全文
摘要:前言 在 https://blog.csdn.net/lw18751836671/article/details/123571072 中写了父子组件通讯的第一种方式,还有一种方式,使用 $parent 和 $refs 来完成父子间通讯。 父子间传递数据 主要依靠 this.$parent.metho
阅读全文