city-table

how to use （vue3.0）

yarn add @banyinbanying/city-table or npm i @banyinbanying/city-table 

how to use （vue2.0）

yarn add @banyinbanying/[email protected] or npm i @banyinbanying/[email protected]

then you add this two line in vue main.js

import CityTable from "@banyinbanying/[email protected]"
Vue.use(CityTable);
////vue3.0
import CityTable from "@banyinbanying/city-table"
const app = createApp(App);
app.use(CityTable);
app.mount("#app");

after you can use it in component like this

<template>
  <div id="app">
    <cityTable></cityTable>
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

<style></style>

the code and the demo in github

github.

示例图片

Props

The component provides the following variables

| Name | Type | Default Value | Description | | ---------- | ------ | ------------- | ----------- | | data | Array | tree | - | | padding | Number | 5px | - | | fontSize | String | 14px | - | | theadColor | String | #777777 | - | | tbodyColor | String | #999999 | - |

Matching selection components（Multiple-city-react）示范图片

the code and the demo of Multiple-city-react

github.