<template>
  <uv-popup ref="popup" round="20" :safeAreaInsetBottom="false">
    <view class="not-done-container" style="padding:0 100rpx;">
      <view class="not-done-icon">
        <u-image mode="widthFix" height="400" width="400" :src="staticImage.popIcon"></u-image>
      </view>
      <view class="not-done-title" style="margin-bottom:74rpx;">
        <u-text :text="content" align="center" color="#020B18" size="28"></u-text>
      </view>
      <view class="not-done-btn" style="margin-bottom:60rpx;">
        <u-button
            text="确定"
            color="#FF9545"
            shape="circle"
            custom-style="color:#020B18;font-size:36rpx;height:80rpx;max-width:320rpx;"
            @click="this.$refs.popup.close();"
        ></u-button>
      </view>
    </view>
  </uv-popup>
</template>

<script>
	import { imghost } from '@/config/host.js'
	export default{
		name:'NxrPop',
		props:{
			content:{
        type:String,
        default:'这里什么也没有~'
      },

		},
		data() {
			return {
				loading: true,
				staticImage:{
          popIcon: imghost + '/not-done-icon.png',
				}
			}
		},
		onLoad() {
		
		},
		methods: {
      openPop(){
        this.$refs.popup.open();
      },
      closePop(){
        this.$refs.popup.close();
      },
		}
	}
</script>

<style lang="scss">
	@import './components/index.scss';
</style>