使用说明

# 套件调用示例

  • 示例代码:
<template>
  <div class="app-wrapper">
    <dofCalendarPopup 
        :show="showCalendar" 
        :isDiablo="isDiablo" 
        :currentDate="new Date()" 
        @handleClose="handleCalendarClose">
    </dofCalendarPopup>
  </div>
</template>
<script>
import { dofCalendarPopup } from 'dolphin-weex-bc'
export default {
  components: {
    dofCalendarPopup
  },
   data() {
    return {
        showCalendar: true,
        isDiablo: false,
        currentDate: new Date()
    }
  },
}
</script>
<style scoped>
.app-wrapper {
  flex: 1;
  background-color: #f9f9f9;
}
</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

# 属性(data)

Prop Type Required Default Description
show Boolean Y false 是否展示弹窗
isDiablo Boolean Y false 是否暗黑模式
currentDate Date N new Date() 传入的时间,默认为当前时间

# Events

事件名称 说明 回调参数
handleClose 关闭弹窗回调,需要用户手动设置show为false e
Last Updated: 12/16/2025, 11:09:40 AM