HTML
文章平均质量分 74
云处安
我很棒!
展开
-
PhpStorm配置Vue
配置phpstorm下Vue配置原创 2023-02-15 12:24:21 · 610 阅读 · 0 评论 -
weui获取checkbox选中值 带GIF效果演示
<div class="weui-cells weui-cells_checkbox"> <label class="weui-cell weui-check__label" for="s11044"> <div class="weui-cell__hd"> <input type="checkbox" class="weui-check" name="users" id="s11044" value="11044" onc.原创 2021-03-29 18:43:51 · 569 阅读 · 0 评论 -
微信小程序object取值
wxml<!--pages/active/active.wxml--><form> <view class='cu-list menu sm-border card-menu margin-top-lg'> <view class="cu-form-group"> <view class="title">设备ID</view> <input placeholder="" value="{.原创 2020-12-22 20:13:06 · 1495 阅读 · 0 评论 -
微信小程序 数据请求分页显示
wxml<view class='margin-left-lg margin-right-lg margin-top-sm margin-bottom-sm paddimg-xl bg-white radius-df padding' wx:for="{{record}}" wx:key='key'> <view class='flex justify-between align-center border-bottom padding-bottom-sm'> &l.原创 2020-12-17 20:11:31 · 426 阅读 · 0 评论 -
扫码进入微信小程序使用WIFI进行UDP通信发送消息
项目前提:液晶屏不可操作无网络但是有热点,需要通过扫液晶屏上的二维码进入微信小程序配置连接WIFI业务逻辑:手机扫码进入微信小程序,登录页面输入登录密码进入配置WIFI页面,配置WIFI页面输入当前手机连接的 WIFI密码,点击‘点击配网’按钮连接液晶屏热点,并通过UDP把刚才连接的WIFI的SSID和密码发送到指定端口,液晶屏接收到SSID和密码连接到指定WIFI完成配网登录页面wxml<input type="text" placeholder="请输入登录密码" class='firs原创 2020-10-22 18:39:38 · 1792 阅读 · 0 评论 -
微信小程序获取WIFI列表可手动输入密码连接
HTML<view wx:for="{{wifiList}}" wx:key="index" wx:if="{{item.frequency > 5000 ? false : true}}"> <view class='wifilist' bindtap="itemClick" id="{{index}}" data-ssid="{{item.SSID}}" data-index="{{index}}"> <view class="listleft"&g.原创 2020-10-20 09:42:06 · 1368 阅读 · 4 评论 -
动画进度条
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-原创 2020-08-19 15:20:47 · 181 阅读 · 0 评论 -
Layer 简单改造封装
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-原创 2020-08-19 14:59:49 · 330 阅读 · 0 评论 -
JQ循环创建标签div
HTML<div class="morediv"></div><button>创建div</button>JS(未添加ID)$('button').on('click',function(){ console.log(1) var div = ''; for( var i = 1;i <= 10; i++){ div += "<div>第" + i +"個</div>".原创 2020-08-19 14:46:06 · 2512 阅读 · 0 评论 -
weui.io常规选择器改时间选择器(picker)
html<div class="weui-cells"> <div class="weui-cell weui-cell_access weui-cell_example"> <div class="weui-cell__hd"> <label class="weui-label">开机时间</label> </div> <div class=".原创 2020-07-13 10:28:17 · 706 阅读 · 0 评论 -
安装浏览器同步刷新Browsersync+ NodeJs 安装
Browsersync需要依赖Node环境,所以这里我们需要先安装NodeJs1.NodeJs安装NodeJs安装成功,下面是完整安装NodeJs目录,但是我们仍需验证一些配置文件。Win+R 输入cmd验证环境变量,如果能看到安装的nodejs的路径,表示path环境变量设置ok!echo %path%验证NodeJs版本node -v验证NPM版本npm...原创 2020-01-07 12:37:47 · 318 阅读 · 0 评论 -
安装Sass(Scss)+PHPstorm中搭建环境
1.下载ruby 安装 安装版本 2.7 > ruby version ≥ 2.2 否则无法安装Sass因为sass依赖于ruby环境,所以装sass之前先确认装了ruby在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境2.命令行安装Sass -> ...原创 2020-01-06 18:41:24 · 462 阅读 · 0 评论 -
layui时间选择器闪退问题解决办法
解决办法:加入trigger: ‘click’,laydate.render({ elem: '#datetime', type: 'date', trigger: 'click', //加入 });laydate.render({ elem: '#datetime', type: 'dat...原创 2019-12-26 13:18:25 · 577 阅读 · 1 评论 -
layuiAdmin 与 PHP混编时出现的弹窗问题
正常情况下使用layui的弹窗不会出现问题,实际运用中如下部分代码使用了PHP而导致弹窗出现问题<script type="text/html" id="table-content-list"> <a class="layui-btn layui-btn-normal layui-btn-xs" onmouseover="demo(this)" lay-event="bo...原创 2019-12-06 13:30:32 · 203 阅读 · 0 评论 -
弹出分享遮罩层
效果:代码:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-sc...原创 2019-11-26 15:19:36 · 295 阅读 · 0 评论 -
进度条
PC端进度条<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxim...原创 2019-11-21 15:54:33 · 170 阅读 · 0 评论 -
动画菜单栏指示器
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi...原创 2019-11-21 15:42:24 · 228 阅读 · 1 评论 -
js转换rem单位适配手机端
(function(){ function w() { var r = document.documentElement; var a = r.getBoundingClientRect().width; if (a > 750 ){ a = 750; } //750/w = 10...原创 2019-11-21 15:14:13 · 354 阅读 · 0 评论 -
jQuery鼠标悬停导航底部动画效果
<!doctype html><html><head> <meta charset="utf-8"> <title>jQuery鼠标悬停导航底部动画效果</title> <style> *{ margin:0; paddin...原创 2019-11-21 14:45:35 · 191 阅读 · 0 评论 -
layui图标使用和自定义矢量库图标
layui图标:layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont)使用方法:通过对一个内联元素(一般推荐用 i标签)设定 class=“layui-icon”,来定义一个图标,然后对元素加上图标对应的 font-class(注意:layui 2.3.0 之前只支持采用 unicode 字符),即可显示出你想要的图标。内置图标的class查阅图标文档...原创 2019-11-21 13:23:30 · 2790 阅读 · 0 评论