Ant-design: `prefixCls` tidak diwarisi di beberapa komponen

Dibuat pada 9 Jun 2018  ·  4Komentar  ·  Sumber: ant-design/ant-design

Ini adalah masalah umum untuk melacak masalah prefixCls .

  • [] # 10017 Tag: prefixCls tidak diteruskan ke Ikon
  • [] # 10565 Modal: prefixCls tidak diteruskan ke Tombol
  • [x] # 12546 Modal.xxx: prefixCls tidak diteruskan ke mask
  • [] # 10042 Unggah - Dragger: Berikan prefixCls ke UploadList - Unggah
  • [] Transfer
  • [] # 12676 Popconfirm: prefixCls tidak diteruskan ke Button
Inactive IssueHuntFest help wanted
Sumber
picture yesmeck

Komentar yang paling membantu

Dari diskusi internal:

Kami akan memperkenalkan penyedia baru bernama ConfigProvider untuk konfigurasi prefixCls .

import { ConfigProvider, Button } from 'antd';

<ConfigProvider prefixCls="awesome-">
  <Button>A Button</Button>
</ConfigProvider

menghasilkan:

<button type="button" class="awesome-btn"><span>A Button</span></button>
picture yesmeck pada 17 Okt 2018
👍5

Semua 4 komentar

Saya yakin Input harus dimasukkan dalam daftar.

Saat menggunakan import 'antd/dist/antd.less' atau import 'antd/lib/input/style' ;

.ant-input-affix-wrapper .ant-input-prefix, .ant-input-affix-wrapper .ant-input-suffix {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0;
    color: rgba(0, 0, 0, 0.65);
}

Saat menggunakan import 'antd/dist/antd.css' akan memiliki awalan khusus browser

.ant-input-affix-wrapper .ant-input-prefix, .ant-input-affix-wrapper .ant-input-suffix {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 0;
    color: rgba(0, 0, 0, 0.65);
}
chungwong picture chungwong pada 26 Jul 2018

@chungwong Bukan masalah yang sama.

yesmeck picture yesmeck pada 12 Okt 2018

Dari diskusi internal:

Kami akan memperkenalkan penyedia baru bernama ConfigProvider untuk konfigurasi prefixCls .

import { ConfigProvider, Button } from 'antd';

<ConfigProvider prefixCls="awesome-">
  <Button>A Button</Button>
</ConfigProvider

menghasilkan:

<button type="button" class="awesome-btn"><span>A Button</span></button>
yesmeck picture yesmeck pada 17 Okt 2018
👍5

Ini diselesaikan melalui # 12991

afc163 picture afc163 pada 21 Feb 2019
Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

ericdai picture ericdai  ·  3Komentar
xtznhzxdev picture xtznhzxdev  ·  3Komentar
plandem picture plandem  ·  3Komentar
taikongfeizhu picture taikongfeizhu  ·  3Komentar
tianyacsdn picture tianyacsdn  ·  3Komentar