<template>
  <div class="AppGreatPowerIntegral">
    <u-button type="primary" class="" @click="show = true" >按钮</u-button>

    <!-- 弹框 -->
    <u-popup v-model="show" mode="center" :closeable="false"> 
			<div class="dialog">
        <u-input v-model="value" :type="number" :border="true" />

        <div style="display: flex;">
          <u-button type="primary" >取消</u-button>
          <u-button type="primary" >确认</u-button>
        </div>
      </div>
		</u-popup>
  </div>
</template>

<script>
export default {
  name: 'AppGreatPowerIntegral',
  appName: '强国积分',
  data() {
    return {
      show: false,
      value: '',
    }
  },
  onShow() {},
  methods: {}
}
</script>

<style lang="scss" scoped>
.AppGreatPowerIntegral {



  .dialog {
    padding: 30px;
    box-sizing: border-box;
  }
}
</style>