我们用bootstrap来实现一个展开收缩的效果

 

如果没有bootstrap这个功能模块,我们要实现这样的效果,用CSS完全也可以做到,但是费脑费神费力,但是有了bootstrap,我们可以很轻松的实现看起来还算比较美观的效果

效果如下:

为了便于理解,先来个最简式

当然我只写body部分,关于引用三个文档,不再赘述

<a data-toggle=”collapse” href=”#collapseOne”>水果</a>

<div id=”collapseOne” >

<div >

苹果

</div>

<div>

香蕉

</div>

</div>

运行了,发现有个问题,第一次点击水果,不能收缩列表,第二次点击才能收缩,我们发现只要class属性添加一个collapse in就可以

<a data-toggle=”collapse” href=”#collapseOne”>水果</a>

<div id=”collapseOne” class=” collapse in”>

<div >

苹果

</div>

<div>

香蕉

</div>

</div>

一般我们的初始状态都是收缩状态的,我们只要在class属性把in值删除(in是展开的效果)

设置文字的样式,给每部分内容class属性加上相应的值

<div class=”panel-headding”>

<a data-toggle=”collapse” href=”#collapseOne”>水果</a>

</div>

<div id=”collapseOne” class=”collapse”>

<div class=”panel-body”>

苹果

</div>

<div class=”panel-body”>

香蕉

</div>

</div>

添加一些边框背景色效果

<div class=”panel panel-default”>

<div class=”panel-heading”>

<a data-toggle=”collapse” href=”#collapseOne”>水果</a>

</div>

<div id=”collapseOne” class=”collapse”>

<div class=”panel-body”>

苹果

</div>

<div class=”panel-body”>

香蕉

</div>

</div>

</div>

如果换成其他主题panel-info

 

 

 

 

如何在 Windows 10 家庭版中使用「远程桌面」?

转载:https://www.appinn.com/windows-10-home-remote-desktop/

远程桌面是 Windows 系统下原生、跨平台的的远程控制功能,拥有微软官方提供的各平台客户端,就可以让你在远程轻松帮助别人或者控制自己的 PC,而从 Windows 7 以来家庭版都不支持桌面功能 😖,但是市面上整机预装的操作系统几乎都是家庭版。于是,怎么办?

前几天青小蛙需要远程连接到一台 Windows 10 家庭版上,结果一直不成功,一查才知道家庭版木有这个功能…

专业版是这样的:

家庭版…画风一样,但缺了不少:

可是,这怎么能难倒青小蛙呢?

RDP Wrapper Library by Stas’M

对了,RDP Wrapper Library by Stas’M 就是那个能够帮你在 Windows 7、8、10 家庭版中打开远程桌面的工具。

使用简单,下载后双击 install.bat 运行就行了。

之后,双击 RDPConf.exe 如果看到下面的三行绿色,就没问题了:

注意,敲黑板了。Windows 10 创意者更新后,系统会缺少一个文件 rfxvmt.dll ,导致 Listener state 不成功。而 RDP Wrapper Library 也在已知问题中列出了这一点。

rfxvmt.dll 需要放入 c:\Windows\System32 文件夹

 

自制ACS510调试工具(PC版)

其实在安卓版做好以前,原来很早就开发了一个PC版,考虑到现在都是智能手机,很少人背一个笔记本到处跑,所以才开发了一个安卓版.  PC版开发使用的VB,这里不得不吐槽,这个VB真是个过时的玩意,不过考虑到简单易学,也是我入门第一个学的编程,直到后来学了VC,java等,越发觉得VB弱爆了,甚至还不如国产易语言.

不过考虑到我不会再去开发PC版了,这个VB版本还是可以分享给大家用,功能比起安卓版要差一些,但是还是能用.

原来我放到网上,也有很多网友下载这个版本,这次我把代码优化升级下,

采用的硬件模块也很常见,就是调试大家经常用的,usb转485模块,淘宝上一搜一大把,基本上都能用.

链接:https://pan.baidu.com/s/1W0N0PVM1D015NUp8g_7mNA 密码:tro5

注意:  软件需要mscomm控件(通讯组件)的支持,windows7需要以管理员身份运行,软件会自动把控件下载到电脑里面并注册,当然如果不用也可以取消注册.在菜单里面操作.

由于水平有限,难免有bug,有需要技术支持可以用微信扫二维码直接和我联系

自制ACS510调试助手(安卓版)

我们知道ABB变频器ACS510系列变频器官方是没有调试软件的,只能怪510相对其他系列来说,又简单又便宜,但是ACS510确实ABB销量最大的变频器,特别是在供水行业,简直是一枝独秀.我们知道ACS510自带了一个modbus模块,但是现场用的特别少,小编想着能不能用这个自带的modbus模块做一个调试工具.

花了大概大半个月的时间,中间曲曲折折费了很大精力才把这个APP做好.硬件直接从淘宝买,本来想买一个安卓USB口转485通讯的,实在是找不到,只有分成两部分  USB转TTL 和  TTL转485.还好价钱都不贵一起花了20多一点就搞定了.

下载地址:链接:https://pan.baidu.com/s/1yT0kS1-8syysPh7HhiSk_g 密码:lt9h

usb转ttl : 淘宝购买链接

ttl转485: 淘宝购买链接(5V)

调试步骤:

第一步:变频器设置好参数后,需要断电再上电,必须要设置的参数如下:

最好先把所有参数复位下,只要9902选择任一应用宏然后在切换回标准宏,参数就被复位了

9802  选1(标准MODBUS)    打开内置mobus模块

通讯参数:

5302-1   5303-9.6KB/S   5304-8N1  5312-105 5313-107 5314-120 5315-121 5316-118 5317-119 (其他通讯参数要用默认值)

控制参数:

1001-10  1103-8 1604-8

第二步:把通讯模块的线连接上,记住模块上的A与变频器的B相连,模块上的B与变频器485的A相连(ABB变频器的正负极跟其他有点区别,是相反的)

第三步:直接在通讯模块插到手机USB口上,然后系统会自动调起APP程序.看到工具栏串口状态显示在线表示连接成功了,然后可以正常使用各功能了.

毕竟本人水平有限,难免有些bug,有什么疑问可以联系本人,app上有我的微信二维码.欢迎加我为好友