vue手写组件(原生html+js+css手写组件)
文章平均质量分 88
本栏目主要内容为:在vue渐进式的框架下,借助vue.js便捷的指令/语法,利用Html+Css+Js编写一些常用的页面组件:日历,侧边导航栏,表格等等
爆炒鱿鱼鱼
word less && code more
展开
-
vue手写日历组件
vue手写日历组件需求场景简要逻辑分析 (一堆废话 不想看直接跳到代码部分)存放日期的表格/二维数组月份年份选择代码呈现需求场景阅读此文章默认读者已经了解vue基本语法/指令在一些查询类的表单中,经常会有选择日期/时间一类的需求,参考ElementUI/ElementPlus如下图所示的日历控件,以此为模板,在vue3的框架下手写类似的迷你组件用于满足查询类表单对于日期选择的需求。一小段废话:也许会有人会问为什么要重复造轮子,这无疑是一个问题,一是所在公司的业务要求(可以不使用第三方库就不使用,考原创 2022-03-04 19:17:27 · 1723 阅读 · 0 评论 -
vue3 手动封装message消息组件(提示框:参考element-ui)
vue3 手动封装message消息组件 使用场景封装组件message.vueindex.js调用方式按需/局部调用全局调用番外推荐参考文章使用场景如图所示消息提示框组件的使用场景很清楚:一般用于登录提示或者一些表单提交(网络请求)的状态提示参考链接: element-ui_Message 消息提示.封装组件目录的话 需要对应vue文件和js同级即可,如图所示(我的项目里面命名为tip)message.vue<template> <div class="pop-m原创 2022-02-09 22:36:23 · 4368 阅读 · 4 评论 -
Vue+Less/Css简易动态切换主题
Vue+Less/Css简易动态切换主题描述解决方法less安装和使用描述最近在完成一个简易后台管理系统的搭建,因为功能模块比较少,于是写了一个设置页面,想给整个web添加一个改变颜色的功能(只是切换一种或几种颜色,自定义改变颜色的话难度会麻烦一些,可以参考下最下方的链接),于是了解了一下css变量和less变量,打算从这俩方面入手(预编译用的less) //Css设置变量 :root{--global-color:blue;} //调用变量 #box1{color:var(--global-c原创 2021-10-03 17:00:46 · 1922 阅读 · 0 评论 -
HTML+CSS+VUE编写简易音乐播放器
HTML+CSS+VUE编写简易音乐播放器展示功能简析1.搜索功能2.音乐播放功能3.音乐图片&评论展示功能4.音乐进度条控制功能代码html+css基本布局js代码(vue.js+axios发送请求)展示PS:楼主是个刚刚入门的小白,学习过一丢丢html+css,最近在入门vue,跟着小破站视频模仿着制作了一个简易的音乐播放器,大伙多多指教,不喜勿喷。功能简析1.搜索功能2.音乐播放功能3.音乐图片&评论展示功能4.音乐进度条控制功能代码html+css基本布局js代码原创 2021-03-11 09:48:10 · 1480 阅读 · 4 评论