transfer

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference

Transfer

介绍

参数

| 参数名 | 类型 | 说明 | | ------------ | ----- | ---- | | transferData | Array | |

数据格式

  [{
          title: '基本面·优选',
          data: [
            {
              name: '顶级机构持股优选',
              id: 80034,
              disabled: true
            },
            {
              name: '行业明星优选',
              id: 80035
            }
          ]
        },
        {
          title: '基本面初选',
          data: [
            {
              name: '高成长',
              id: 80019
            },
            {
              name: '高分红',
              id: 80020,
              disabled: true
            },
            {
              name: '高盈利',
              id: 80021
            },
            {
              name: '增持回购',
              id: 80022
            },
            {
              name: '低市盈率',
              id: 80043
            }
          ]
        }]

示例

<template>
  <div>
    <transfer :data="transferData"></transfer>
  </div>
</template>

Province

介绍

参数

| 参数名 | 类型 | 说明 | | -------- | ----- | ---------- | | cityData | Array | 省市区数据 |

事件

| 事件名 | 说明 | | ------------ | ----------------------------------------- | | handleChange | 选择区后的回调函数，包括你选择的省市区 id |

数据格式

cityData: [
  {
    code: 1,
    name: '北京市',
    children: [
      {
        code: 2,
        name: '北京市',
        children: [
          {
            code: 3,
            name: '北京市',
          },
        ],
      },
    ],
  },
],

示例

<template>
  <div>
    <province :cityData="cityData" @handleChange="handleChange"></province>
  </div>
</template>

TreeMenu

介绍

参数

| 参数名 | 类型 | 说明 | | -------- | ----- | -------- | | treeData | Array | 树形数据 |

数据格式

treeData: [
   {
    id: '1',
    title: '菜单1'
  },
  {
    id: '2',
    title: '菜单2',
    children: [
      {
        id: '21',
        title: '菜单21'
      },
      {
        id: '22',
        title: '菜单22'
      },
      {
        id: '23',
        title: '菜单23',
        children: [
          {
            id: '231',
            title: '菜单231'
          },
          {
            id: '232',
            title: '菜单232'
          },
          {
            id: '233',
            title: '菜单233'
          },
          {
            id: '234',
            title: '菜单234',
            children: [
              { id: '2341', title: '菜单2341' },
              { id: '2342', title: '菜单2342' },
              { id: '2343', title: '菜单2343' },
              { id: '2344', title: '菜单2344' },
              { id: '2345', title: '菜单2345' }
            ]
          }
        ]
      },
      {
        id: '24',
        title: '菜单24'
      }
    ]
  },
  {
    id: '3',
    title: '菜单3'
  },
  {
    id: '4',
    title: '菜单4'
  }
	]

示例

<template>
  <div>
    <tree-menu :treeData="treeData"></tree-menu>
  </div>
</template>

<script>

Stars

介绍

参数

| 参数名 | 类型 | 说明 | | ------ | ------ | -------- | | count | Number | 星星数量 |

事件

| 事件名 | 说明 | | ---------- | ------------ | | getStarNum | 获取星星数量 |

示例

<template>
  <div>
    <stars :count="3" @getStarNum="getStarNum"></stars>
  </div>
</template>