<template>
  <div class="flex-col page">
    <div class="flex-col header">
      <div class="flex-row justify-center group">
        <div class="flex-row group_1">
          <img
            src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397306873160312.png"
            class="image"
          />
          <img
            src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397306825330090.png"
            class="image_1"
          />
        </div>
        <span class="text">9:53 AM</span>
        <div class="flex-row group_2">
          <img
            src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397306175437197.png"
            class="image_2"
          />
          <span class="text_1">100%</span>
          <img
            src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314256638016020.png"
            class="image_3"
          />
        </div>
      </div>
      <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-col">
        <img
          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397485226392252.png"
          class="image_6"
        />
        <div class="grid">
          <div class="flex-col items-center grid-item">
            <img
              src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314267801318149.png"
              class="image_7"
            />
            <span class="text_3">婴童哺喂</span>
          </div>
          <div class="flex-col items-center grid-item">
            <img
              src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314267812652904.png"
              class="image_7"
            />
            <span class="text_3">婴童纸品</span>
          </div>
          <div class="flex-col items-center grid-item">
            <img
              src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314267829793784.png"
              class="image_7"
            />
            <span class="text_3">婴童套装</span>
          </div>
          <div class="flex-col items-center grid-item">
            <img
              src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314267848963979.png"
              class="image_7"
            />
            <span class="text_3">拉拉裤</span>
          </div>
          <div class="flex-col items-center grid-item">
            <img
              src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314267812652904.png"
              class="image_7"
            />
            <span class="text_3">婴童日用</span>
          </div>
          <div class="flex-col items-center grid-item">
            <img
              src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314267829793784.png"
              class="image_7"
            />
            <span class="text_3">婴童上装</span>
          </div>
          <div class="flex-col items-center grid-item">
            <img
              src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314267801318149.png"
              class="image_7"
            />
            <span class="text_3">婴童养护</span>
          </div>
          <div class="flex-col items-center grid-item">
            <img
              src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314267897438014.png"
              class="image_7"
            />
            <span class="text_3">邀请好友</span>
          </div>
        </div>
      </div>
      <div class="flex-col group_14">
        <div class="flex-row justify-between">
          <span class="text_12">热门推荐</span>
          <div class="flex-row group_16">
            <span class="text_13">更多</span>
            <img
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16245813958184120346.png"
              class="image_16"
            />
          </div>
        </div>
        <div class="flex-row horiz-list">
          <div class="flex-col horiz-list-item">
            <img
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397489084828302.png"
              class="image_17"
            />
            <div class="flex-col items-start group_17">
              <span class="text_14">小萌猴水杯600mL</span>
              <span class="text_16">已售123</span>
            </div>
            <div class="flex-row justify-between group_18">
              <div class="flex-row group_19">
                <span class="text_18">¥</span>
                <span class="text_20">9.0</span>
                <span class="text_22">¥16.00</span>
              </div>
              <img
                src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314256658157517.png"
                class="image_19"
              />
            </div>
          </div>
          <div class="flex-col horiz-list-item_1">
            <img
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397489113226901.png"
              class="image_17"
            />
            <div class="flex-col items-start group_17">
              <span class="text_14">小萌猴水杯600mL</span>
              <span class="text_16">已售123</span>
            </div>
            <div class="flex-row justify-between group_18">
              <div class="flex-row group_19">
                <span class="text_18">¥</span>
                <span class="text_20">9.0</span>
                <span class="text_22">¥16.00</span>
              </div>
              <img
                src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321996d32e90012f09dd0/16551314256658157517.png"
                class="image_19"
              />
            </div>
          </div>
          <div class="flex-col horiz-list-item_2">
            <img
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397489084828302.png"
              class="image_17"
            />
            <div class="flex-col items-start group_17">
              <span class="text_14">小萌猴水杯600mL</span>
              <span class="text_16">已售123</span>
            </div>
            <div class="flex-row group_20">
              <span class="text_31">¥</span>
              <span class="text_32">9.0</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="flex-row justify-between tab-bar">
      <div class="flex-col items-center group_21">
        <img
          src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397331792556873.png"
          class="image_24"
        />
        <span class="text_33 text_34">首页</span>
      </div>
      <div class="flex-col items-center group_21">
        <img
          src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397512584165676.png"
          class="image_24"
        />
        <span class="text_33 text_35">商城</span>
      </div>
      <div class="flex-col items-center group_21">
        <img
          src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397331807685552.png"
          class="image_24"
        />
        <span class="text_33 text_36">预约</span>
      </div>
      <div class="flex-col items-center group_21">
        <img
          src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397331818020924.png"
          class="image_24"
        />
        <span class="text_33 text_37">尿片</span>
      </div>
      <div class="flex-col items-center group_21">
        <img
          src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321996d32e90012f09dd0/16238397416681565336.png"
          class="image_24"
        />
        <span class="text_33 text_38">我的</span>
      </div>
    </div>
  </div>
</template>
<style src="./index.less" lang="less" scoped></style>
<script setup lang="ts">
// import Tabs from "../../components/Tabs/index.vue";
// import { ref } from "vue";
// const lala = ref("0");
// console.log("lala");
</script>
