vue
文章平均质量分 71
五更月
面向百度编程的CV工程师
展开
-
搜索关键词标红组件
今年做的一个需求,先看效果图。先讲一下实现方式,前端输入关键词查询,后端返回html模板,前端通过v-html渲染查到的数据是分页式,v-html的样式需要使用/deep/声明下面是组件代码原创 2023-09-18 15:06:48 · 712 阅读 · 0 评论 -
超详细的vue+element后台项目搭建教程,你要悄悄学习,然后秃头,震惊所有人
xxx管理后台;本模板适用于大部分中小型后台1、项目框架选择准备工作2、 使用脚手架构建项目本次项目基于vue.js,后续补上react.js。1、项目框架选择前端框架:vue.js,element-ui/iview,脚手架工具vue-cli3.0+准备工作1.官网下载安装node.js,一路回车默认安装就好。附链接:node.js官网安装完成后打开cmd/powershell查看2.安装脚手架工具vue-cli,现在的话使用3.0以上版本的偏多。vue3.0以上有vite支持,有兴趣的可.原创 2021-08-10 17:14:53 · 1150 阅读 · 3 评论 -
vue移动端项目使用rem记载
项目结构如图在App.vue文件配置<template> <div id="app"> <transition name="fade" mode="out-in"> <router-view /> </transition> </div></template><script>export default { name: 'App', components:原创 2021-07-30 14:45:02 · 213 阅读 · 2 评论 -
一个很简单的音乐播放器,一个HTML,600行搞定
效果如下下载链接原创 2021-06-08 09:42:01 · 333 阅读 · 0 评论 -
Vue+vant仿抖音滑动浏览视频
浏览器视频不支持自动播放,所以第一个视频需要手动触发播放,仅供参考<style lang="less" scoped>.main { width: 100%; height: 100%; background: #fff; .my-swipe .van-swipe-item { color: #fff; font-size: 0.2rem; text-align: center; background-color: #39a9ed;原创 2021-04-29 15:58:52 · 1642 阅读 · 2 评论 -
js实现视频定点时间段截屏
前段时间做的一个需求,根据字幕文件提供的每一句字幕开始时间对该时间的视频画面截屏,记录一下实现。不过感觉还是交给后端做比较好,<template> <div class="home-page"> <div class="upload"> <Upload multiple type="drag" style="width:200px" :before-upload="Upload原创 2020-09-27 10:15:43 · 1195 阅读 · 0 评论 -
vue仿移动端音乐播放器
工作之余查了很多资料一步步摸索出来的,先感谢各位大佬。仿QQ音乐做的,不是100%还原,不过基本原理都在这了,结合之前的歌词滚动组件一起使用页面布局拆分总体分为1顶部歌名+歌手的top-bar模块+模糊背景2专辑+歌词滚动模块3进度条+时间模块4播放控件模块,播放,暂停,上一曲,下一曲。第一部分需要定一个固定在页面的div做模糊背景,然后平铺一个APP-bar<template> <div class="main-page" ref="MainRef">原创 2020-09-17 14:45:20 · 1152 阅读 · 0 评论 -
移动端歌词滚动组件封装
页面引用import LScroll from "../../../components/lyricScroll/scroll.vue"; components: { LScroll, }, <div class="lyric-container"> <l-scroll ref="lyric" :color="color" .原创 2020-09-09 11:50:21 · 352 阅读 · 0 评论 -
登录按钮的禁用和可用
效果图如下这里只讲登录按钮的问题。HTML部分如下:<button :class="{enter:username.length == 0 || password.length == 0,enter2:username.length != 0 & password.length != 0}" @click="gopage"> 登录</button>u...原创 2019-04-09 15:15:01 · 626 阅读 · 0 评论 -
点击图片放大再点击变小(超简单)
效果图:<a v-on:click="show = !show"> <img :class="{jy:show,jy2:!show}" src="/static/bh/jy.png"></a>data里面默认show为truedata: function() { return { show: true, }; },...原创 2019-04-09 11:10:41 · 2823 阅读 · 0 评论 -
vue提示Module not found
我新建了一个项目,拷贝一个vue文件进去配置路由后有了右下角的提示,报错了,不能启动,有没有大佬知道?原创 2019-03-28 11:14:56 · 6368 阅读 · 0 评论