自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 vue3 + element-plus 实现一键换肤

vue3 + element-plus 实现一键换肤

2022-12-02 16:25:02 1629

原创 基于VUE2实现一个简单的会员预约日历

基于vue2.0 实现的一个用于会员预约指定日期的日历,日历可显示那几天是可以预约,那些是无法预约的

2022-09-23 14:53:12 1428

原创 基于Uniapp + VUE3.0 + TS 实现一个支持双滑块的Slider滑块组件

基于Uniapp + VUE3.0 + TS 实现Slider 滑块组件支持双滑块

2022-08-25 10:31:12 2285

原创 解决Vue3.0 页面刷新 [Vue Router warn]: No match found for location with path 警告

解决 vue 刷新浏览器 [Vue Router warn]: No match found for location with path 警告

2022-08-23 13:37:58 47465 9

原创 el-table 高度通过flex实现自适应剩余高度

el-table 高度通过flex实现自适应剩余高度<!DOCTYPE html><html><head><title>测试页</title><link rel="stylesheet" type="text/css" href="element-ui.css" /><script type="text/javascript" src="vue.min.js"></script><scrip

2022-05-08 12:39:05 1926

原创 react-router-dom v6 通过outlet实现keepAlive 功能

通过react-router-dom v6 出口组件 outlet 实现简单的 keepAlive 缓存功能,同时结合了TransitionGroup 实现了路由切换动画

2022-01-20 16:54:25 5543 4

原创 react Layout 布局实现路由全局守卫

相比Vue, react 实现路由拦截会稍微麻烦点,话不多说,上代码:1、index.js(async () => {try {// 刷新重新请求菜单const { token, roles } = store.KaTeX parse error: Expected 'EOF', got '&' at position 38: … if (!!token &̲& !roles) { …dispatch(“user/roles”)await store.Ka

2021-12-21 22:15:16 1468

原创 一个简单的城市多级联动SELECT选择组件

先看图:select.js 代码:/** * SELECT表单 多极联动 * By zt */function MySelect(options={}) { this.options = { "el": "", // DOM 对象 "text": ["选择分类"], // 默认 option 文本 "value": [], // 当前选中值 value = [1,2,3]

2021-03-26 19:02:33 526 2

原创 js 虚拟列表

一个简单的JS虚拟列表效果如下:html部分:<!DOCTYPE html><html> <head> <title>javascript 虚拟列表</title> </head> <style> html,body { width: 100%; height: 100%; margin: 0; padding: 0; font

2021-03-02 20:59:25 1724 2

原创 vue 消息提示框、对话框、弹窗组件

组件代码:wxs.vue:<template> <div id="wxs-popup" v-if="showPopup"> <div :class="['showToast','wxs-' + params.icon]" v-if="params.show=='toast'"> <span>{{params.title}}</span> </div> <div class='showM.

2020-11-10 21:16:59 4477 2

原创 vue 下拉刷新,上拉加载更多组件

组件代码:scrollView.vue<template> <div class="pageScroll" ref="pageScroll" @scroll="scroll($event)"> <div class="scrollBox" @touchstart="touchStart($event)" @touchmove="touchMove($event)" @touchend="touchEnd($event)" :style='{"transform.

2020-11-10 17:31:33 784

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除