wx-qhb/pages/mine/component/personalFunction.vue

<template>
  <!-- 个人功能 -->
  <view class="team">
    <text class="team-title">个人功能</text>
    <view class="function-team">
      <view class="icon-center" @click="toSetleIn">
        <image
          class="form-icon"
          src="../../../static/mine/322.png"
          mode=""
        ></image>
        <view class="characters">成为团长</view>
      </view>
      <view class="icon-center">
        <image
          class="form-icon"
          src="../../../static/mine/317.png"
          mode=""
        ></image>
        <view class="characters">联系客服</view>
      </view>
      <view class="icon-center" @click="toSetup">
        <image
          class="form-icon"
          src="../../../static/mine/321.png"
          mode=""
        ></image>
        <view class="characters">账号设置</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    toSetup() {
      uni.navigateTo({
        url: "/pageC/accountSetup/accountSetup",
      });
    },
    toSetleIn() {
      uni.$u.http.post(`/api/merchant/status`).then((res) => {
        console.log(res);
        if (res.status == 1 || res.status == 0) {
          uni.navigateTo({
            url: "/pageD/resultFeedback/resultFeedback",
          });
        } else {
          uni.navigateTo({
            url: "/pageD/settleIn/settleIn",
          });
        }
      });
    },
  },
};
</script>

<style lang="scss">
.team {
  height: 110px;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 10px;
  padding-top: 14px;
  .team-title {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-left: 10px;
  }
  .function-team {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    .icon-center {
      width: 18%;
      margin-top: 18px;
      display: flex;
      flex-wrap: wrap;
      padding: 0 10px;
      justify-content: center;
      flex-direction: column;
      align-items: center;
    }
    .form-icon {
      width: 24px;
      height: 24px;
    }

    .characters {
      color: #202020;
      font-size: 12px;
      margin-top: 10px;
    }
  }
}
</style>