- 博客(123)
- 资源 (1)
- 收藏
- 关注
原创 AVUE 表格自适应小屏设置最小高度
在我们使用AVUE 框架时,电脑小屏设置表格高度为 height:'auto' 会看不见表格了,这时候我们可以修改他底层框架找到 t.tableHeiht = t 修改为。当高度小于400的时候将高度设置为400,原本他自适应高度不满屏,所以加了60个像素。
2025-03-20 19:08:03
94
原创 VUE 实现公告无缝循环滚动
VUE 实现公告无缝向左滚动,当公告的宽度大于当前视图宽度的时候再向左滚动,否则不滚动,当鼠标移入时停止滚动,移开时继续滚动,公告获取后台返回的一个数组,将链接转换为HTML。
2024-11-14 18:08:39
639
原创 flex实现瀑布流布局可用于uniapp项目和vue项目
flex实现瀑布流布局,可用于vue项目,uniapp项目。将列表分为两列或者多列,在循环时分别处理列表数据显示。
2023-08-31 10:00:56
296
原创 ant-design 实现TAB标签页面与路由菜单联动效果
在菜单那边加一个监听 v-model="selectedKeys" :open-keys.sync="openKeys"原理就是监听路由变化,然后添加到TAB中。
2023-04-20 20:31:35
1826
1
原创 uniapp 打包H5去掉URL #号
注: 如果在根目录的时候去掉 h5目录则 RewriteRule . /index.html [L] 即可。打包的时候使用history模式。
2023-03-22 10:38:38
234
原创 H5校验本机号码前端
后端:传入手机号和spToken请求【verifyPhoneWithToken】接口校验是否本机流量卡号码。前端:身份鉴权获传入accessToken和jwtToken【checkAuthAvailable】成功。后端:传入域名后端获取授权accessToken和jwtToken 【getAuthToken】前端:再获取根据【getVerifyToken】获取spToken。请在关闭Wifi的时候测试,否则不容易成功。
2023-03-21 15:51:47
2074
原创 tp5 windows服务器执行定时任务教程
2、创建定时任务,在程序 application/command/Task.php ,没有文件件新建一个,Task.php 是我自定义的文件名。3、在application\command.php 中添加如下代码,没有文件自建名称是command.php.1、在程序根目录新建 think.php 文件,一般下载自带有,没有可以把下面内容复制过去。9、在操作里面新建启动程序,这里就选择刚新建的Task.bat就可以了。NO,咱不是要定时执行吗,当然还要建立定时计划。6、点击任务计划程序,点击创建基本任务。
2022-12-21 11:57:05
922
1
原创 宝塔nginx环境如何配置 wss WebSocket 连接
1、需要一个备案域名,在小程序中配置好wss域名2、开放端口,宝塔环境新开放一个端口nginx配置location /wss { proxy_pass http://127.0.0.1:2022; proxy_set_header X-Real-IP $remote_addr; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwar...
2022-05-20 20:59:44
4752
1
原创 JS 订单30分钟内完成付款倒计时
//30分钟内完成付款 createtime[0000:00:00 00:00:00] 订单创建时间 limitTimes分钟数 countDown(createtime,limitTimes){ let startTime = new Date(createtime).getTime() / 1000 let endTime = new Date(createtime).setMinutes(new Date(createtime).getMinutes()+limitTimes) .
2022-05-07 12:28:58
975
原创 uniapp 实现聊天语音播放,多个音频只播放一个实现播放动画
一、组件代码<style lang="scss" scoped="scoped">.vvoice-play{ width:150rpx; &.flex{ justify-content: flex-end;} .vp-bg { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYCAYAAAAF6fiUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJ...
2022-04-10 13:39:44
2514
原创 uniapp 小程序H5实现选择时间段组件
<style lang="scss" scoped>.flex{ display: flex; align-items: center;}.center{ display: flex; align-items: center; justify-content: center;}.between{ display: flex; align-items:center; justify-content: space-between;}.syui-anim{ -webkit-ani...
2022-04-08 17:09:05
1556
原创 uniapp使用内置地图选择插件,实现地址选择并在地图上标点
uniapp使用内置地图选择插件,实现地址选择并在地图上标点代码如下:<style> page{ background:#F4F5F6; } ::-webkit-scrollbar {width: 0;height: 0;color: transparent;} page{ height:100%; width:100%; font-size:24rpx;} image,view,input,textarea,label,text,navigator{ box-siz.
2022-04-01 11:19:31
2293
5
原创 JS实现二维数组每一列添加一个统计并添加到数组最后一项完美实现
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>JS给二维数组每一列添加统计项完美实现</title> </head> <body> <style> *{ margin:0px; padding:0px; box-sizing: border-box;} ul,li{list-style-type.
2022-03-25 17:34:19
831
原创 VUE 页面缓存与不需要缓存的页面处理
vue实现页面缓存,一般是缓存了所有的页面,如果不想缓存某一个页面可以使用一些判断实现。缓存技术是 vue include 存放一个数组,include是需要缓存的组件```<template> <div> <keep-alive :include="tagsList"> <router-view></router-view> </keep-alive> </div...
2022-03-08 18:47:45
1870
原创 el-table 表格列实现动态显示与隐藏
el-table 表格列实现动态隐藏显示通常一个表格横向展示的时候,字段过多,但是我们又想要只显示部份字段,这时可以使用本组件实现你想要的效果。1、实现原理:通过给列添加v-if来实现动态显示与隐藏效果一、编写列显示与隐藏控制组件<template> <div> <el-dialog title="自定义列" class="column-dialog" :visible.sync="dialogVisible">
2022-03-08 18:40:17
11809
原创 JS 倒计时使用秒作倒计时实现方案
let end = new Date('2021-12-12 12:00:00') //结束时间let cur = new Date() //当前时间var difftime = parseInt((end - cur)/1000); //转化为秒if(difftime > 0){ this.countDown(difftime)}formatBit (val) { val = +val return val > 9 ? val : '0' + .
2021-11-11 10:22:42
902
原创 uniapp 中使用 uCharts.js 画图表
在components 中新建一个目录 u-charts ,然后里面放两个文件, u-charts.js u-charts.vueu-charts.js的内容/* * uCharts® * 高性能跨平台图表库,支持H5、APP、小程序(微信/支付宝/百度/头条/QQ/360)、Vue、Taro等支持canvas的框架平台 * Copyright (c) 2021 QIUN®秋云 https://www.ucharts.cn All rights reserved. * Licensed..
2021-10-08 16:28:05
1510
原创 uniapp 封装的插件集合 包括:无限级选择器,TAB滑动切换,圆形进度条,上拉加载动画,动画使用,通用弹窗等。
uniapp 封装的插件集合 包括:无限级选择器,TAB滑动切换,圆形进度条,上拉加载动画,动画使用,通用弹窗等。作者:神夜QQ:564379992交流群:942832552插件下载地址:https://gitee.com/sywlgzs/uniapp-componentsuniapp 插件集合大全: uniapp 封装的插件集合 包括:无限级选择器,TAB滑动切换,圆形进度条,上拉加载动画,动画使用,通用弹窗等。插件预览地址:http://diy.hsycms.com/uniapp-c
2021-09-16 17:40:47
1972
原创 uniapp 生成商品分享通用海报源码详解
uniapp 生成商品分享通用海报源码,使用canvas生成海报,圆片加圆角,标题换行显示两排 多余点点,兼容H5端和小程序端。组件显示代码<template> <view> <uni-popup ref="popup" type="center" class="poster-alert"> <view class="poster"><image :src="poster" @longpress="saveImg">
2021-08-24 10:31:44
1278
1
原创 PHP获取区域按字母排序
一、去重函数function assoc_unique($arr, $key) { $tmp_arr = array(); foreach ($arr as $k => $v) { if (in_array($v[$key], $tmp_arr)) {//搜索$v[$key]是否在$tmp_arr数组中存在,若存在返回true unset($arr[$k]); } else { $tmp_arr[] = $v[$key]; } } sort($arr
2021-08-07 00:19:16
223
原创 uniapp常用组件样式大全持续更新中...
一、支付组件使用uview-ui效果:组件:Pay.vue 代码:<template> <!--去付款--> <u-popup v-model="showPay" mode="bottom" border-radius="20" class="upay" :mask-close-able="false"> <view class="pay-alert"> <view class="pay-co...
2021-08-03 11:46:06
2349
1
原创 JQUERY+CSS3实现通用网站二级菜单下拉效果,真正隐藏DIV并实现动画。
1、通常使用CSS3即可实现,但是做不真正隐藏DIV,导致一些BUG,下面使用JQUERY+CSS3的方式真正实现多种下拉效果。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style> *{ margin:0px; padding
2021-04-02 17:50:25
280
原创 JS用最简单的方法去除两个数组中重复的元素
用最简单的方法实现数组去重哈哈let arr = ['你好','苛在','不是','我是'];let arr2 = ['你','苛在','不是','我是','不知道','这行好'];let temp = [];arr2.forEach(res=>{ let index = arr.indexOf(res); if(index==-1){ temp.push(res); }}); console.log(temp); ...
2020-12-25 11:09:11
1721
原创 uniapp 小程序里面实现视频列表,播放当前视频,其它视频暂停,视频列表为组件形式引入。
let video = uni.createVideoContext("video"+index, this) 核心代码 video.play();1、inde.vue 代码<template> <view class="content"> <Videobox :video="video"></Videobox> </view></template><script> import V...
2020-11-27 15:32:38
5182
2
原创 hsycms tp5 框架轻量级建站管理系统
Hsycms 实现全站生成静态网页,也可伪静态访问两种方式自由切换。推荐生成静态化可提高网页打开速度,有利于SEO收录。全新后台界面,后台可随意切换风格。支持后台菜单缓存,后台操作方便,前端模板制作更快速。功能包括作者官方网址:http://www.hsycms.com官网交流QQ群:597208036一、安装环境准备Hsycms是由ThinkPHP5.0框架开发的,所有环境必须支持PHP+MYSQL5.0,PHP必须大于5.4 ,环境必须支持伪静态二、安装程序安装程..
2020-11-17 11:03:33
2617
原创 vueloopscroll 公告文字循环滚动中奖记录循环滚动插件
```1、在 main.js中引入import VueLoopScroll from '../packages/index.js'Vue.use(VueLoopScroll)2、在项目中使用<vue-loop-scroll :list="list" direction="left" :speed="10"><li>滚动内容</li><li>滚动内容</li><li>滚动内容</li><...
2020-11-14 17:02:45
2919
原创 PC端实现微信扫码登录流程TP5
//检测微信登录 public function wechatLoginCheck() { $res = db('login')->where('id', 2)->find(); if ($res['status'] == 0) { $this->error("未启用微信登录"); } if ($res['appid'] == "") { $this->error("微信登录APPID不能为空"); } .
2020-11-04 14:28:50
1415
sywlgzs-hsycmsAlert-master.zip
2020-09-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人