<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/tabbar/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: 40rpx;
      width: 95%;
    }
  }
</style>s
