模态框不显示

[bay1ts]

将模态框demo复制到项目后，点击按钮，代码里会有模态框，但是不会显示。请问有什么需要注意的地方吗

[myliang]

代码贴出来我看看

[bay1ts]

test.txt

[myliang]

<template>
  <div>
    <fish-button @click="showModalFunc">show Modal</fish-button>
    <fish-modal title="Welcome.." :visible.sync="showModal">
      <fish-form>
        <fish-fields>
          <fish-field label="First Name" span="eight">
            <fish-input></fish-input>
          </fish-field>
          <fish-field label="Last Name" span="eight">
            <fish-input></fish-input>
          </fish-field>
        </fish-fields>
        <fish-field label="Username" inline>
          <fish-input></fish-input>
        </fish-field>
        <fish-field label="Password">
          <fish-input type="password"></fish-input>
        </fish-field>
        <fish-field>
          <fish-checkbox index="0">I agree to the terms and conditions</fish-checkbox>
        </fish-field>
        <fish-button type="primary" @click="showModal = false">Submit</fish-button>
      </fish-form>
    </fish-modal>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        showModal: false
      }
    },
    methods: {
      showModalFunc () {
        this.showModal = true
      }
    }
  }
</script>

[bay1ts]

依旧不显示。请问其他地方需要为modal配置吗？

[myliang]

import Vue from 'vue'
import FishUI from 'fish-ui'

Vue.use(FishUI)