idou-component

idou组件的使用
1,142
Install
npm install idou-component
Latest Version:0.2.43
Vue:2
Last Updated:Jan 29, 2021
Links: npm

idou-component

idou组件的使用

引入

 npm i idou-component -S 

注册

<template>
  <div>
    <idou-car-info 
      :areas="areas"
      @update="updateCarInfo"
      theme-color="green"
      :data="carInfo"
    >
    
    </idou-car-info>
    </div>
</template>

import { address, ocr, carInfo, loading } from 'idou-component'

export default {
  components: {
    [carInfo.name]: carInfo
  }

}

carInfo组件参数

参数名 参数说明 是否必须
areas 省市区 [Array] 是
theme-color 主题色默认值green [Sting] 否
orc-icon OCR iconfont 号 [String] 是
isSupportBusinessCarFn [Function] callback '0' => 否
data 车辆数据默认值{areaCode: '',licensePrefix: '',areaName: '',licenseNo: '',carOwner: '',businessCar: '0'}[Object] 否
@update 接收车辆修改后的数据 [Object] 是
@changeArea 修改地址的数据 [Object]{ areaCode, areaName } 是

carInfo组件插槽

名称 参数说明 是否必须
icon ocr的图标,支持自定义 -

loading组件参数

参数名 参数说明 是否必须
v-model 是否显示 是
size 大小 默认24px 否
color 主题色默认值 rgb(25, 137, 250) [Sting] 否

address组件参数

参数名 参数说明 是否必须
v-model 是否显示 是
areas 省市区 [Array] 否
@changeArea 修改后的地址[{省}, {市}, {区}] 是

ocr组件参数

参数名 参数说明 是否必须
v-model 是否显示 是
themeColor 主题色 否
@update 修改后的数据 是
  // 获取是否支持企业车
methods: {
  isSupportBusinessCarFn(callback) {
    /**
    * 参数
    * params = {
        payload: {
          cmd: "QueryCompanyCarmInfo",
          area_Code, //省市区编码
          channel,
          sourceCode,
          account,
          appid,
        },
        account,
        appid,

      }
    */

    axios.post('/mobile/basic', qs.stringify({ req: params }),).then(res => {
      callback('---参数---1 或者 0')
    })
  }
}


Version History

Version Released Vue License
0.2.43 ^2.6.11
0.2.42 ^2.6.11
0.2.41 ^2.6.11
0.2.40 ^2.6.11
0.2.39 ^2.6.11
Pre-releases (1)
Version Released Vue License
0.1.1-0 ^2.6.11