vue-antd-admin_51CTO博客

antvuedesign实现登录界面 antd vue admin

继承 Ant Design 专业美观的优点，支持PC/手机/平板的响应式布局的优秀后台管理系统 UI 框架。关于 Artiely Vue AdminAnt Design 是阿里巴巴蚂蚁金服团队出品的前端 UI 组件库，背靠大厂、设计优美，是一个 React 实现的主要用于中后台管理系统的 UI 框架，同时为不同技术路线的前端开发者提供了 Angular 和 Vue 的实现。Ant D

antvuedesign实现登录界面

h+后台主题ui框架

Vue

UI

后台管理

转载

网络安全专家

2024-05-20 21:49:16

284阅读

Ant Design Vue管理员后台 vue admin antd

vue-antd-admin——实现全网站选项的切换并实现页面的刷新场景效果图1.`AdminHeader.vue`组件添加`内外贸选项的切换`1.1 `template`中的相关代码如下：1.2 `data`中添加`dataTypeList`参数1.3 从vuex中引入`mapState`和`mapMutations`1.4 在computed中获取mapState中的type，从mapMut

Ant Design Vue管理员后台

vue.js

javascript

前端

当前页

转载

autohost

2024-02-29 10:19:43

2728阅读

antd vue1 单页面demo antd vue element

在开发后台管理系统中，经常会碰到合计行的需求，element有直接的属性可以使用，antdvue的需要手动去生成如图为实现合计后的效果 1。首先给table配置column的时候，要明确哪些字段需要使用合计，如上图，只有总板数需要使用合计，那给总板数的配置加上标识符即可,我这里为了方便辨识，直接增加了 su

antd vue1 单页面demo

vue.js

elementui

typescript

Source

转载

mob64ca14144dde

2024-04-25 17:34:29

44阅读

基于 vue3+antd+tsx 前端中后台管理系统 vue3-admin-design

vue3-admin-design是一个基于vue3 + ant-design-vue的后台管理系统的解决方案，它使用了最新的前端技术栈，并且提供了丰富的功能组件模块，可以帮助你快速搭建企业级中后台的前端架构。正常模式暗黑模式特性技术栈：使用 Vue3、Vite5、AntD、Pinia、TSX 等前端前沿技术开发主题：可配置的主题色国际化：内置完善的国际化方案Mock 数据：内置 Mock 数据

github

常用组件

技术栈

原创

Daniel_Pak

2024-03-08 16:17:11

445阅读

antd design vue栅格

1.全局样式色彩色彩体系主要分为两个层面：系统色彩体系以及产品色彩体系；系统色彩体系是系统的一些基础颜色，产品级色彩体系更多的是根据产品诉求不同而使用的颜色（像品牌色，功能色之类的）色彩在使用时更多的是基于信息传递、操作引导和交互反馈等目的布局UI界面的空间布局要基于「动态、体系化」的角度出发展开，建议从以下5个方面出发统一的画板尺寸：统一设计板尺寸适配方案：判断系统是否需要适配，哪些区域是需要动

antd design vue栅格

javascript

表单

数据

设计原则

转载

架构设计师

10月前

73阅读

antd vue router 路由

1. 路由登陆后跳转到主页： router/index.js 配置 // Avoided redundant navigation to current location const originalPush = Router.prototype.push Router.prototype.push

json

ide

html

原创

wx5b6d6c951e615

2022-09-20 11:59:40

276阅读

antd vue tablelist 模板

<template> <a-table :columns="columns" :data-source="data" :scroll="{ x: 1300,y:1500}" class="tb_list" ref="table" :pagination="{ current: table.pageN

ide

原创

wx5b6d6c951e615

2022-09-20 12:02:45

35阅读

vue antd axios 使用

接口请求：安装：npm install axios --save main.js配置 import axios from 'axios'; import qs from 'qs'; Vue.prototype.$axios=axios; Vue.prototype.qs=qs; axios.def

ios

json

表单

原创

wx5b6d6c951e615

2022-09-20 12:03:41

112阅读

antd vue 上传customrequest

醉卧沙场君莫笑，古来征战几人还。一、简介数据驱动的图形编辑引擎，以流程图展示关系流程，支持拖拽二、基础使用所有图表示例1. 实现一个最简易的Graph⑴. 安装# npm $ npm install @antv/x6 --save # yarn $ yarn add @antv/x6 ⑵. vue代码react 的通道 -><template> <div i

javascript

前端

vue.js

Graph

JSON

转载

小题大作

6月前

106阅读

vue antd 动态table

效果图： <template> <div> <a-button class="editable-add-btn" @click="handleAdd"> Add </a-button> <div> <a-table :columns="columns" :data-source="data" bor

i++

javascript

原创

wx5b6d6c951e615

2022-09-20 12:02:32

883阅读

vue +antd 动态表单

先说下效果：代码： <template> <div> <a-card title="form-data" :bordered="true" style="width: 40%"> <div> <a-form ref="form" layout="inline" :model="form" > <d

ico

原创

wx5b6d6c951e615

2022-09-20 12:02:51

786阅读

vue admin template

