创新项目实训（12）—— web端主页

在前端搭建的框架下，我添加了一些主页内容。

考虑到医生端的主要任务是检测息肉，主页不宜太过繁琐，这里我就先简单加了一个动态加载的数据统计图。

后期如果需要丰富和补充，还会再进行修改。

模板

<template>
<div style="padding:0,0,0,0;">
<div id="main">
  <!-- ======= Our Team Section ======= -->
  <div id="team" class="team">
    <div class="container">

      <div class="section-title">
        <h2>息肉检测系统</h2>
        <p>应用Python、Flask等技术实现</p>
      </div>

    </div>
    <!-- ======= Counts Section ======= -->
    <div class="counts section-bg">
      <div class="container">

        <div class="row">

          <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 text-center" data-aos="fade-up">

            <div class="count-box">
              <i class="icofont-simple-smile" style="color: #20b38e;"></i>
              <span data-toggle="counter-up">{
  { count }}</span>
              <p>用户人数</p>
            </div>

          </div>

          <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 text-center" data-aos="fade-up" data-aos-delay="200">

            <div class="count-box">
              <i class="icofont-document-folder" style="color: #c042ff