jjzhk-utility-component

1.TapGroup

一个支持单选和多选的tag group

1.1.用法

import {TagGroup} from "jjzhk-utility-component";
<tag-group v-model:select="ruleForm.taste" :type="'warning'" :items="TasteItems" />

1.2.参数介绍

type primary, warning, danger, success, info multiple 是否多选 TasteItems

const TasteItems = ref([
  {
    name : "原味",
    key : "1"
  },
  {
    name : "奶油",
    key : "2"
  },
  {
    name : "炭烧",
    key : "3"
  },
  {
    name : "咸香",
    key : "4"
  }
])

v-model:select 返回选择的key列表

2.ImageZoom

图片放大器

2.1.用法

import { ImageZoom } from "jjzhk-utility-component";
<image-zoom :sourceImg="sourceImg" />

2.2.参数介绍

sourceImg

const sourceImg = ref([
  {
    index : 1,
    big : "/src/assets/img/detail/01_mid.jpg",
    small : "/src/assets/img/detail/01_small.jpg"
  },
  {
    index : 2,
    big : "/src/assets/img/detail/02_mid.jpg",
    small : "/src/assets/img/detail/02_small.jpg"
  },
  {
    index : 3,
    big : "/src/assets/img/detail/03_mid.jpg",
    small : "/src/assets/img/detail/03_small.jpg"
  }
])