在开发过程中，使用现成的模板可以显著加快项目的开发速度，同时提高整体的用户体验。Vue Admin Template是一个非常流行的管理后台模板，它基于Vue.js开发，提供了丰富的UI组件和功能，可以帮助开发者快速搭建一个功能完善的管理后台系统。下面我将为你介绍如何使用Vue Admin Template来创建一个管理后台系统。首先，我们来看看整个流程： | 步骤 | 内容 | | ---

Vue

bash

配置文件

原创

mob64e737fca78c

2024-05-07 10:42:19

160阅读

vue admin ui

# Vue Admin UI开发指南作为一名经验丰富的开发者，你可能已经听说过Vue Admin UI，它是一个基于Vue.js的管理后台模板，提供了丰富的组件和功能，帮助开发者快速搭建现代化的管理后台界面。如果你是一位刚入行的小白开发者，也想学习如何实现一个Vue Admin UI，那么你来对地方了！接下来，我将教会你如何一步步实现一个简单的Vue Admin UI。 ## 实现Vue

Vue

UI

User

原创

此用户名不存在

2024-05-29 09:46:09

95阅读

antd vue description定义字符串加标签 antd vue教程

一、搭建基础环境1. 正常有两种使用vue的方式（1）第一种直接在html中引入vue脚本使用（简单的代码书写,本人就不在展示了，有兴趣的看Vue直接引入js）（2）第二种使用webpack进行构建（可以书写复杂的代码，推荐）2. 使用webpack构建环境准备（1）本人环境（2）按照下列顺序安装node.js安装教程npm使用介绍（安装后建议使用国内的淘宝镜像cnpm,当然cnpm有时安装会导

vue.js

node.js

javascript

js

es6

转载

mob64ca13f83523

2024-03-07 13:07:38

227阅读

antd vue2 表单动态rules不生效 antd vue form

最近开发中使用到了Antd这款世界上最受欢迎的（前段时间还是第二）React-UI框架，而这个表单（Form）我看眉清目秀的，来，让哥哥来康康······功能收集输入表单容器（input、select）内容根据校验规则进行内容校验并显示结果APIcreategetFieldDecoratorgetFieldValuegetFieldsValuesetFieldsValue····

antd vue form 手动校验

校验form表单字段

表单

数据

UI

转载

mob64ca13fae001

2024-04-01 01:04:55

586阅读

android和vue开发 vue和antd

安装antd-vue并按需加载(详见 https://www.antdv.com/docs/vue/use-with-vue-cli-cn/ )注：antd-vue2.0+和antd-vue3.0+都是只支持vue3.0+。只有ant-vue1.0+才支持vue2.0+ 1、yarn add ant-design-vue@1.7.8 2、yarn add babel-plugin-import 3

android和vue开发

vue

antd

分页

css

转载

IT智行者

2023-08-02 15:51:33

101阅读

vue antd table行选中

a-table组件中加入以下两个属性:customRow="rowClick":rowClassName="rowClassName"/*** @Author: 路博欢* @Date: 2

vue.js

javascript

前端

搜索

分页

原创

wx6409a261df68a

2023-03-09 17:22:40

743阅读

antd vue message 全局使用

vue2.x 适合使用 main.js如下： import 'ant-design-vue/dist/antd.css'; import { message } from 'ant-design-vue'; Vue.prototype.$message = message; Vue.use(Antd

css

原创

wx5b6d6c951e615

2022-09-20 12:02:40

276阅读

antd vue descriptions高度问题

vue antd的menu组件使用实现效果记录实现的主要几步1、数据处理2、布局3、功能实现，搜索标题则当前菜单高亮，右侧则显示对应的内容用到menu菜单时，需要注意它的api右侧显示content内容实现效果注：我这里的输入框，搜索的时候是只支持搜索标题，支持模糊搜索记录实现的主要几步1、数据处理在写静态页面的时候需要写假数据，会与后台沟通，这个地方菜单后期会返回什么样的数据结构，有的后台

搜索

高亮

数据结构

转载

deanyuancn

2024-10-07 09:26:33

85阅读

vue antd动态定义rulesInfo

一、插槽slot()1.1简单插槽slot【功能】用于从父组件中，通过子组件写成双标签，向子组件中放入自定的内容parent.vue【1】首先把child写成双标签样式，把要插入的内容放双标签中间【注】如果要控制样式在父组件中，在子组件中写样式都可以<template> <div class="parent"> <span>父组件</span

插槽

数据

函数实现

转载

doscommand

10月前

64阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

vue-antd-admin

antvuedesign实现登录界面 antd vue admin

Ant Design Vue管理员后台 vue admin antd

antd vue1 单页面demo antd vue element

基于 vue3+antd+tsx 前端中后台管理系统 vue3-admin-design

antd design vue栅格

antd vue router 路由

antd vue tablelist 模板

vue antd axios 使用

antd vue 上传customrequest

vue antd 动态table

vue +antd 动态表单

vue admin template

vue admin ui

antd vue description定义字符串加标签 antd vue教程

antd vue2 表单动态rules不生效 antd vue form

android和vue开发 vue和antd

vue antd table行选中

antd vue message 全局使用

antd vue descriptions高度问题

vue antd动态定义rulesInfo

Vue与antd结合使用

JavaScript vue 和antd关系

vue admin plus源码

vue-admin-template

vue element ui admin

vue-element-admin

vue3 引入antDesign vue+antd

vue-antd form组件封装

antd vue 修改modal弹窗样式

antd vue select可选可清空