<template>
  <view style="height: 100%">
    <custom-nav-bar position="fixed" color="black" left-text="我的调节" left-arrow />

    <view class="mediate">
      <view class="search">
        <van-search :value="value" shape="round" :use-left-icon-slot="true" :use-right-icon-slot="true"
          background="#fff" placeholder="请输入想查询的内容">
          <view slot="right-icon" @tap="onClick">
            <image class="search-icon" src="/static/packages/my/image/search.png" mode="aspectFill"></image>
          </view>
        </van-search>
      </view>
      <view class="page-content">
        <view class="cell">
          <view class="cell-left">
            <view class="title">2022年度一次性创业补贴</view>
            <view class="time">2021-03-04</view>
          </view>
        </view>
        <view class="cell">
          <view class="cell-left">
            <view class="title">2022年度一次性创业补贴</view>
            <view class="time">2021-03-04</view>
          </view>
        </view>
        <view class="cell">
          <view class="cell-left">
            <view class="title">2022年度一次性创业补贴</view>
            <view class="time">2021-03-04</view>
          </view>
        </view>
        <view class="cell">
          <view class="cell-left">
            <view class="title">2022年度一次性创业补贴</view>
            <view class="time">2021-03-04</view>
          </view>
        </view>
        <view class="cell">
          <view class="cell-left">
            <view class="title">2022年度一次性创业补贴</view>
            <view class="time">2021-03-04</view>
          </view>
        </view>
        <view class="cell">
          <view class="cell-left">
            <view class="title">2022年度一次性创业补贴</view>
            <view class="time">2021-03-04</view>
          </view>
        </view>
        <view class="cell">
          <view class="cell-left">
            <view class="title">2022年度一次性创业补贴</view>
            <view class="time">2021-03-04</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  // const app = getApp();
  export default {
    components: {},
    data() {
      return {
        // env: app.globalData.env,
        // appName: app.globalData.env.appName,
        checked: false,

        card: {
          just: '',
          against: ''
        },

        form: {
          name: null,
          phone: null,
          card: null
        },

        value: ''
      };
    },
    methods: {
      onClickLeft() {
        uni.switchTab({
          url: '/pages/my/my'
        });
      },

      onClick() {
        console.log('占位：函数 onClick 未声明');
      }
    }
  };
</script>
<style lang="less">
  .mediate {
    .page-content {
      margin-top: 40rpx;
      padding-left: 36rpx;
      padding-right: 36rpx;

      .cell {
        width: 100%;
        height: 120rpx;
        background: #ffffff;
        border-bottom: 1rpx solid #efefef;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .cell-left {

          // height: 100%;
          .title {
            font-size: 32rpx;

            font-weight: 400;
            color: #333333;
            line-height: 32rpx;
            -webkit-background-clip: text;
            margin-bottom: 16rpx;
          }

          .time {
            height: 24rpx;
            font-size: 24rpx;

            font-weight: 400;
            color: #999999;
            line-height: 24rpx;
            margin-bottom: 24rpx;
          }
        }
      }
    }

    .search-icon {
      height: 64rpx;
      width: 64rpx;
    }
  }
</style>