自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 资源 (3)
  • 收藏
  • 关注

原创 微信小程序折线图显示小程序云数据库数据

学习过程中的笔记。显示效果图:1.在github上下载一个js文件放在微信小程序的utils文件夹下。点击跳转github地址2.在chart.js上导入var wxCharts=require('../../utils/wxcharts.js');3.打开云开发平台4.数据库里添加集合名称,并且添加需要显示的数据信息。这样基本工作就可以了,下面是数据库信息的处理和显示。看代码理解chart.js完整代码:// pages/warn/warn.jsvar wxCharts=r.

2020-05-10 12:49:35 2041 1

原创 实现阿里云物联网平台设备信息到微信小程序分享过程

简要说明: 实现微信小程序连接阿里云物联网平台并且显示阿里云设备信息等,设备端采用模拟设备进行数据上传,并且利用规则引擎和自定义的Topic进行信息的接受和发送。目前效果图步骤:1.注册阿里云物联网开发平台学生可点击连接免费领取限时服务器2.创建产品,添加设备注意(添加设备时添加两台相同功能不同名称的设备,一台设备用来接受数据,一台设备用来发送数据到微信小程序)创建过程参考阿里...

2020-05-04 13:37:06 10151 6

原创 vue-element-admin的自定义主题切换功能实现

原本vue-element-admin的切换样式,只是换了一些按钮和其他一些基本的样式,但是项目需要不同颜色主题的版本,比如白天模式和夜间模式。参考:https://github.com/lss5270/vue-admin-spa(vue2.0+)实现效果:主要实现步骤:1.自定义主题文件blue/green/red…分别代表不同颜色的主题css文件夹,文件夹下的文件名和数量需要保持一致。2.把src/global的文件夹实现主题css的文件的切换注意:需要下载依赖:npm install

2021-09-22 15:02:27 2851 4

原创 flutter画横向柱形图显示比列

效果:参考:http://laomengit.com/guide/widgets/Cylinder.html的柱形图,很笨的改了下实现自己要的效果。固定底部的灰色的横条,利用Stack组件实现占比的“错觉”,好像也没什么了。。代码:Container( margin: EdgeInsets.only(right: 12), child: Column( crossAxisAlignment: CrossAxisAlignment.end, children: Lis

2020-11-30 14:05:39 483

原创 Vue实现简单购物车小球动画效果

Vue实现简单购物车小球动画效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./js/vue.js" type="text/javascript" charset="utf-8">...

2020-05-06 17:24:38 971

原创 Vue组件的创建方式和切换方式实例理解

创建组件的三种方式第一种:Vue.extend({})创建,component注册var acon=Vue.extend({template:'<h3>这是使用组件Vue.extent创建的组件</h3>' })Vue.component('myCom1',acon)或者 Vue.component('myCom1',Vue.extend({ templ...

2020-05-05 17:15:23 190

原创 jquery折叠菜单练习

两种方式:方式一:再点击下一个一级菜单后前一次点的一级菜单会收回去方式二:需要手动再次点击才会还原或者展开重点:下拉动画slideDown /收起动画slideUp执行下一次操作前都要先通过.stop() 停止动画...

2020-05-04 16:12:22 565

原创 jquery下拉菜单练习

效果图:重点:鼠标进入事件mouseenter 鼠标离开事件mouseleave下拉动画slideDown /收起动画slideUp执行下一次操作前都要先通过.stop() 停止动画全部代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>&l...

2020-05-04 15:43:07 216

原创 jquery手风琴案例练习

手风琴案例练习显示效果重点:1.鼠标进入事件mouseenter 鼠标离开事件mouseleave2. 再执行下一次操作前都要先通过.stop() 停止动画3.sublings()选择当前事件外的兄弟事件完整代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> &lt...

2020-05-02 21:06:57 468

vueShop简单的购物APP

Vue-cli创建项目,利用本地存储localStorage实现一个简单的购物APP,用到脚手架vue-cli,本地存储localStrage(自己还不太会写API接口),elementUI,阿里云图标库。

2020-06-01

wechat_project.zip

小程序连接阿里云物联网平台并且显示传感器设备数据。博文介绍链接https://blog.csdn.net/weixin_41355989/article/details/105915941

2020-05-30

wechat_project.zip

1.微信小程序连接阿里云物联网平台,并且通过订阅Topic消息接收显示阿里云设备的设备信息。 2.阿里云物联网平台通过规则引擎的云产品流转进行数据发送给微信小程序

2020-05-04

空空如也

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

TA关注的人

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