搜索到
55
篇与
的结果
-
格创校园跑腿1.1.53分享源码加详细教程 源码截图下面正式开始教程:准备工具:1.注册一个微信小程序账号微信公众平台:https://mp.weixin.qq.com/2.微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html记得PHP安装扩展：ionCube ；fileinfo ； redis ； Swoole ； sg11后端安装教程：1.去安装一个微擎（安装离线的别安装线上的）2.吧gc_school文件夹整个放进微擎应用目录addons文件夹里面（是整个文件夹方进去，不是当里面的子文件）3.去微擎管理后台安装应用，添加小程序平台（添加应用，应用版本最好填1.01）前端安装教程1.微信开发者工具打开waxap文件夹2.替换siteinfo.js里面的那个xyb.mingdi.xyz的域名和uniacid和acid那个id。对应的是微擎创建的小程序的URL(服务器地址)的域名和后面那个id3.能显示学校代表正常了4.上传审核注:审核的时候把认证关了不要显示，把校园圈子关了不要显示我已经写得很详细了这个教程，如果还真学不会我就真的没办法了下载地址隐藏内容，请前往内页查看详情 -
L8201 仿某知识蝉在线学习副业项目知识付费系统小程序源码 源码简介知识付费系统，集合了图文、音频、视频、直播授课，专栏，品牌商城等主流功能和付费形式，并且包含多种多样的营销方案和互动模块，帮助用户打造属于自己的知识付费系统。演示截图搭建环境：系统环境：CentOS Linux 7以上运行环境：宝塔 Linux 网站环境：Nginx 1.15.10 + MySQL 5.6.46 + PHP-7.2搭建教程群文件 1063335802 L8201核心功能1、优惠券 课程包含满减、折扣、立减三种形式，可刺激用户购买，提升付费转化率。2、拼团活动多人组团购买付费内容，既能促进课程售卖，又能增加新用户。3、裂变海报用户可生成专属海报并分享,好友通过海报购买付费内容后，分享人将获得佣金。4、限时秒杀以低价付费课程吸引学员，营造促销活动氛围，加速学员购买决定。5、会员系统通过打造会员体系，提升核心用户粘性，提高用户活跃度。6、积分抵现学员通过内容付费获得积分，积分可用于抵现，从而拉动学员消费。7、弹窗广告可增加推荐内容的曝光度，对平台用户访问起到引导作用。8、推广分销户以推广员身份分销付费课程，其他用户购买后，推广员可获得积分奖励。9、创作者中心在线投稿在线审核一键同步资源其它功能1、八种付费形式视频付费、专栏付费、音频付费、测评付费图文付费、问答付费、直播付费、定制付费 2、八种营销玩法优惠券、会员系统、积分抵现、拼团活动广告弹窗、裂变海报、推广分销、限时秒杀3、六种互动功能在线约课、社群圈子、作业打卡在线直播、训练营、资料下载4、四种数据统计流量统计、用户统计、交易统计、评价统计四、知识付费系统源码 · 系统优势1、高并发优化提供高并发、大数据解决方案，支持数据库读写分离和集群化部署。2、安全可靠数据加密、内容云端存储、防盗防录屏，全方位保护音视频内容版权。3、多终端支持覆盖Web、Android、iOS、 小程序、H5等多个终端。4、注重体验码率自适应，多画质，支持流畅、标清、高清、超清等，直播超低延时。下载地址隐藏内容，请前往内页查看详情
-
-
高颜值好看的八个HTML+CSS登录页面！附源码！ 1.效果图： 源码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body { background: url('https://cdn.pixabay.com/photo/2018/08/14/13/23/ocean-3605547_1280.jpg') no-repeat; background-size: 100% 130%; } #login_box { width: 20%; height: 400px; background-color: #00000060; margin: auto; margin-top: 10%; text-align: center; border-radius: 10px; padding: 50px 50px; } h2 { color: #ffffff90; margin-top: 5%; } #input-box { margin-top: 5%; } span { color: #fff; } input { border: 0; width: 60%; font-size: 15px; color: #fff; background: transparent; border-bottom: 2px solid #fff; padding: 5px 10px; outline: none; margin-top: 10px; } button { margin-top: 50px; width: 60%; height: 30px; border-radius: 10px; border: 0; color: #fff; text-align: center; line-height: 30px; font-size: 15px; background-image: linear-gradient(to right, #30cfd0, #330867); } #sign_up { margin-top: 45%; margin-left: 60%; } a { color: #b94648; } </style> </head> <body> <div id="login_box"> <h2>老K博客</h2> <div id="input_box"> <input type="text" placeholder="请输入用户名"> </div> <div class="input_box"> <input type="password" placeholder="请输入密码"> </div> <button>登录</button><br> </div> </body> </html>2.效果图 源码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0; padding: 0; } html { height: 100%; } body { height: 100%; } .container { height: 100%; background-image: linear-gradient(to right, #fbc2eb, #a6c1ee); } .login-wrapper { background-color: #fff; width: 358px; height: 588px; border-radius: 15px; padding: 0 50px; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); } .header { font-size: 38px; font-weight: bold; text-align: center; line-height: 200px; } .input-item { display: block; width: 100%; margin-bottom: 20px; border: 0; padding: 10px; border-bottom: 1px solid rgb(128, 125, 125); font-size: 15px; outline: none; } .input-item:placeholder { text-transform: uppercase; } .btn { text-align: center; padding: 10px; width: 100%; margin-top: 40px; background-image: linear-gradient(to right, #a6c1ee, #fbc2eb); color: #fff; } .msg { text-align: center; line-height: 88px; } a { text-decoration-line: none; color: #abc1ee; } </style> </head> <body> <div class="container"> <div class="login-wrapper"> <div class="header">老K博客</div> <div class="form-wrapper"> <input type="text" name="username" placeholder="username" class="input-item"> <input type="password" name="password" placeholder="password" class="input-item"> <div class="btn">Login</div> </div> <div class="msg"> Don't have account? <a href="#">Sign up</a> </div> </div> </div> </body> </html>3.效果图 源码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { padding: 0; margin: 0; } html { height: 100%; } body { background-image: linear-gradient(to bottom right, rgb(114, 135, 254), rgb(130, 88, 186)); } .login-container { width: 600px; height: 315px; margin: 0 auto; margin-top: 10%; border-radius: 15px; box-shadow: 0 10px 50px 0px rbg(59, 45, 159); background-color: rgb(95, 76, 194); } .left-container { display: inline-block; width: 330px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; padding: 60px; background-image: linear-gradient(to bottom right, rgb(118, 76, 163), rgb(92, 103, 211)); } .title { color: #fff; font-size: 18px; font-weight: 200; } .title span { border-bottom: 3px solid rgb(237, 221, 22); } .input-container { padding: 20px 0; } input { border: 0; background: none; outline: none; color: #fff; margin: 20px 0; display: block; width: 100%; padding: 5px 0; transition: .2s; border-bottom: 1px solid rgb(199, 191, 219); } input:hover { border-bottom-color: #fff; } ::-webkit-input-placeholder { color: rgb(199, 191, 219); } .message-container { font-size: 14px; transition: .2s; color: rgb(199, 191, 219); cursor: pointer; } .message-container:hover { color: #fff; } .right-container { width: 145px; display: inline-block; height: calc(100% - 120px); vertical-align: top; padding: 60px 0; } .regist-container { text-align: center; color: #fff; font-size: 18px; font-weight: 200; } .regist-container span { border-bottom: 3px solid rgb(237, 221, 22); } .action-container { font-size: 10px; color: #fff; text-align: center; position: relative; top: 200px; } .action-container span { border: 1px solid rgb(237, 221, 22); padding: 10px; display: inline; line-height: 20px; border-radius: 20px; position: absolute; bottom: 10px; left: calc(72px - 20px); transition: .2s; cursor: pointer; } .action-container span:hover { background-color: rgb(237, 221, 22); color: rgb(95, 76, 194); } </style> </head> <body> <div class="login-container"> <div class="left-container"> <div class="title"><span>老K博客</span></div> <div class="input-container"> <input type="text" name="username" placeholder="用户名"> <input type="password" name="password" placeholder="密码"> </div> <div class="message-container"> <span>忘记密码</span> </div> </div> <div class="right-container"> <div class="regist-container"> <span class="regist">注册</span> </div> <div class="action-container"> <span>提交</span> </div> </div> </div> </body> </html>
-
简化你的工作，7 种常用的 JS 代码片段 日常开发中，我们经常会用到很多通用的 JS 代码，比如：复制内容、从 URL 中获取指定参数 等这些代码通常有固定实现，即：代码片段。所以，为了方便大家的开发，今天咱们就来看看常用的 7 种代码片段使用URLSearchParams获取URL的搜索参数这应该是一个非常常见的操作，之前经常会使用 正则来完成，现在有了更简单的方式：const getQueryByName = (name) => { const query = new URLSearchParams(location.search) return decodeURIComponent(query.get(name)) } // url: https://sunday.com/?name=fatfish&age=100 const name = getQueryByName('name') // fatfish const age = getQueryByName('age') // 100 const gender = getQueryByName('gender') // null获取当前页面滚动距离const getScrollPosition = (el = window) => ({ x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft, y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop, }) getScrollPosition() // { x: 0, y: 215 }将内容复制到剪贴板通过按钮，将指定 dom 中的内容复制到用户的剪贴板const copyToClipboard = (content) => { const textarea = document.createElement("textarea") textarea.value = content document.body.appendChild(textarea) textarea.select() document.execCommand("Copy") textarea.remove() }平滑滚动至页面顶部const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop if (c > 0) { window.requestAnimationFrame(scrollToTop) window.scrollTo(0, c - c / 8) } }判断当前设备是Andoird还是iOSfunction getOSType() { let u = navigator.userAgent, app = navigator.appVersion let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1 let isIOS = !!u.match(/\(i[^]+( U)? CPU.+Mac OS X/) if (isIOS) { return 0 } else if (isAndroid) { return 1 } else { return 2 } } getOSType() // 0格式化货币const formatMoney = (money) => { return money.toLocaleString() } formatMoney(123456789) // '123,456,789' formatMoney(123456789.123) // '123,456,789.123' formatMoney(123) // '123'进入和退出全屏// 进入全屏 function fullScreen() { let el = document.documentElement let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen //typeof rfs != "undefined" && rfs if (rfs) { rfs.call(el) } else if (typeof window.ActiveXObject !== "undefined") { let wscript = new ActiveXObject("WScript.Shell") if (wscript != null) { wscript.SendKeys("{F11}") } } } // 退出全屏 function exitScreen() { let el = document let cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen //typeof cfs != "undefined" && cfs if (cfs) { cfs.call(el) } else if (typeof window.ActiveXObject !== "undefined") { let wscript = new ActiveXObject("WScript.Shell") if (wscript != null) { wscript.SendKeys("{F11}") } } }
CC BY-NC-ND