<template>
  <view class="main">
    <image
      src="@/static/image/payError.png"
      mode="scaleToFill"
      style="width:218rpx;height:54rpx;margin-top:150rpx"
    />
    <view style="width:280rpx">
      <u-button color="#EB5F5F" text="返回支付界面" shape="circle" @click="backPay"></u-button>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    backPay() {
      uni.navigateBack({ delta: 2 });
    }
  }
};
</script>

<style lang="scss" scoped>
.main {
  background: url("https://cdns.fontree.cn/fonchain-main/prod/image/407e7c22-eb62-411e-957b-b6c296fde530/artwork/31c15772-209f-4bf5-bad8-4956a1438a3a.png");
  height: 100vh;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 32rpx;
  flex-direction: column;
}
</style>