首页 > TAG信息列表 > antdesign

antdesign vue中写了样式不加载的解决方法

在vue组件里,lang设置为less,在style设置为scoped的时候 ,在写样式有时候对子组件不生效。如果想让某些样式对子组件生效,可以使用 /deep/ 深度选择器。 代码: /deep/.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-m

antdesign table中使用upload传行信息

<a-table :columns="columns1" :data-source="data" class="components-table-demo-nested" > <span slot="action" slot-scope="record"> <a-upload

jeecgboot-vue3-AntDesign笔记(十四)——异步调用后端

错误操作 handler function onDeleteRow(props) { console.log("on delete one row",props.row.id); deleteOne({"id":props.row.id}); console.log("delete succ."); loadData();//加载删除后的数据 } api expo

jeecgboot-vue3-AntDesign笔记(十五)——页面水印

应用效果 操作步骤 引入 import { useWatermark } from '/@/hooks/web/useWatermark'; 解构,获取变量 const { setWatermark, clear } = useWatermark(); 页面加载后添加水印 setWatermark('水印内容')

antDesign组件中日期选择器设置只可选某一时间段

最近从element组件库换成了ant-design-vue组件库,碰到一个需求,设置一个补卡的日期选择器,只能选择前一个月以内的日期 我就看到了 <a-date-picker format="YYYY-MM-DD" :disabled-date="disabledDate" /> 的disableDate属性,设置不可选日期。 我就写了这样一段代码,设置了一个不

♣ AntDesign组件库

AntDesign组件库 AntDesign的介绍 AntDesign ,简称 antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。中后台的产品 属于工具性产品,很多优秀的设计团队通过自身的探索和积累,形成了自己的设计体系。 AntDesign的特点: 提炼自企业级中后台产品的交互

日常记录之antDesign使用DatePicker组件(2)

昨天跟大家分享了在antd官网如何使用DatePicker组件并且选择效果为周的方法,今天再跟大家分享一下如何去除DatePicker选择周的时候去掉最左边的周的那一列。 效果图如下: 对比原来的图: 今天一上班,leader就让我把左边标红的列去掉,遇到这个需求后,我就去官网看了有没有能够直接符

AntDesign Pro connect

前言: 这是我在学习的时候遇到了这块的内容, 有些可能理解不到位, 还请指出 dva 提供了 connect 方法。如果你熟悉 redux,这个 connect 就是 react-redux 的 connect 。 Connect传递Model中的数据给router 比如model中定义的login.js 定义了state数据,那么在router组件中怎么获

antdesign vue——table

给表格特定行设置高亮背景色 a-table标签设置属性 :rowClassName=“setRowbg”定义methods方法setRowbg定义样式 .bg-pink <a-table :columns="columns" :rowClassName="setRowbg" :data-source="loadData" bordered :scroll=&q

React AntDesign Table 动态合并单元格(大量数据有分页时也有效)

项目场景: 老板要求有相同数据时,那一列就需要合并起来,还能怎么办,硬着 ‘头’ 去实现吧 问题描述: 看了 Ant design官方文档 的旁友可以了解到 单元格 有一个属性 rowSpan, 它的value是数字,数字越大,渲染占据的行数越多,为0时那一个单元格不会渲染,可以看看下方这个不严谨的图 由

antdesign select可输入可选择

<a-form-item label="订单号"> <a-select :disabled="model && model.confirmOrder" show-search v-decorator="['orderNo']" plac

AntDesign of React 之 rowkey 问题

属性冲突会报错: 用父级的id拼接到子级的id上 const {onLoadProductListData} = this.props onLoadProductListData(1,(res)=>{ res.payload.forEach(event=>{ event.eventAttribute.forEach(attr=>{ attr.id = `${event.id}_${attr.id}` })

SpringBoot+Vue+AntDesign搭建的前后端分离后台管理系统

项目介绍 JavaWeb_Ant_Pro 是基于 SpringBoot2+Vue+AntDesign+Shiro+MybatisPlus 研发的权限(RBAC)及内容管理系统,致力于做更简洁的后台管理框架,包含系统管理、代码生成、权限管理、站点、广告、布局、字段、配置等一系列常用的模块,整套系统一键生成所有模块(包括前端UI),一键实现C

ThinkPhp6.x+Vue+AntDesign低代码后台管理系统源码

项目介绍 基于 ThinkPhp6.x+AntDesign+Vue 开发的权限架构及内容管理框架,采用全新的前端UI框架,支持多主题切换,前端UI框架完全适配手机端、PAD终端以及PC电脑终端,框架内置完整的权限架构体系以及常规基础模块:用户管理、角色管理、菜单管理、职级管理、岗位管理、部门管理、系统日

基于ThinkPhp6.x+Vue+AntDesign低代码开发平台

项目介绍 基于 ThinkPhp6.x+AntDesign+Vue 开发的权限架构及内容管理框架,采用全新的前端UI框架,支持多主题切换,前端UI框架完全适配手机端、PAD终端以及PC电脑终端,框架内置完整的权限架构体系以及常规基础模块:用户管理、角色管理、菜单管理、职级管理、岗位管理、部门管理、系统日

基于ThinkPhp6+Vue+AntDesign的权限后台管理系统

项目介绍 基于 ThinkPhp6.x+AntDesign+Vue 开发的权限架构及内容管理框架,采用全新的前端UI框架,支持多主题切换,前端UI框架完全适配手机端、PAD终端以及PC电脑终端,框架内置完整的权限架构体系以及常规基础模块:用户管理、角色管理、菜单管理、职级管理、岗位管理、部门管理、系统日

Laravel8.x+AntDesign+Vue毕业设计后台管理系统

项目介绍 基于 Laravel8.x+AntDesign+Vue 开发的权限架构及内容管理框架,采用全新的前端UI框架,支持多主题切换,前端UI框架完全适配手机端、PAD终端以及PC电脑终端,框架内置完整的权限架构体系以及常规基础模块:用户管理、角色管理、菜单管理、职级管理、岗位管理、部门管理、系统日

AntDesign Vue 后台管理系统脚手架

项目介绍 基于 Laravel8.x+AntDesign+Vue 开发的权限架构及内容管理框架,采用全新的前端UI框架,支持多主题切换,前端UI框架完全适配手机端、PAD终端以及PC电脑终端,框架内置完整的权限架构体系以及常规基础模块:用户管理、角色管理、菜单管理、职级管理、岗位管理、部门管理、系统日

推荐Laravel8.x+Vue+AntDesign经典前后端分离后台系统脚手架

项目介绍 基于 Laravel8.x+AntDesign+Vue 开发的权限架构及内容管理框架,采用全新的前端UI框架,支持多主题切换,前端UI框架完全适配手机端、PAD终端以及PC电脑终端,框架内置完整的权限架构体系以及常规基础模块:用户管理、角色管理、菜单管理、职级管理、岗位管理、部门管理、系统日

基于Laravel8.x + Vue + AntDesign 搭建CMS后台管理系统

项目介绍 基于 Laravel8.x+AntDesign+Vue 开发的权限架构及内容管理框架,采用全新的前端UI框架,支持多主题切换,前端UI框架完全适配手机端、PAD终端以及PC电脑终端,框架内置完整的权限架构体系以及常规基础模块:用户管理、角色管理、菜单管理、职级管理、岗位管理、部门管理、系统日

React antdesign 修改表格Tbale的样式

React antdesign 修改表格Tbale的样式 { title: '来源', dataIndex: 'ORIGIN_TYPE', className:`${BaseStyles.textR3}`, }, className属性可修改Tbale表格的属性样式代码: .textR3{ color : #ff1517 }

vue+antDesign 多个select下拉组件实现已选择项不可用(置灰)

vue+antDesign 多个select下拉组件实现已选择项不可用(置灰) data data() { return {     languages: [ {language: 'zh', title: '中文'}, {language: 'en', title: '英文'}, {language: 'ja', title: '日文&

react antDesign hook 大数据表格虚拟滚动

业务使用 // 使用虚拟列表 const virtualComponents = useVirtualTable({ height: 350 // 设置可视高度 }) const components = useMemo(() => { return { body: { wrapper: virtualComponents.body.wrapper }, table: virtualCompone

React组件库AntDesign的安装与使用

对使用React框架开发的项目来说,选择一款适合自己的UI库极为重要,antd就是一个不错的选择。antd是基于Ant Design设计体系的React UI组件库,主要用于企业级中后台产品。 是一款开箱即用的高质量React组件库。支持目前几乎所有的浏览器(支持IE11及以上),而且还支持Electron桌面程序开发。