<template>
  <view class="body-background"></view>
  <u-navbar
      :title="title"
      :auto-back="true"
      left-icon-size="40rpx"
      :safe-area-inset-top="true"
      :placeholder="true"
      bgColor="#ffffff"
  ></u-navbar>
  <view class="edit-tabs-container">
    <view class="edit-tabs-body">
      <u-tabs
          :list="list"
          lineWidth="64"
          lineHeight="4"
          lineColor="#F47210"
          :inactiveStyle="{color:'#AFB5BE'}"
          :activeStyle="{color:'#FF9545'}"
          :scrollable="false"
          :custom-style="{margin:'auto',width:'auto'}"
          @change="tabsChange"
      ></u-tabs>
    </view>
  </view>
  <FxxPage v-if="tabCheck === 'fxx'" :padding-top="false"></FxxPage>
  <AdvisorPage v-if="tabCheck === 'advisor'" :padding-top="false" :is-edit="true"></AdvisorPage>
</template>

<script>
import {
  imghost
} from '@/config/host.js'
import MzSubsection from '@/components/MzSubsection/Index.vue';
import FxxPage from '@/components/FxxPage/Index.vue';
import AdvisorPage from '@/components/AdvisorPage/Index.vue';
import api from '@/utils/functions.js';
import {userDetail, userEdit, userExtends} from "@/api/user";
import {getCommonStreet, systemConfig} from "@/api/other";

export default {
  components: {
    MzSubsection,
    FxxPage,
    AdvisorPage
  },
  data() {
    return {
      title:'编辑资料',
      list:[
        {name:'丰行侠',id:'fxx'},
        {name:'社区顾问',id:'advisor'},
      ],
      tabCheck:'fxx',
    }
  },
  onLoad() {

  },
  onReady() {

  },
  mounted() {

  },
  methods: {
    tabsChange(e){
      this.tabCheck = e.id;
    }
  },
  onPageScroll(res) {
    if (res.scrollTop <= 20) {
      uni.$emit('isTop', true);
    } else {
      uni.$emit('isTop', false);
    }
  },

}
</script>

<style lang="scss">
@import './components/index.scss';
</style>