Browse Source

docs(numberkeyboard): 样式修改

richard1015 3 years ago
parent
commit
586c813831

+ 42 - 42
src/packages/__VUE/numberkeyboard/doc.en-US.md

@@ -285,28 +285,28 @@ export default{
 ## API
 ### Props
 
-| Attribute | Description | Type | Default |
-|----- | ----- | ----- | ----- |
-| v-model:visible | Whether to show keyboard | boolean | `false` | 
-| v-model | 	Current value		 | string | - |
-| title | Keyboard title | string | - |
-| type | Keyboard type  can be set to `rightColumn`   | string | `default` |
-| random-keys | Whether to shuffle the order of keys  | boolean | `false` |
-| custom-key | Content of bottom left key  | string [] | `Array form supports adding up to two` |
-| maxlength  | Value maxlength,Use with v-model | number \| string| `6` |
-| confirm-text  | Custom done button text,Such as "pay", "next", "submit" | string | `done` |
-| teleport    | Specify the mount node  | string         | `"body"`      |
-| pop-class    | Custom bullet box classname     | string         | -             |
+| Attribute       | Description                                             | Type             | Default                                |
+|-----------------|---------------------------------------------------------|------------------|----------------------------------------|
+| v-model:visible | Whether to show keyboard                                | boolean          | `false`                                |
+| v-model         | Current value                                           | string           | -                                      |
+| title           | Keyboard title                                          | string           | -                                      |
+| type            | Keyboard type  can be set to `rightColumn`              | string           | `default`                              |
+| random-keys     | Whether to shuffle the order of keys                    | boolean          | `false`                                |
+| custom-key      | Content of bottom left key                              | string []        | `Array form supports adding up to two` |
+| maxlength       | Value maxlength,Use with v-model                       | number \| string | `6`                                    |
+| confirm-text    | Custom done button text,Such as "pay", "next", "submit" | string           | `done`                                 |
+| teleport        | Specify the mount node                                  | string           | `"body"`                               |
+| pop-class       | Custom bullet box classname                             | string           | -                                      |
 
 
 ### Events
 
-| Event | Description | Arguments
-|----- | ----- | -----
-| input  | Emitted when a key is pressed                 | key: string |
-| delete | 	Emitted when the delete key is pressed               | -             |
-| close  | Emitted when the close button or non-keyboard area is clicked is clicked  | -             |
-| blur  | 	Emitted when the close button is clicked or the keyboard is blurred  | -             |
+| Event  | Description                                                              | Arguments   |
+|--------|--------------------------------------------------------------------------|-------------|
+| input  | Emitted when a key is pressed                                            | key: string |
+| delete | Emitted when the delete key is pressed                                   | -           |
+| close  | Emitted when the close button or non-keyboard area is clicked is clicked | -           |
+| blur   | Emitted when the close button is clicked or the keyboard is blurred      | -           |
 
 ## Theming
 
@@ -314,28 +314,28 @@ export default{
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/component/configprovider).
 
-| Name | Default Value |
-| --------------------------------------- | -------------------------- |
-|  --nut-numberkeyboard-width| _100%_  |
-|  --nut-numberkeyboard-padding| _0_  |
-|  --nut-numberkeyboard-background-color| _#f2f3f5_  |
-|  --nut-numberkeyboard-header-height| _34px_  |
-|  --nut-numberkeyboard-header-padding| _6px 0 0 0_  |
-|  --nut-numberkeyboard-header-color| _#646566_  |
-|  --nut-numberkeyboard-header-font-size| _16px_  |
-|  --nut-numberkeyboard-header-close-padding| _0 16px_  |
-|  --nut-numberkeyboard-header-close-color| _#576b95_  |
-|  --nut-numberkeyboard-header-close-font-size| _14px_  |
-|  --nut-numberkeyboard-header-close-background-color| _transparent_  |
-|  --nut-numberkeyboard-key-background-color| _#fff_  |
-|  --nut-numberkeyboard-key-active-background-color| _#ebedf0_  |
-|  --nut-numberkeyboard-key-height| _48px_  |
-|  --nut-numberkeyboard-key-line-height| _1.5_  |
-|  --nut-numberkeyboard-key-border-radius| _8px_  |
-|  --nut-numberkeyboard-key-font-size| _28px_  |
-|  --nut-numberkeyboard-key-font-size-color| _#333_  |
-|  --nut-numberkeyboard-key-finish-font-size| _16px_  |
-|  --nut-numberkeyboard-key-finish-font-size-color| _#fff_  |
-|  --nut-numberkeyboard-key-finish-background-color| _#1989fa_  |
-|  --nut-numberkeyboard-key-activeFinsh-background-color| _#0570db_  |
+| Name                                                  | Default Value |
+|-------------------------------------------------------|---------------|
+| --nut-numberkeyboard-width                            | _100%_        |
+| --nut-numberkeyboard-padding                          | _0_           |
+| --nut-numberkeyboard-background-color                 | _#f2f3f5_     |
+| --nut-numberkeyboard-header-height                    | _34px_        |
+| --nut-numberkeyboard-header-padding                   | _6px 0 0 0_   |
+| --nut-numberkeyboard-header-color                     | _#646566_     |
+| --nut-numberkeyboard-header-font-size                 | _16px_        |
+| --nut-numberkeyboard-header-close-padding             | _0 16px_      |
+| --nut-numberkeyboard-header-close-color               | _#576b95_     |
+| --nut-numberkeyboard-header-close-font-size           | _14px_        |
+| --nut-numberkeyboard-header-close-background-color    | _transparent_ |
+| --nut-numberkeyboard-key-background-color             | _#fff_        |
+| --nut-numberkeyboard-key-active-background-color      | _#ebedf0_     |
+| --nut-numberkeyboard-key-height                       | _48px_        |
+| --nut-numberkeyboard-key-line-height                  | _1.5_         |
+| --nut-numberkeyboard-key-border-radius                | _8px_         |
+| --nut-numberkeyboard-key-font-size                    | _28px_        |
+| --nut-numberkeyboard-key-font-size-color              | _#333_        |
+| --nut-numberkeyboard-key-finish-font-size             | _16px_        |
+| --nut-numberkeyboard-key-finish-font-size-color       | _#fff_        |
+| --nut-numberkeyboard-key-finish-background-color      | _#1989fa_     |
+| --nut-numberkeyboard-key-activeFinsh-background-color | _#0570db_     |
 

+ 40 - 40
src/packages/__VUE/numberkeyboard/doc.md

@@ -285,27 +285,27 @@ export default{
 ## API
 ### Props
 
-| 参数 | 说明 | 类型 | 默认值 |
-|----- | ----- | ----- | ----- |
-| v-model:visible | 是否显示键盘 | boolean | `false` |
-| v-model | 当前输入值		 | string | - | 
-| title | 键盘标题 | string | - |
-| type | 键盘模式  | string | `default`:默认样式<br>`rightColumn`:带右侧栏 |
-| random-keys | 随机数  | boolean | `false` |
-| custom-key | 自定义键盘额外的键  | string [] | `数组形式最多支持添加2个,超出默认取前2项` |
-| maxlength  | 输入值最大长度,结合 v-model 使用 | number \| string| `6` |
-| confirm-text  | 自定义完成按钮文字,如"支付","下一步","提交"等 | string | `完成` |
-| pop-class    | 自定义弹框类名     | String         | -             |
+| 参数            | 说明                                             | 类型             | 默认值                                         |
+|-----------------|--------------------------------------------------|------------------|------------------------------------------------|
+| v-model:visible | 是否显示键盘                                     | boolean          | `false`                                        |
+| v-model         | 当前输入值                                       | string           | -                                              |
+| title           | 键盘标题                                         | string           | -                                              |
+| type            | 键盘模式                                         | string           | `default`:默认样式<br>`rightColumn`:带右侧栏 |
+| random-keys     | 随机数                                           | boolean          | `false`                                        |
+| custom-key      | 自定义键盘额外的键                               | string []        | `数组形式最多支持添加2个,超出默认取前2项`      |
+| maxlength       | 输入值最大长度,结合 v-model 使用                | number \| string | `6`                                            |
+| confirm-text    | 自定义完成按钮文字,如"支付","下一步","提交"等 | string           | `完成`                                         |
+| pop-class       | 自定义弹框类名                                   | string           | -                                              |
 
 
 ### Events
 
-| 事件名 | 说明 | 回调参数
-|----- | ----- | -----
+| 事件名 | 说明                           | 回调参数 |
+|--------|--------------------------------|----------|
 | input  | 点击按键时触发                 | 按键内容 |
-| delete | 点击删除键时触发               | -             |
-| close  | 点击关闭按钮时触发  | -             |
-| blur  | 	点击关闭按钮或非键盘区域时触发  | -             |
+| delete | 点击删除键时触发               | -        |
+| close  | 点击关闭按钮时触发             | -        |
+| blur   | 点击关闭按钮或非键盘区域时触发 | -        |
 
 
 ## 主题定制
@@ -314,28 +314,28 @@ export default{
 
 组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider 组件](#/zh-CN/component/configprovider)。
 
-| 名称                                    | 默认值                     |
-| --------------------------------------- | -------------------------- |
-|  --nut-numberkeyboard-width| _100%_  |
-|  --nut-numberkeyboard-padding| _0_  |
-|  --nut-numberkeyboard-background-color| _#f2f3f5_  |
-|  --nut-numberkeyboard-header-height| _34px_  |
-|  --nut-numberkeyboard-header-padding| _6px 0 0 0_  |
-|  --nut-numberkeyboard-header-color| _#646566_  |
-|  --nut-numberkeyboard-header-font-size| _16px_  |
-|  --nut-numberkeyboard-header-close-padding| _0 16px_  |
-|  --nut-numberkeyboard-header-close-color| _#576b95_  |
-|  --nut-numberkeyboard-header-close-font-size| _14px_  |
-|  --nut-numberkeyboard-header-close-background-color| _transparent_  |
-|  --nut-numberkeyboard-key-background-color| _#fff_  |
-|  --nut-numberkeyboard-key-active-background-color| _#ebedf0_  |
-|  --nut-numberkeyboard-key-height| _48px_  |
-|  --nut-numberkeyboard-key-line-height| _1.5_  |
-|  --nut-numberkeyboard-key-border-radius| _8px_  |
-|  --nut-numberkeyboard-key-font-size| _28px_  |
-|  --nut-numberkeyboard-key-font-size-color| _#333_  |
-|  --nut-numberkeyboard-key-finish-font-size| _16px_  |
-|  --nut-numberkeyboard-key-finish-font-size-color| _#fff_  |
-|  --nut-numberkeyboard-key-finish-background-color| _#1989fa_  |
-|  --nut-numberkeyboard-key-activeFinsh-background-color| _#0570db_  |
+| 名称                                                  | 默认值        |
+|-------------------------------------------------------|---------------|
+| --nut-numberkeyboard-width                            | _100%_        |
+| --nut-numberkeyboard-padding                          | _0_           |
+| --nut-numberkeyboard-background-color                 | _#f2f3f5_     |
+| --nut-numberkeyboard-header-height                    | _34px_        |
+| --nut-numberkeyboard-header-padding                   | _6px 0 0 0_   |
+| --nut-numberkeyboard-header-color                     | _#646566_     |
+| --nut-numberkeyboard-header-font-size                 | _16px_        |
+| --nut-numberkeyboard-header-close-padding             | _0 16px_      |
+| --nut-numberkeyboard-header-close-color               | _#576b95_     |
+| --nut-numberkeyboard-header-close-font-size           | _14px_        |
+| --nut-numberkeyboard-header-close-background-color    | _transparent_ |
+| --nut-numberkeyboard-key-background-color             | _#fff_        |
+| --nut-numberkeyboard-key-active-background-color      | _#ebedf0_     |
+| --nut-numberkeyboard-key-height                       | _48px_        |
+| --nut-numberkeyboard-key-line-height                  | _1.5_         |
+| --nut-numberkeyboard-key-border-radius                | _8px_         |
+| --nut-numberkeyboard-key-font-size                    | _28px_        |
+| --nut-numberkeyboard-key-font-size-color              | _#333_        |
+| --nut-numberkeyboard-key-finish-font-size             | _16px_        |
+| --nut-numberkeyboard-key-finish-font-size-color       | _#fff_        |
+| --nut-numberkeyboard-key-finish-background-color      | _#1989fa_     |
+| --nut-numberkeyboard-key-activeFinsh-background-color | _#0570db_     |
 

+ 40 - 40
src/packages/__VUE/numberkeyboard/doc.taro.md

@@ -275,27 +275,27 @@ export default{
 ## API
 ### Props
 
-| 参数 | 说明 | 类型 | 默认值 |
-|----- | ----- | ----- | ----- |
-| v-model:visible | 是否显示键盘 | boolean | `false` | 
-| v-model | 当前输入值		 | string | - |
-| title | 键盘标题 | string | - |
-| type | 键盘模式  | string | `default`:默认样式<br>`rightColumn`:带右侧栏 |
-| random-keys | 随机数  | boolean | `false` |
-| custom-key | 自定义键盘额外的键  | string [] | `数组形式最多支持添加2个,超出默认取前2项` |
-| overlay | 是否显示遮罩  | boolean| false |
-| maxlength  | 输入值最大长度,结合 v-model 使用 | number \| string| `6` |
-| confirm-text  | 自定义完成按钮文字,如"支付","下一步","提交"等 | string | `完成` |
-| pop-class    | 自定义弹框类名     | string         | -             |
+| 参数            | 说明                                             | 类型             | 默认值                                         |
+|-----------------|--------------------------------------------------|------------------|------------------------------------------------|
+| v-model:visible | 是否显示键盘                                     | boolean          | `false`                                        |
+| v-model         | 当前输入值                                       | string           | -                                              |
+| title           | 键盘标题                                         | string           | -                                              |
+| type            | 键盘模式                                         | string           | `default`:默认样式<br>`rightColumn`:带右侧栏 |
+| random-keys     | 随机数                                           | boolean          | `false`                                        |
+| custom-key      | 自定义键盘额外的键                               | string []        | `数组形式最多支持添加2个,超出默认取前2项`      |
+| overlay         | 是否显示遮罩                                     | boolean          | false                                          |
+| maxlength       | 输入值最大长度,结合 v-model 使用                | number \| string | `6`                                            |
+| confirm-text    | 自定义完成按钮文字,如"支付","下一步","提交"等 | string           | `完成`                                         |
+| pop-class       | 自定义弹框类名                                   | string           | -                                              |
 
 
 ### Events
 
-| 事件名 | 说明 | 回调参数
-|----- | ----- | -----
+| 事件名 | 说明                           | 回调参数 |
+|--------|--------------------------------|----------|
 | input  | 点击按键时触发                 | 按键内容 |
-| delete | 点击删除键时触发               | -             |
-| close  | 点击关闭按钮或非键盘区域时触发  | -             |
+| delete | 点击删除键时触发               | -        |
+| close  | 点击关闭按钮或非键盘区域时触发 | -        |
 
 
 ## 主题定制
@@ -304,27 +304,27 @@ export default{
 
 组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider 组件](#/zh-CN/component/configprovider)。
 
-| 名称                                    | 默认值                     |
-| --------------------------------------- | -------------------------- |
-|  --nut-numberkeyboard-width| _100%_  |
-|  --nut-numberkeyboard-padding| _0_  |
-|  --nut-numberkeyboard-background-color| _#f2f3f5_  |
-|  --nut-numberkeyboard-header-height| _34px_  |
-|  --nut-numberkeyboard-header-padding| _6px 0 0 0_  |
-|  --nut-numberkeyboard-header-color| _#646566_  |
-|  --nut-numberkeyboard-header-font-size| _16px_  |
-|  --nut-numberkeyboard-header-close-padding| _0 16px_  |
-|  --nut-numberkeyboard-header-close-color| _#576b95_  |
-|  --nut-numberkeyboard-header-close-font-size| _14px_  |
-|  --nut-numberkeyboard-header-close-background-color| _transparent_  |
-|  --nut-numberkeyboard-key-background-color| _#fff_  |
-|  --nut-numberkeyboard-key-active-background-color| _#ebedf0_  |
-|  --nut-numberkeyboard-key-height| _48px_  |
-|  --nut-numberkeyboard-key-line-height| _1.5_  |
-|  --nut-numberkeyboard-key-border-radius| _8px_  |
-|  --nut-numberkeyboard-key-font-size| _28px_  |
-|  --nut-numberkeyboard-key-font-size-color| _#333_  |
-|  --nut-numberkeyboard-key-finish-font-size| _16px_  |
-|  --nut-numberkeyboard-key-finish-font-size-color| _#fff_  |
-|  --nut-numberkeyboard-key-finish-background-color| _#1989fa_  |
-|  --nut-numberkeyboard-key-activeFinsh-background-color| _#0570db_  |
+| 名称                                                  | 默认值        |
+|-------------------------------------------------------|---------------|
+| --nut-numberkeyboard-width                            | _100%_        |
+| --nut-numberkeyboard-padding                          | _0_           |
+| --nut-numberkeyboard-background-color                 | _#f2f3f5_     |
+| --nut-numberkeyboard-header-height                    | _34px_        |
+| --nut-numberkeyboard-header-padding                   | _6px 0 0 0_   |
+| --nut-numberkeyboard-header-color                     | _#646566_     |
+| --nut-numberkeyboard-header-font-size                 | _16px_        |
+| --nut-numberkeyboard-header-close-padding             | _0 16px_      |
+| --nut-numberkeyboard-header-close-color               | _#576b95_     |
+| --nut-numberkeyboard-header-close-font-size           | _14px_        |
+| --nut-numberkeyboard-header-close-background-color    | _transparent_ |
+| --nut-numberkeyboard-key-background-color             | _#fff_        |
+| --nut-numberkeyboard-key-active-background-color      | _#ebedf0_     |
+| --nut-numberkeyboard-key-height                       | _48px_        |
+| --nut-numberkeyboard-key-line-height                  | _1.5_         |
+| --nut-numberkeyboard-key-border-radius                | _8px_         |
+| --nut-numberkeyboard-key-font-size                    | _28px_        |
+| --nut-numberkeyboard-key-font-size-color              | _#333_        |
+| --nut-numberkeyboard-key-finish-font-size             | _16px_        |
+| --nut-numberkeyboard-key-finish-font-size-color       | _#fff_        |
+| --nut-numberkeyboard-key-finish-background-color      | _#1989fa_     |
+| --nut-numberkeyboard-key-activeFinsh-background-color | _#0570db_     |