vue2cli3ts v0.5.3

jeeweb 组件库的使用

使用与安装 vue2.0 使用

安装：
npm i v-jeejioeh5

使用：全局挂载
import vjeejio  from 'jeejioeh5'
import 'jeejioeh5/lib/jeejioeh5.css'

Vue.use(vjeejio)

#组件的用法说明

1.checkbox 示例

  <Checkbox @jeeChange="jeeChange" :jeeValue="jeeValue" ></Checkbox>

属性

事件

2.button 示例

<Button :jeebg="jeebg" @jeeClick="jeeClick">按钮</Button>

...

data(){
  jeebg:"#333"
}
...

属性

事件

3.loading 示例

<Loading :loading="loading"></Loading>

...

data(){

  loading:{
    loadingShow:false,
    loadingTextShow:true,
    loadingText:'自定义提示语内容'
  }

}
...

属性

事件

4.Drawer 示例

<Drawer :drawer="drawer"></Drawer>
...
data(){
  drawer:{
    jeeType:'bottom',  
    jeeSize:"6rem",
    jeeIsHide:false,  
    jeeBgOpacity:"rgba(0,0,0,.2)"
    jeeBackCallback:()=>{}
  }
}
...

属性

事件

slot

<Drawer :drawer="drawer">
  <slot><slot>
</Drawer>

5.Drawer 示例

<Drawer :drawer="drawer"></Drawer>
...
data(){
  return {
        popup:{
          tipsTime:3,
          tipsIsShow:true,
          tipsTimeShow:true,
          tipsText:"提示语",
          tipsBackShow:true,
          tipsTop:"50px",
          jeeBg:"green",
          jeeColor:"#ff9",
          tipsImgShow:true,
          tipsOffImg:"url"
          tipsImg:"url",
      }
  }
}
...

属性

事件

slot

<Drawer :drawer="drawer">
  <slot><slot>
</Drawer>

6.navigation 示例

 <Navigation :navigation='navigation'></Navigation>
...
data(){
  return {
        navigation:{
            navigationHeight: "0.8rem",            
            navigationBg:"#fff",                    
            navigationTitle:"文案内容",      
            navigationTitleColor:"#333",           
            navigationTitlefontSize:"0.3rem",     
            navigationLeftBack: require('./iconimg/fanhui.png') ,  
            navigationBtnIsHide:false,              
            navigationRight: "刷新",                
            callbackNavigationBack:()=>{},         
            callbackNavigationBtn:()=>{},         
      }
  }
}
...

属性

事件

slot

 <Navigation :navigation='navigation'>
    <div slot="right">自定义右边</div>
 </Navigation>