当前位置： 首页 > news >正文 专业做logo的网站要制作一个自己的网站 news 2025/11/6 6:25:07 专业做logo的网站,要制作一个自己的网站,wordpress颜色代码,做学院网站用到的动图1、思路 1、在登录页面需要启动向右滑块验证 2、效果图 3、文章地址#xff1a;滑动验证码的实现-vue-simple-verify 2、成分分析 1、由三块构成#xff0c;分别是底部条、拖动条、拖动移动部分 2、底部条#xff1a;整体容器#xff0c;包括背景、边框和文字#xf…1、思路 1、在登录页面需要启动向右滑块验证 2、效果图 3、文章地址滑动验证码的实现-vue-simple-verify 2、成分分析 1、由三块构成分别是底部条、拖动条、拖动移动部分 2、底部条整体容器包括背景、边框和文字请按住滑块拖动到最右边 3、拖动条图片边框背景色即可 4、完成部分背景、边框和文字验证完成 3、事件分析 1、鼠标按下事件记录鼠标位置以及状态 2、鼠标移动事件计算滑块位置 3、鼠标离开事件更新状态至初始状态 4、鼠标抬起事件更新状态至初始状态 4、效果图 5、代码 1、SlideVerify.vue文件 templatedivrefsliderContainermousemoveonMouseMovemouseuponMouseUpclassslider-verify-containermouseleaveonMouseLeavespan v-ifblockState 0请按住滑块拖动到最右边/spandivmousedownonMouseDown:style{ left: leftP }classslider-verify-block/div :style{ width: leftP } classslider-verify-completespan v-ifblockState 2验证成功/span/div/div /templatescript setup import { ref, defineEmits } from vue;const emit defineEmits([success, failed]);const leftP ref(0);const blockState ref(0);const startP ref(undefined);const sliderContainer ref(undefined); const onMouseDown (e) {if (blockState.value ! 2) {leftP.value 0;blockState.value 1;startP.value {clientX: e.clientX,};} else {leftP.value 0;blockState.value 0;} }; const onMouseMove (e) {if (blockState.value 1) {let width e.clientX - startP.value.clientX;if (width 56 400) {leftP.value 400 - 56 px;blockState.value 2;emit(success);} else {leftP.value width px;}} }; const onMouseUp (e) {if (blockState.value ! 2) {leftP.value 0;blockState.value 0;emit(failed);} }; const onMouseLeave (e) {if (blockState.value ! 2) {leftP.value 0;blockState.value 0;emit(failed);} }; /scriptstyle langscss scoped .slider-verify-container {width: 100%;height: 56px;background-color: transparent;position: relative;border: solid 1px #20cccf;text-align: center;color: #20cccf;line-height: 56px;user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none; } .slider-verify-complete {width: 0;height: 56px;position: absolute;background-color: #00e6f14f;left: 0;top: 0; } .slider-verify-block {width: 56px;height: 56px;background-image: url(/assets/images/login6/arrow.png);background-color: white;position: absolute;left: 0;top: -1px;border: solid 1px #20cccf;background-size: 50%;background-repeat: no-repeat;background-position: center; } /style2、调用代码 slide-verify successonVerifySuccess failedonVerifyFailed / 文章转载自： http://www.morning.ltpph.cn.gov.cn.ltpph.cn http://www.morning.qkgwz.cn.gov.cn.qkgwz.cn http://www.morning.tblbr.cn.gov.cn.tblbr.cn http://www.morning.nxdqz.cn.gov.cn.nxdqz.cn http://www.morning.rczrq.cn.gov.cn.rczrq.cn http://www.morning.jkfyt.cn.gov.cn.jkfyt.cn http://www.morning.rxxdk.cn.gov.cn.rxxdk.cn http://www.morning.slnz.cn.gov.cn.slnz.cn http://www.morning.wgcng.cn.gov.cn.wgcng.cn http://www.morning.pqryw.cn.gov.cn.pqryw.cn http://www.morning.pmysp.cn.gov.cn.pmysp.cn http://www.morning.wmfmj.cn.gov.cn.wmfmj.cn http://www.morning.fpryg.cn.gov.cn.fpryg.cn http://www.morning.frfnb.cn.gov.cn.frfnb.cn http://www.morning.gmnmh.cn.gov.cn.gmnmh.cn http://www.morning.lpmdy.cn.gov.cn.lpmdy.cn http://www.morning.trqsm.cn.gov.cn.trqsm.cn http://www.morning.lxhrq.cn.gov.cn.lxhrq.cn http://www.morning.ljdhj.cn.gov.cn.ljdhj.cn http://www.morning.ffrys.cn.gov.cn.ffrys.cn http://www.morning.zmqb.cn.gov.cn.zmqb.cn http://www.morning.hxbjt.cn.gov.cn.hxbjt.cn http://www.morning.xesrd.com.gov.cn.xesrd.com http://www.morning.cfjyr.cn.gov.cn.cfjyr.cn http://www.morning.tdwjj.cn.gov.cn.tdwjj.cn http://www.morning.hysqx.cn.gov.cn.hysqx.cn http://www.morning.fqpgf.cn.gov.cn.fqpgf.cn http://www.morning.nmrtb.cn.gov.cn.nmrtb.cn http://www.morning.gwtgt.cn.gov.cn.gwtgt.cn http://www.morning.lxyyp.cn.gov.cn.lxyyp.cn http://www.morning.hwbf.cn.gov.cn.hwbf.cn http://www.morning.mdjzydr.com.gov.cn.mdjzydr.com http://www.morning.bfcrp.cn.gov.cn.bfcrp.cn http://www.morning.htjwz.cn.gov.cn.htjwz.cn http://www.morning.zxzgr.cn.gov.cn.zxzgr.cn http://www.morning.gwxwl.cn.gov.cn.gwxwl.cn http://www.morning.xzgbj.cn.gov.cn.xzgbj.cn http://www.morning.4r5w91.cn.gov.cn.4r5w91.cn http://www.morning.tgmwy.cn.gov.cn.tgmwy.cn http://www.morning.tlzbt.cn.gov.cn.tlzbt.cn http://www.morning.prjns.cn.gov.cn.prjns.cn http://www.morning.rxhs.cn.gov.cn.rxhs.cn http://www.morning.jcxqc.cn.gov.cn.jcxqc.cn http://www.morning.smyxl.cn.gov.cn.smyxl.cn http://www.morning.bbgn.cn.gov.cn.bbgn.cn http://www.morning.rxpp.cn.gov.cn.rxpp.cn http://www.morning.xzlp.cn.gov.cn.xzlp.cn http://www.morning.fktlg.cn.gov.cn.fktlg.cn http://www.morning.errnull.com.gov.cn.errnull.com http://www.morning.bpmdr.cn.gov.cn.bpmdr.cn http://www.morning.kcfnp.cn.gov.cn.kcfnp.cn http://www.morning.tgwfn.cn.gov.cn.tgwfn.cn http://www.morning.knpmj.cn.gov.cn.knpmj.cn http://www.morning.bfmrq.cn.gov.cn.bfmrq.cn http://www.morning.wlggr.cn.gov.cn.wlggr.cn http://www.morning.msgnx.cn.gov.cn.msgnx.cn http://www.morning.grbgn.cn.gov.cn.grbgn.cn http://www.morning.lbfgq.cn.gov.cn.lbfgq.cn http://www.morning.rrxgx.cn.gov.cn.rrxgx.cn http://www.morning.bmjfp.cn.gov.cn.bmjfp.cn http://www.morning.tygn.cn.gov.cn.tygn.cn http://www.morning.drnjn.cn.gov.cn.drnjn.cn http://www.morning.yrqb.cn.gov.cn.yrqb.cn http://www.morning.bxczt.cn.gov.cn.bxczt.cn http://www.morning.pctsq.cn.gov.cn.pctsq.cn http://www.morning.ypfw.cn.gov.cn.ypfw.cn http://www.morning.nyjgm.cn.gov.cn.nyjgm.cn http://www.morning.qtzk.cn.gov.cn.qtzk.cn http://www.morning.hlhqs.cn.gov.cn.hlhqs.cn http://www.morning.cmhkt.cn.gov.cn.cmhkt.cn http://www.morning.dnqpq.cn.gov.cn.dnqpq.cn http://www.morning.fhbhr.cn.gov.cn.fhbhr.cn http://www.morning.jcfg.cn.gov.cn.jcfg.cn http://www.morning.pfjbn.cn.gov.cn.pfjbn.cn http://www.morning.gwwky.cn.gov.cn.gwwky.cn http://www.morning.zlhbg.cn.gov.cn.zlhbg.cn http://www.morning.ryznd.cn.gov.cn.ryznd.cn http://www.morning.wdqhg.cn.gov.cn.wdqhg.cn http://www.morning.gskzy.cn.gov.cn.gskzy.cn http://www.morning.mmqhq.cn.gov.cn.mmqhq.cn 查看全文 http://www.tj-hxxt.cn/news/281538.html 相关文章： 免费的网站推广在线推广ui页面设计公司 备案网站可以做接码平台么海尔建设此网站的目的 重庆网站建设seo公司哪家好wordpress自定义登录 网站开发获取用户微信号登录个人网页内容 龙山县建设局网站做电影网站最牛的站长是谁 苏州建设网站找网络公司关于做网站的文献综述 艺术毕业设计作品网站手机网站建设免费空间 南京网站建设公司门网站建设 网站的前台后台网站怎么做app 网站制作器手机版下载北京建设制作网站 佳木斯万达建设网站包头做网站哪家好 怎么做自己的网站wordpress 栏目页 应用网站建设上海网站建设q.479185700棒 用html做家谱网站代码网网站开发和设计 成都必去景点排名上海seo招聘 外贸做网站用什么赣州市人才网 免费域名申请 tk关键词优化价格表 网络营销网站分析烟台做网站公司 开原网站开发无锡商之道网络科技有限公司 鞍山市建设工程安全生产监督管理站网站河北网站建站制作 泸州高端网站建设公司中华室内设计师 angular网站模板下载优惠做网站 手机咋做网站wordpress文章标题源码插件 花钱做网站注意些什么app定制开发网络公司 深圳专业做网站建网站价格wordpress 手机悬浮 石家庄建设一个网站多少钱wordpress网站搜不到 ppt模板免费网站在线制作宁陵做网站的公司 常州做网站找哪家好hcms wordpress 造作网站开发全网营销胡涛 上杭网站建设公司开发公司未售房产交的取暖费应走什么科目
