ICode9

精准搜索请尝试: 精确搜索
  • antd table分页居中显示(react)2021-09-17 10:32:22

    在最新版的antd中,.ant-table-pagination ** 是flex,.ant-table-pagination-right**设置的 justify-content: flex-end,所以分页默认在右边展示,如下: 我们想要分页居中,首先要把flex给成display: block; 然后在给 .ant-table-pagination-right设置居中 text-align: center; 上代

  • React开发(153):ant design自定义列2021-09-16 22:33:06

    <Row gutter={12}> <Col span={12}> <Form.Item label="省/市/区"> <Cascader fieldNames={fieldNames} options={options}

  • Ant design Vue a-date-picker实现年份选择2021-09-16 15:06:22

    https://www.antdv.com/docs/vue/faq-cn/   代码实现: 当前需要对组件a-date-picker进行改造,如下: html:   <a-date-pickermode="year"format="YYYY":value="state.time":open="state.isopen"placeholder="请选择年份"@focus="chan

  • Ant Design Vue 列内容columns中customRender 返回一个自定义组件的写法2021-09-14 20:06:07

    代码: element.customRender = (text, row, index) => { if (index === 0) { return { children: this.$createElement(MixSearch, { props: { name: 'purchaseProduct',

  • ant-design-vue tabs里嵌套表格table,点击切换tab导致表格自动变宽的坑2021-09-13 17:02:45

    ant-design-vue tabs里使用表格table,切换tab表格自动变宽,页面出现滚动条 给tabs加上 style="position: absolute; width: 100%  

  • error TS2304: Cannot find name ‘EventHandlerNonNull‘2021-09-13 12:57:49

    TS+ Ant Design Vue打包报错(error TS2304: Cannot find name 'EventHandlerNonNull')解决方案 报错详情解决方案(刚开始想改Ant Design Vue 发现用EventHandlerNonNull的地方有点多,放弃)再次执行编译 报错详情 报错如图所示: 查看了一下ts源码,发现4.2版本没有EventHandler

  • 本地编译Solr源码2021-09-12 13:59:38

    前言 最近在学习solr,需要查看源码,记录一下编译solr源码的整个过程; Solr源码下载地址 https://archive.apache.org/dist/lucene/solr/ 我这里用的是8.8.2版本的如下: 源码编译 相关描述 Lucene和Solr组合代码库,是通过Apache的Ant作为编译系统; Ant是一个基于Java的命令行工具; A

  • ant-design-vue 描述列表descriptions修改label与content样式2021-09-10 12:03:08

    a-descpritions-item上绑定class不生效,使用/deep /deep/.ant-descriptions-row > th { padding-bottom: 8px !important; width: 20% !important; } /deep/.ant-descriptions-row > td { padding-bottom: 8px !important; width: 30% !important; }

  • Nuxt(1),微信公众号前端开发教程2021-09-09 20:34:04

    Nuxt.js是一个 Vue.js 通用框架,预设了使用 Vue.js 开发服务端渲染的各种配置。项目中使用的是Universal (SSR) 模式,因此首屏是由服务端完成渲染。 项目仅用到少数的UI组件,因此我们希望使用按需加载组件,以减少网络开销。 1. 按需加载引入组件 项目通过npx create-nuxt-app

  • react ant ProTable批量选择表格数据记忆功能2021-09-07 22:00:28

    代码源码: https://github.com/shengbid/antdpro-demo/tree/main/src/pages/Table/selectTable 如图: 表格多选后,选择下一页,要保留之前选择的数据   代码 import React, { useState } from 'react' import type { ProColumns } from '@ant-design/pro-table' import ProTab

  • Jmeter+Ant+Jenkins搭建持续集成的接口测试框架2021-09-07 17:59:03

    一、Jmeter+ant 1、首先我们默认Jmeter脚本已经录制好了,并测试通过,存在(查询模块.jmx)脚本  2、将JMeter所在目录下extras子目录里的ant-JMeter-1.1.1.jar复制到Ant所在目录lib子目录之下,这样Ant运行时才能找到"org.programmerplanet.ant.taskdefs.jmeter.JMeterTask"这个类,从而

  • hybris搭建B2C站点2021-09-06 15:34:39

    1.解压hybris安装包,命令行切换到platform目录,依次运行如下命令:         setantenv.bat (linux: . ./setantenv.sh)         ant build 在运行ant build 过程中会选择开发模式还是生产模式,默认是开发模式,回车即可。 ant build命令运行完成后,会在bin同级目录下创建5

  • ant Design穿梭框Transfer采坑笔记2021-09-06 00:01:19

    最近有个需求需要使用穿梭框功能,看着antd都有现成组件,就毫不犹豫开发起来,结果采坑绕了一大圈才实现了想要的业务逻辑。 先来看看官方的demo: 官网链接直达:https://ant.design/components/transfer-cn/ 根据官方的基本用法,代码如下: <Transfer dataSource={mockData}

  • jmeter+ant+jenkins接口自动化测试框架 ,学完升职加薪没毛病!2021-09-05 22:03:49

    大致思路:Jmeter可以做接口测试,也能做压力测试,而且是开源软件;Ant是基于Java的构建工具,完成脚本执行并收集结果生成报告,可以跨平台,Jenkins是持续集成工具。将这三者结合起来可以搭建一套Web HTTP接口测试的持续构建环境,实现接口自动化测试,pc系统是Windows。   1、安装就jmeter 1.1

  • Ant design vue 表格设置defaultExpandAllRows无效2021-09-04 17:33:39

    问题 defaultExpandAllRows设置后只有第一次有效 解决方法 需要加个v-if="tableData.length>0" <a-table :columns="columns" :data-source="tableData" rowKey="clst_table_id" :pagination="fals

  • Ant Design Vue照片墙a-upload2021-09-03 18:32:22

    <template> <div class="clearfix"> {{ fileList }} <a-upload list-type="picture-card" v-model:file-list="fileList" @preview="handlePreview"

  • ant design input框设置只能输入正数2021-09-03 16:02:05

    <a-input type="number" v-model:value="formGroup.value" placeholder="请输入值" autocomplete="off" step="1" min="0" allowClear onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this

  • angular项目中修改nz-zorro组件库字体大小2021-09-03 11:31:32

    有时候我们开发时使用到的组件库,可能样式不是符合我们的需求,我试着从谷歌调试工具获取组件的类,给他设置样式,如下我设置tabset的样式 .ant-tabs-nav .ant-tabs-tab { font-family: PingFangSC-Medium; font-size:16px; color:#333333; } 上面样式并不生效,最后发现需要这么

  • ant.design-pro使用useModel传递全局数据2021-08-30 19:02:09

    antpro 的umi内置的useModel也可以实现全局数据流 示例图: 三个组件的数量可以共享   使用方法 在src目录下models文件夹,新建一个文件,文件名就是引入的数据对象 1.   2.   完整代码 /src/models/product.ts import { useState, useCallback } from 'react'

  • vue按需引入Ant Design View2021-08-30 10:01:48

      官网直通车——在 vue-cli 中使用 - Ant Design Vue (antdv.com) 我的低版本的古老vue-cli模板里修改如下        main.js里修改如下    效果如图  

  • git commit -m 时报错:ant-design-pro@1.0.0 lint-staged: `lint-staged`2021-08-28 12:35:01

    如题 ant-design-pro@1.0.0 lint-staged: `lint-staged` 解决方法: 找到webpack.json 或者 package.json 每个项目配置文件名不一样,可以尝试通过全项目搜索 npm run lint-staged 找到并且移除 "husky": { "hooks": { "pre-commit": "npm run lint-staged"

  • Ant Design Vue 单文件上传Upload2021-08-27 13:01:56

    单文件上传 <a-upload name="file" :beforeUpload="beforeUpload" :multiple="false" accept=".xls,.xlsx" :showUploadList="nofalse" class="select-file" :customRequest="customRequest" &g

  • ant table分页,保存所有勾选数据2021-08-25 15:33:18

    data() { return { mySelfData: [], mySelfData1: [] } } <a-table preserveSelectedRowKeys:true ref="firstMetaTableData" :rowKey="firstMetaTableData => firstMetaTableData.tableNa

  • Ant Design of Vue中table的列表中显示图片2021-08-24 23:04:29

        <img slot="cardimageslot" slot-scope="text" style="width:60px;height:62px;" :src="text" /> { title: '会员卡图片', align: 'center', dataIndex: 'card_image', scopedSlots: { custom

  • ant vue a-button配色方案2021-08-17 10:34:52

    转自:https://blog.csdn.net/wwmmddz/article/details/85702807/* 扩展ant design pro按钮组件颜色 */.button-color-dust { background-color: #F5222D; border-color: #F5222D; &:hover, &:focus { background-color: #ff4d4f; border-color: #ff4d4f; } &:a

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有