<style lang="less" scoped>
.meet-popup {
    position: relative;
    height: 634rpx;
    width: 622rpx;
    text-align: center;
    .meet_head_bg {
        width: 100%;
        height: 360rpx;
    }

    .meet_body {
        .meet_body_text {
            font-family: PingFang SC;
            font-size: 28rpx;
            font-weight: 400;
            line-height: 44rpx;
            color: #8b949e;
        }
    }
    .meet_content {
        padding-bottom: 16rpx;
        .meet-title {
            font-family: PingFang SC;
            font-size: 36rpx;
            font-weight: 600;
            line-height: 56rpx;
            color: #8b949e;
            .name {
                color: #1b2129;
                margin-left: 14rpx;
                margin-right: 14rpx;
            }
        }
    }

    .meet_dis {
        position: absolute;
        bottom: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 96rpx;
        width: 100%;
        border-top: 1rpx solid #e8ecf0;
        .meet_dis_btn {
            font-family: PingFang SC;
            font-size: 32rpx;
            font-weight: 400;
            line-height: 48rpx;
            color: #1db1b2;
        }
    }
}
</style>

<template>
    <div
        class="meet-popup"
    >
        <div class="meet_head_bg">
            <image src="{{ h5StaticPath }}{{ sceneDetail.img }}"/>
        </div>
        <div class="meet_content">
            <span class="meet-title">切换至<span class="name">{{sceneDetail.name}}</span>场景</span>
        </div>
        <div class="meet_body">
            <div
                class="meet_body_text"
                v-for="(item,idx) in sceneDetail.textObj"
                :key="idx"
            >
                <span>{{item.text}}</span>
            </div>
        </div>
        <div
            class="meet_dis"
            @click.stop="hideScene"
        >
            <span class="meet_dis_btn">知道了</span>
        </div>
    </div>
</template>
<script>
import wepy from '@wepy/core'
import config from '@/config'

wepy.component({
  props: {
    sceneDetail: Object
  },
  data: {
    h5StaticPath: config.h5StaticPath + '/page-officehome/'
  },
  watch: {
    sceneDetail: {
      handler(val) {},
      immediate: true
    }
  },
  methods: {
    hideScene() {
      this.$emit('close-scene-show', false)
    }
  }

})
</script>
