项目简介 vue3-admin-xmw-pro 基于 Vben Admin 二次开发,它使用了全新的技术栈:Vue3、Vite、TypeScript等,提供了完善的前后端权限管理方案,丰富的主题配置及黑暗主题适配,对日常使用频率较高的组件二次封装,满足基础工作需求,希望本项目可以帮助到您。 🎯 前端技术栈: vue.js、ant-design-vue、vite、TypeScript 🔗 前端传送门: Xmw_web 🎯 后端技术栈: egg.js、jsonwebtoken、sequelize、redis 🔗 后端传送门: Xmw_server 😝 线上预览: http://vue3.xmwpro.com 🔑 用户名:admin,密码:123456 🚀 github 仓库地址 🚀 码云仓库地址 📄 文档地址:正在编写中! ❤️ star:如果可以的话,请顺手给个star,表示对作者的鼓励,万分感谢! 😝 Vue2版本: vue-admin-xmw-pro 环境和依赖 node (Node.js 版本要求12.x以上,且不能为13.x版本,这 ...
本站部分文章转载自 Akilarの糖果屋 ,如有侵权,请联系作者,本站仅当学习使用! 本文记录了本站博客主题 ButterFly 全部的美化教程 点击查看更新记录 Butterfly 主题美化日记2022-06-21 渐变星空 Sky 粒子背景特效 2022-06-09 添加 Echarts 统计图表 2022-05-31 添加右键菜单 Right Menu 2022-05-16 侧边栏归档样式修改 2022-05-13 Friend Link 友链样式魔改 引入 Wow.js Animation 动画 2022-05-12 标签 Tag 右上角添加章数 引入 Aplayer 音乐播放器 Twikoo 评论块气泡风格魔改美化 ...
基于 Vue3 + Element-plus 封装的 Table 组件,欢迎大家交流学习,持续开发中 Vue3-element-table基于 Vue3 + Element-plus 封装的 table 组件,支持所有 elementUI table 组件配置项 文档,另外多选功能做了跨分页多选 在线预览地址:vue3-element-tableGithub:vue3-element-table使用方法 根目录下执行 npm i vue3-xmw-table 命令 1npm i vue3-xmw-table 全局挂载组件 123456import { createApp } from 'vue'import App from './App.vue'import Xmwtable from 'vue3-xmw-table'createApp(App).use(Xmwtable).mount('#app') 在页面上使用 12345678910111213141516171819202122 ...
vue3-element-table基于 Vue3 + Element-plus 封装的 Form 组件,支持所有 Element-plus Form 组件配置项 文档 使用方法 根目录下执行 npm i vue3-xmw-form 命令 1npm i vue3-xmw-form 全局挂载组件 12345import { createApp } from 'vue'import App from './App.vue'import Xmwform from 'vue3-xmw-form'createApp(App).use(Xmwform).mount('#app') 在页面上使用 12345678910111213141516171819202122<!-- template --><vue3-xmw-form :formData="formData" :formColumns="formColumns" :f ...
本站部分文章转载自 Akilarの糖果屋 ,如有侵权,请联系作者,本站仅当学习使用! 本文记录了本站 Hexo博客 全部的优化教程 点击查看更新记录 Hexo博客 优化日记2022-05-18 使用 Vercel 托管 Vue3 前端静态页面 2022-05-11 从零开始搭建 Hexo 个人博客 2022-05-05 使用 Vercel 来加速 Hexo 博客 2022-04-30 使用 Gulp 压缩博客静态资源 从零开始搭建 Hexo 个人博客站内教程索引: 从零开始搭建 Hexo 个人博客/post/b9948411.html/ 使用 Gulp 压缩博客静态资源站内教程索引: 使用 Gulp 压缩博客静态资源/post/49b73b87.html/ 使用 Vercel 来加速 Hexo 博客站内教程索引: 使用 Verc ...
本文转载自 前端Vuer,请收下这份《Vue3中使用JSX简明语法》,如何侵权,请联系作者删除,本文仅当学习使用 各位 Vuer,Vue3 现在已经成为默认版本,今天我们来熟悉一下在 Vue3 中如何使用 JSX 的基本语法 文本插值Vue 中的文本插值默认是使用双大括号: 1<h1>{{msg}}</h1> 在 JSX 中变成了单大括号: 12const name = 'World'const element = <h1>Hello, { name }</h1> 和在 Vue 模板语法中的文本插值一样,大括号内支持任何有效的 JavaScript表达式,比如:2 + 2,user.firstName,formatName(user)等。 条件渲染 使用 if/else 1234567const element = (name) => { if (name) { return <h1>Hello, ...
之前的 Cherry 樱花雨背景特效 感觉太花里胡哨了,自己整了个渐变星空背景,效果看着还不错,有兴趣的伙伴可以观摩一下。 教程 [Blogroot]\_config.butterfly.yml 找到 index_img 设置为空: 12# The banner image of home pageindex_img: [Blogroot]\_config.butterfly.yml 找到 background 设置渐变色: 1234# Website Background (設置網站背景)# can set it to color or image (可設置圖片 或者 顔色)# The formal of image: url(http://xxxxxx.com/xxx.jpg)background: 'linear-gradient(to right top, #009fff, #ec2f4b)' [Blogroot]\themes\butterfly\source\css\_global\index.styl 找到 #web_bg 设置渐变动画: 12 ...
你有构建完组件库后,因为不知道如何发布到 npm 的烦恼吗?本教程手把手教你用 Vite 构建组件库发布到 npm 使用 vue-cli 创建 vue3+vite 项目123456## 安装或升级脚手架yarn install -g @vue/cli## 确保 vue-cli 版本在 4.5.0 以上vue -V## 创建项目vue create Hellow-World 这里以我的项目 vue3-xmw-table 为例 调整目录结构 首先需要创建一个 packages 目录,用来存放组件 将 src 目录改为 examples 用作示例 启动项目的时候,默认入口文件是 src/main.js,将 src 目录改为 examples 之后,就需要重新配置入口文件,在根目录下创建一个 vue.config.js 文件 1234567891011121314// vue.config.jsmodule.exports = { // 将 examples 目录添加为新的页面 pages: { index: { // page 的 ...
Vue-Admin-Xmw-Pro 项目简介 vue-admin-xmw-pro 是一个后台管理系统解决方案,采用前后端分离技术开发。它使用了最新的技术栈,提供了丰富的功能组件,希望本项目可以帮助到您。 🎯 前端技术栈: vue.js、ant-design-vue、axios、g2plot 🔗 前端传送门: Xmw_web 🎯 后端技术栈: egg.js、jsonwebtoken、sequelize、redis 😝 线上预览: http://www.xmwpro.com 🔑 用户名:admin,密码:123456 🚀 github 仓库地址 🚀 码云仓库地址 📄 文档地址:正在编写中! ❤️ star:如果可以的话,请顺手给个star,表示对作者的鼓励,万分感谢! 😝 Vue3+Typescript版本: vue3-xmw-admin-pro 环境和依赖 node yarn webpack @vue/cli 推荐本项目使用 Yarn 包管理工具 项目运行 拉取项目代码 123456git clone https://github. ...
当博客有了一定流量或者有一定文章篇数的时候,我们就可以考虑使用 Echarts 图表统计,为我们的博客提供更好的用户体验,而且能更直观地看到数据交互。 引进 Echarts这里有两种方式可以选择: 引进 Echarts npm 安装 hexo-butterfly-charts 这里我们选择第一种方式,可以自定义 Echarts 配置项。 引进 echart.jsnpm 安装 在 [Blogroot]\_config.butterfly.yml\ 配置项引进 Echarts:123inject: head: - <script data-pjax src="https://cyan-blog.oss-cn-shenzhen.aliyuncs.com/cdn/js/echarts.min.js"></script> 这里要注意 Echarts 的版本,这里我使用的是 V5.3.2 的,如果版本不一致,可能出现图表渲染失败。 在 [Blogroot]\ 根目录下执行命令 npm i hexo-butterfly-charts ...
avatar
Cyan
记录学习、生活和有趣的事
引导站
公告
好好吃饭🍣 好好睡觉💤 敲敲代码💻 谈谈恋爱💑