<template>
  <view class="background">
    <image class="home_text" src="@/static/homepages/homes/home/pictures/home_text.png">首页</image>
    <!--轮播图显示效果   -->
    <image class="swiper" src="@/static/homepages/homes/home/pictures/puppy.png"></image>
    <!--轮播点显示效果   -->
    <image class="swipe_dot" src="@/static/homepages/homes/home/pictures/swipe_dot.png"></image>
    <!--横线显示效果   -->
    <image class="line" src="@/static/homepages/homes/home/pictures/line.png"></image>
    <!--饮食专区文字   -->
    <image class="recipe_area_word" src="@/static/homepages/homes/home/pictures/recipe_area.png"></image>
    <!--饮食专区    -->
    <view class="recipe_area">
      <ai_recongize_recipe class="ai_recognize_recipe"></ai_recongize_recipe>
      <ai_recongize_hot class="ai_recognize_hot"></ai_recongize_hot>
      <ai_recongize_fruit class="ai_recognize_fruit"></ai_recongize_fruit>
      <my_recipe_plan class="my_recipe_plan"></my_recipe_plan>
    </view>
    <!--运动专区文字   -->
    <image class="sport_text" src="@/static/homepages/homes/home/pictures/sport_text.png"></image>
    <view class="sport_area">
      <ai_recongize_plan class="ai_recognize_plan"></ai_recongize_plan>
      <my_exercise_plan class="my_exercise_plan"></my_exercise_plan>
    </view>
    <!--阅读专区文字   -->
    <image class="read_text" src="@/static/homepages/homes/home/pictures/read_text.png"></image>
    <view class="read_area">
      <!--      知识图谱-->
      <image class="dictionary_background" src="@/static/components/dictionary/pictures/background.png"></image>
       <image class="dictionary_button" src="@/static/components/dictionary/pictures/button.png"></image>
      <!--      书籍阅读-->
      <image class="read_background" src="@/static/components/read/pictures/background.png"></image>
      <image class="read_button" src="/static/components/read/pictures/button.png"></image>
    </view>
    <!--空白区域   -->
    <view class="block_area"></view>
    <!--底部导航栏   TODO：修改完成底部菜单栏部分-->
    <view class="bar_home">
      <tarbar_home></tarbar_home>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
	};
  },
  methods:{
  }
}

</script>
<style lang="scss">
@import "@/static/homepages/homes/home/css/home.scss";
</style>
