<template>
  <view class="page-container">
    <view class="share-way">
      <view class="card">
        <view class="card-content flex-row">
          <view class="share-way-item">
            <image src="/static/icon/share1.png" mode="widthFix" />
            <text>通过微信群或好友分享</text>
          </view>
          <view class="share-way-item">
            <image src="/static/icon/share2.png" mode="widthFix" />
            <text>通过QQ群或好友分享</text>
          </view>
          <view class="share-way-item">
            <image src="/static/icon/share3.png" mode="widthFix" />
            <text>通过贴吧各大论坛分享</text>
          </view>
          <view class="share-way-item">
            <image src="/static/icon/share4.png" mode="widthFix" />
            <text>通过附近的人分享</text>
          </view>
          <view class="share-way-item">
            <image src="/static/icon/share5.png" mode="widthFix" />
            <text>通过新闻APP分享</text>
          </view>
        </view>
      </view>
    </view>
    <navigator open-type="navigateBack" class="back-button">
      学会了，立即去推广
    </navigator>
  </view>
</template>

<script>
</script>

<style lang="scss">
.page-container {
  padding: 15px 0;
  .share-way {
    margin: 0 15px;
    .card {
      .card-content {
        flex-wrap: wrap;
        .share-way-item {
          width: 50%;
          padding: 12px 5px;
          font-size: 14px;
          font-weight: 400;
          color: #1a1a2a;
          display: flex;
          flex-direction: column;
          align-items: center;
          uni-image {
            width: 100px;
            margin-bottom: 5px;
          }
        }
      }
    }
  }
  .back-button {
    margin: 30px 15px 0;
    height: 44px;
    line-height: 44px;
    background-color: $uni-color-primary;
    border-radius: 22px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: center;
  }
}
</style>