<template>
  <view class="container">
    <Header title="我的店铺"></Header>

    <view class="content">
      <!-- 列表 -->
      <view class="listcon">
        <view class="pubList">
          <!-- 列表头部 -->
          <view class="titlecon">
            <span>标题标题</span>
            <span>未通过</span>
          </view>
          <!-- 列表详细 -->
          <view class="delbox">
            <view class="listPic">
              <img
                src="https://www.gywb.cn/upload/web/dataset/2024/08/01/2282c5c7e93b42c88dcfc606440f9716.jpg"
                alt=""
              />
            </view>

            <view class="deltxt">
              <ul>
                <li>
                  <span>申请时间：</span>
                  <span>2024-08-02 16：21：19</span>
                </li>
                <li>
                  <span>签约时间：</span>
                  <span>2024-08-02 ~ 2024-08-02</span>
                </li>
                <li>
                  <span>地址:</span>
                  <span>贵州省贵阳市南明区彭家湾花果园项目M区3栋1单元25层5号房</span>
                </li>
              </ul>
            </view>
          </view>
        </view>
        <view class="pubList">
          <!-- 列表头部 -->
          <view class="titlecon">
            <span>标题标题</span>
            <span>未通过</span>
          </view>
          <!-- 列表详细 -->
          <view class="delbox">
            <view class="listPic">
              <img
                src="https://www.gywb.cn/upload/web/dataset/2024/08/01/2282c5c7e93b42c88dcfc606440f9716.jpg"
                alt=""
              />
            </view>

            <view class="deltxt">
              <ul>
                <li>
                  <span>申请时间：</span>
                  <span>2024-08-02 16：21：19</span>
                </li>
                <li>
                  <span>签约时间：</span>
                  <span>2024-08-02 ~ 2024-08-02</span>
                </li>
                <li>
                  <span>地址:</span>
                  <span>贵州省贵阳市南明区彭家湾花果园项目M区3栋1单元25层5号房</span>
                </li>
              </ul>
            </view>
          </view>
        </view>
      </view>
      <view class="shbox">审核被拒可点击修改重新提交</view>
    </view>
    <view class="butCon"><button class="butXz">主要按钮</button></view>
  </view>
</template>

<script setup>
import Header from '@/pages/order/components/Header/index.vue';
</script>

<style lang="scss" scoped>
page {
  background: #f3f3f3;
}

.container {
  position: relative;
  width: 375 * 2rpx;
  margin: 0 auto;
  background: #f1f1f1;
  padding-bottom: 80px;
  .content {
    padding-top: 88rpx;
    .listcon {
      margin-top: 10px;
      .pubList {
        margin-top: 5px;
        width: 100%;
        height: auto;
        .titlecon {
          display: flex;
          width: 96%;
          padding: 2%;
          background-color: #fff;
          position: relative;
        }
        .titlecon span {
          display: block;
          font-size: 14px;
          line-height: 30px;
          font-weight: bold;
        }
        .titlecon span:last-child {
          position: absolute;
          right: 2%;
          line-height: 30px;
          color: #cb6429;
        }
        .delbox {
          width: 96%;
          padding: 2%;
          display: flex;
          margin-top: 2px;
          background-color: #fff;
        }
        .delbox .listPic {
          padding-top: 2%;
          width: 25%;
        }
        .delbox .listPic img {
          width: 100%;
        }
        .delbox .deltxt {
          padding: 0;
          padding-left: 2%;
          width: 73%;
        }
        .delbox .deltxt ul {
          list-style: none;
          padding: 0;
        }
        .delbox .deltxt ul li {
          text-align: left;
        }
        .delbox .deltxt ul li span {
          font-size: 14px;
        }
      }
    }
    .shbox {
      text-align: center;
      margin-top: 10px;
      font-size: 15px;
      color: #7f7f7f;
    }
  }
  .butCon {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0px;
    width: 96%;
    padding: 2%;
    background-color: #fff;
  }
  .butXz {
    border-radius: 10px;
    background-color: #fb3534;
    color: #fff;
    outline: none;
  }
}
</style>
