-
npm i hydee -S
-
Add
pages.json
easycom options below of this content.
"easycom": {
"^h-(.*)": "hydee/h-$1/h-$1.vue"
}
h-form
name | description | params |
---|---|---|
model | Initial of validate props collect | Object |
h-form-item
name | description | type | params |
---|---|---|---|
label | form-item display text in left | String | Weixin MiniProgram please add at least one space |
prop | valiate prop | String | - - |
label-width | The width of label | Number | -- |
labelStyle | custom config label stylesheet | Object | {height: 'auto'} - - |
h-input
name | description | type | params |
---|---|---|---|
value | bind of default prop of input value | String | - |
prefix-icon | show icon in prefix position | String | yonghu/mima/.etc |
clearable | show icon in end position | String | yonghu/mima/.etc |
Note:
Icon files loading by iconfont,you can custom build by yourself to replace @/components/hydee/styles/base.scss
Attention: when you load network assets of font or icon files,please add protocol https:// inaddtional.
@font-face {
font-family: 'h-icon'; /* Project id 2866670 */
src: url('https://at.alicdn.com/t/font_2866670_nsz8cv592md.woff2?t=1640056620429')
format('woff2'), url('https://at.alicdn.com/t/font_2866670_nsz8cv592md.woff?t=1640056620429')
format('woff'),
url('https://at.alicdn.com/t/font_2866670_nsz8cv592md.ttf?t=1640056620429')
format('truetype');
}
h-combox
name | description | type | params |
---|---|---|---|
candidates | basic select options build by yourself | Array | -- |
prefix-icon | show icon in prefix position | String | yonghu/mima/.etc |
suffix-icon | show icon in suffix position | String | yonghu/mima/.etc |
filterable | control of filter the options | Boolean | default: false |
disabled | control input enter and pointer-events | Boolean | default: false |
filterable | toggle dropdown mode of filter able | Boolean | default: false |
shape | basic show right angle or border radius | String | default: circle| |
emptyTips | text describe of empty options | String | No Match |
label | text of label option | String | --- |
labelWidth | text of label width option | String or Number | 100 |
prefixIcon | display prefix icon with static path | String | '../statac/test.svg' |
suffixIcon | display suffix icon with static path | String | '../statac/test.svg' |
customStyle | custom stylesheet | Object | {height: 'auto'} |
Note:
H-combox use componentName with h-input
to ignore boardcast validate events.
h-button
name | description | type | params |
---|---|---|---|
type | Initialize for basic button type | String | primary/default/.etc |
shape | The shape of the button display | String | square/circle |
loading | The async process status | Boolean | false |
accessType | category of weixin access type | String | phone/userinfo |
authCallback | emit accessType callback data | Event | -- |
h-config
name | description | type | params |
---|---|---|---|
configTitle | display of major info | String | -- |
configSubTitle | display other info | String | -- |
cardCollect | collect h-card display info | Array | -- |
hiddenToggle | control dispaly toggle icon | Boolean | -- |
@custom | the custom event about toggle icon | Event | -- |
@accept-item | Accept inside appid and weChatAppId | Event | -- |
slots | Provide owncard slots to build yourself list attribute |
slot | -- |
h-access
Attention: click.native
was nou-use when you set access type
name | description | type | params |
---|---|---|---|
accessTitle | display of major info | String | -- |
accessSubTitle | display other info | String | -- |
illustrations | the illustrations of center content | String | ../../static |
loading | async status of button | Boolean | |
navigateText | the navigator text of button copywirting | String | --- |
accessType | whether open options of get phone number or userinfo | String | userinfo/phone/none |
cancelLogin | whether open options of open un-login text | Boolean | -- |
@authCallback | use userinfo or phone access type to callback | Event | -- |
@cancelLogin | the event about cancelLogin options event | Event | -- |
@click | native click | Event | -- |
slots | Provide slot name custom to build your own button or other |
Event | -- |
h-status
name | description | type | params |
---|---|---|---|
navigateTitle | display of major info | String | -- |
navigationIcon | display status bar left icon | Boolean | -- |
@custom | custom event of click left icon | Event |
h-moveable
name | description | type | params |
---|---|---|---|
customStyle | set canvas style attribute | Object | -- |
iconPath | static path of png/svg | String | -- |
@custom | custom event of click left icon | Event |