<template>
  <view class="container">
    <view class="top-box">
      <img class="img" src="@/static/mine/icon_mine_success.png" alt="" />
      <p class="top-text">提交成功</p>
    </view>

    <view class="content-box">
      <view class="content-item">
        <view class="item-l">店铺名称</view>
        <view class="item-r">yizhiyang的xxx</view>
      </view>
      <view class="content-item">
        <view class="item-l">店铺名称</view>
        <view class="item-r">yizhiyang的xxx</view>
      </view>
      <view class="content-item">
        <view class="item-l">店铺名称</view>
        <view class="item-r">yizhiyang的xxx</view>
      </view>
    </view>

    <button class="btn" @click="handlerSkipComplate">完成</button>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    // 点击跳转到开店详情页面
    handlerSkipComplate() {
      uni.redirectTo({
        url: '/pages/merchant/mine/openStore/openStoreAppealDetail',
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.container {
  .top-box {
    text-align: center;
    margin-top: 100rpx;
    .img {
      width: 200rpx;
      height: 200rpx;
    }
    .top-text {
      font-size: 40rpx;
      font-weight: bold;
      margin-top: 20rpx;
    }
  }

  .content-box {
    margin: 200rpx auto 50rpx;
    width: 80%;
    border-top: 2rpx solid #f3f3f3;
    border-bottom: 2rpx solid #f3f3f3;
    padding: 20rpx;
    .content-item {
      display: flex;
      justify-content: space-between;
      margin: 20rpx 0;
      font-size: 28rpx;
      .item-l {
        color: #000;
      }
      .item-r {
        color: #9a9a9a;
      }
    }
  }

  .btn {
    background-color: #5992bb !important;
    color: #fff;
    font-size: 32rpx;
    border-radius: 40rpx;
    margin-top: 100rpx;
    margin-bottom: 100rpx;
    width: 90%;
  }
}
</style>
s