<template>
  <YohoActionSheet ref="actionSheet" :full="true" :mask="false">
    <ArticleDetail ref="detail" @on-close="onClose"></ArticleDetail>
  </YohoActionSheet>
</template>


<script>

import ArticleDetail from './article-detail';

export default {
  name: 'ArticleActionSheetPage',
  components: {
    ArticleDetail
  },
  data() {
    return {};
  },
  methods: {
    async show(params) {
      this.$refs.actionSheet.show();
      setTimeout(() => {
        this.$refs.detail.fetch(params);
      }, 100);
    },
    hide() {
      this.$refs.actionSheet.hide();
    },
    onClose() {
      this.hide();
    }
  }
};
</script>


<style scoped lang="scss">
.content {
  width: 100%;
  height: 100vh;
  background-color: white;
}
</style>