|
|
<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>
|
