<template>
  <div class="flex-col page">
    <div class="flex-col header">
      <div class="flex-row justify-center group_3">
        <span class="text_2">我的</span>
        <div class="flex-row section_1">
          <div class="flex-col items-center image-wrapper view">
            <img
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397305984978316.png"
              class="image_4"
            />
          </div>
          <div class="section_2"><!----></div>
          <div class="flex-col items-center image-wrapper view_1">
            <img
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397305900346897.png"
              class="image_5"
            />
          </div>
        </div>
      </div>
    </div>
    <div class="flex-col group_4">
      <div class="flex-row section_3">
        <img
          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397302692763017.png"
          class="image_6"
        />
        <span class="text_3">请先登录</span>
      </div>
      <div class="flex-col group_5">
        <div class="flex-col section_4">
          <div class="flex-row justify-between group_6">
            <div class="flex-row">
              <img
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16245813770331613078.png"
                class="image_7"
              />
              <span class="text_4">我的订单</span>
            </div>
            <img
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397297286499116.png"
              class="image_8"
            />
          </div>
          <div class="divider"><!----></div>
          <div class="flex-row equal-division">
            <div class="flex-col items-center equal-division-item group_8">
              <img
                src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314573094426250.png"
                class="image_10"
              />
              <span class="text_5">待付款</span>
            </div>
            <div class="flex-col items-center equal-division-item">
              <img
                src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314573095941171.png"
                class="image_10"
              />
              <span class="text_5">待发货</span>
            </div>
            <div class="flex-col items-center equal-division-item">
              <img
                src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314573093064237.png"
                class="image_10"
              />
              <span class="text_5">待收货</span>
            </div>
            <div class="flex-col items-center equal-division-item">
              <img
                src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314573099784479.png"
                class="image_14"
              />
              <span class="text_5">退换/售后</span>
            </div>
          </div>
        </div>
        <div class="flex-col section_5">
          <div class="flex-row justify-between">
            <div class="flex-row">
              <img
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397302776277699.png"
                class="image_15 image_16"
              />
              <span class="text_10">成长记录</span>
            </div>
            <img
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397302723001265.png"
              class="image_8"
            />
          </div>
          <div class="flex-row justify-between group_14">
            <div class="flex-row">
              <img
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16245813770366316433.png"
                class="image_15"
              />
              <span class="text_11">我的会员卡</span>
            </div>
            <img
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397302723001265.png"
              class="image_8"
            />
          </div>
          <div class="flex-row justify-between group_16">
            <div class="flex-row">
              <img
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16245813770381704501.png"
                class="image_20"
              />
              <span class="text_12">我的优惠券</span>
            </div>
            <img
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397302723001265.png"
              class="image_8"
            />
          </div>
          <div class="flex-row justify-between group_18">
            <div class="flex-row">
              <img
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16245813770405399343.png"
                class="image_22"
              />
              <span class="text_13">代理中心</span>
            </div>
            <img
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397302723001265.png"
              class="image_8"
            />
          </div>
          <div class="flex-row justify-between group_20">
            <div class="flex-row">
              <img
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16245813770422906430.png"
                class="image_24"
              />
              <span class="text_14">地址管理</span>
            </div>
            <img
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397302723001265.png"
              class="image_8"
            />
          </div>
          <div class="flex-row justify-between group_22">
            <div class="flex-row">
              <img
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16245813770441975317.png"
                class="image_26"
              />
              <span class="text_15">关于我们</span>
            </div>
            <img
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397302723001265.png"
              class="image_8"
            />
          </div>
        </div>
      </div>
    </div>
    <div class="flex-row justify-between tab-bar">
      <div class="flex-col items-center group_24">
        <img
          src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397331792556873.png"
          class="image_28"
        />
        <span class="text_16 text_17">首页</span>
      </div>
      <div class="flex-col items-center group_24">
        <img
          src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397331792754901.png"
          class="image_28"
        />
        <span class="text_16 text_18">商城</span>
      </div>
      <div class="flex-col items-center group_24">
        <img
          src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397331807685552.png"
          class="image_28"
        />
        <span class="text_16 text_19">预约</span>
      </div>
      <div class="flex-col items-center group_24">
        <img
          src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397331818020924.png"
          class="image_28"
        />
        <span class="text_16 text_20">尿片</span>
      </div>
      <div class="flex-col items-center group_24">
        <img
          src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397331829113247.png"
          class="image_28"
        />
        <span class="text_16 text_21">我的</span>
      </div>
    </div>
  </div>
</template>
<style src="./index.less" lang="less" scoped></style>
