<template>
  <view class="container">
    <view class="title">公司简介</view>
    <view class="item-box">
      <text class='item-text'>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊oooooooooooeeeeeeeeeeeeeeeeeeeeee</text>
      <text class='item-text'>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</text>
      <text class='item-text'>啊啊啊啊啊啊啊啊啊</text>
    </view>



    <view class="title">联系我们</view>
    <view class="item-box">
      <view class="item">
        <view class="item-l">
          <img class="img" src="@/static/logo.png" alt="">
        </view>
        <view class="item-r">电话：010-12345678</view>
      </view>
      <view class="item">
        <view class="item-l">
          <img class="img" src="@/static/logo.png" alt="">
        </view>
        <view class="item-r">邮箱：info@xxxxxxxxxxxx.om</view>
      </view>
      <view class="item">
        <view class="item-l">
          <img class="img" src="@/static/logo.png" alt="">
        </view>
        <view class="item-r">地址：北京市海淀区中关村大街1号</view>
      </view>
    </view>



    <view class="title">公司历程</view>
    <view class="item-box">
      <view class="progress-box">
        <img class="img" src="@/static/logo.png" alt="">
        <text class="progress-text">阿巴阿巴</text>
      </view>
    </view>
  </view>
</template>

<script>
  export default{
    data(){
      return{

      }
    }
  }
</script>

<style lang="scss" scoped>
  page{
    background-color: #F3F4F6;
    margin: 0;
    padding: 0;
  }
  .container{
    padding: 40rpx;
    background-color: #F3F4F6;
    min-height: calc(100vh - 80rpx);
    .title{
      font-size: 42rpx;
      font-weight: bold;
      color: #000;
      margin: 40rpx 0;
    }
    .item-box{
      padding: 20rpx;
      border-radius: 20rpx;
      background-color: #fff;
      line-height: 40rpx;
      .item-text{
        margin-top: 10rpx;
      }
      .item{
        display: flex;
        align-items: center;
        font-size: 28rpx;
        color: #424C5B;
        .item-l{
          .img{
            width: 50rpx;
            height: 50rpx;
          }
        }
        .item-r{
          margin-left: 20rpx;
        }
      }

      .progress-box{
        .img{
          width: 100%;
          height: 300rpx;
          margin-bottom: 20rpx;
        }
        .progress-text{
          font-size: 28rpx;
          color: #424C5B;
        }
      }
    }
  }
</style>
