![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小功能
嘘,此处属於婷
这个作者很懒,什么都没留下…
展开
-
vue 实现searchBar搜索框页面 结果高亮显示
1、第一步:首先创建searchBar.vue组件,页面内容如下<template> <div class='main'> <div class='section_search'> <div class='search_arr'> <img class="searchcion" src="@/assets/img/sgy_search_icon.png" /> <el-input v原创 2021-06-24 14:16:56 · 754 阅读 · 0 评论 -
vue中使用wavesurfer.js实现语音播放波形显示
效果图如下:1、第一步:使用以下命令安装wavesurfer.js插件库npm install wavesurfer.js --save2、第二步:在compenets文件夹创建voice.vue<template> <div :class="{'voice_wrap':true,'large':duration>40,'middle':duration>20&&duration<41,'small':duration<21}">原创 2021-06-24 10:22:26 · 2065 阅读 · 4 评论 -
PC端四格密码输入框功能实现
html代码如下比较简洁的一个demo<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>四个密码输入框</title> <script type="text/javascript" src="原创 2019-03-14 18:04:53 · 772 阅读 · 0 评论 -
密码强度demo(vue实现)
图片示例html<template> <div> <label style='margin-left:40px;'>密码:</label> <input v-model="pwd" id='inputValue' auto-complete="off"></input> <br></br...原创 2019-05-13 17:14:19 · 3066 阅读 · 0 评论 -
带箭头的面包屑导航栏
html<ul class="cssNav"> <li >填写信息</li> <li >提交申请</li> <li class="active">等待审核</li> <li >完成</li> </ul> cs...原创 2019-05-07 15:32:05 · 744 阅读 · 0 评论