Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Better to combine with webpack

License

NotificationsYou must be signed in to change notification settings

iview/iview-loader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

iView Loader

Brief Introduction

Uniform iView tag writing specification, all tags can be used in the form of capital letters, including two tagsSwitch andCircle that are restricted by Vue.

Although not recommended, you can use the loader option configuration to open all tag prefixes, such asi-date-picker.

Usage

Install

First, install iview-loader through npm

npm install iview-loader --save-dev

Setting

Configure webpack to rewrite the normal vue-loader configuration, such as:

module:{rules:[{test:/\.vue$/,use:[{loader:'vue-loader',options:{}},{loader:'iview-loader',options:{prefix:false}}]}]}

Illustrate

  • You can write<Switch> and<Circle> tags now.
  • After the parameterprefix is set totrue, all iView component tag names can be prefixed, such as<i-row> and<i-select>.

The following is the complete tag name:

{'i-affix':'Affix','i-alert':'Alert','i-auto-complete':'AutoComplete','i-avatar':'Avatar','i-back-top':'BackTop','i-badge':'Badge','i-breadcrumb':'Breadcrumb','i-breadcrumb-item':'BreadcrumbItem','i-button':'Button','i-button-group':'ButtonGroup','i-card':'Card','i-carousel':'Carousel','i-carousel-item':'CarouselItem','i-cascader':'Cascader','i-checkbox':'Checkbox','i-checkbox-group':'CheckboxGroup','i-circle':'i-circle','i-col':'Col','i-collapse':'Collapse','i-color-picker':'ColorPicker','i-date-picker':'DatePicker','i-dropdown':'Dropdown','i-dropdown-item':'DropdownItem','i-dropdown-menu':'DropdownMenu','i-form':'Form','i-form-item':'FormItem','i-icon':'Icon','i-input':'Input','i-input-number':'InputNumber','i-menu':'Menu','i-menu-group':'MenuGroup','i-menu-item':'MenuItem','i-submenu':'Submenu','i-modal':'Modal','i-option':'Option','i-option-group':'OptionGroup','i-page':'Page','i-panel':'Panel','i-poptip':'Poptip','i-progress':'Progress','i-radio':'Radio','i-radio-group':'RadioGroup','i-rate':'Rate','i-row':'Row','i-select':'Select','i-slider':'Slider','i-spin':'Spin','i-step':'Step','i-steps':'Steps','i-switch':'i-switch','i-table':'Table','i-tabs':'Tabs','i-tab-pane':'TabPane','i-tag':'Tag','i-timeline':'Timeline','i-timeline-item':'TimelineItem','i-time-picker':'TimePicker','i-tooltip':'Tooltip','i-transfer':'Transfer','i-tree':'Tree','i-upload':'Upload'}

About

Better to combine with webpack

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors3

  •  
  •  
  •  

[8]ページ先頭

©2009-2025 Movatter.jp