指导组--alpha冲刺Day4

这个作业属于哪个课程课程
这个作业要求在哪里要求
这个作业的目标记录alpha冲刺Day4
团队名称指导组
团队置顶集合随笔链接置顶链接
其他参考文献

目录

会议照片

在这里插入图片描述

项目燃尽图

在这里插入图片描述

项目运行图片

在这里插入图片描述

在这里插入图片描述

团队成员站立式会议总结

成员项目进展存在/遇到的问题从今天到明天会议的安排心得体会
072103402-卢成熙完成了软件后端的代码前后端接口,还需要继续思考去完善继续完善后端代码代码越来越熟悉,收获很多
102101117-刘建鑫完善了用户端首页的设计对软件用户端首页的设计、美化,要进行思考继续设计完善用户端的主页设计学会了自己编写设计界面,成长很多
102101427-陈永裕完善了管理员端的界面的设计博客类型列表,不知道怎么分类去打分,还需要去思考继续完善管理员端的界面在管理员端界面设计中成长了很多
102101413-王润富完善管理员端的框架设计不确定管理员端的功能有什么,需要进一步思考继续完善管理员端的框架设计在管理员端框架的设计成长了很多
102101128-陈林旭完善用户端后端的设计代码仍然不够熟练,效率比较低继续完善用户端后端的设计在不断的学习中成长了很多
102101133-纳世荣进行管理员端的界面设计ui设计的难度较大继续进行管理员端的界面设计前端代码设计的更加得心应手
291800137-赵鑫进行管理员端的界面设计数据库的书写设计仍有问题继续进行管理员端的界面设计在代码设计中,成长了很多
102101134-范智强完善用户端博客界面的发布界面的设计页面空缺多,布局不太完美继续完善用户端博客界面的发布设计在页面设计中成长了很多
102101137-林鹏进行用户端“我的”界面的设计对于用户端的我的界面进行设计,思考怎样美化完善用户端“我的”页面对前端的理解进一步加深
031802441-张志敏进行管理员端的设计各组件排版还有一定的困难继续进行管理员端的界面设计技术水平再一步提高

代码部分

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
  <title>福大商铺点评</title> 
  <!-- 引入样式 -->
  <link rel="stylesheet" href="./css/element.css">

  <link href="./css/index.css" rel="stylesheet">
  <link href="./css/main.css" rel="stylesheet">

  <style type="text/css">
      .el-input__inner {
          border-radius: 20px;
      }
  </style>
</head>
<body>
<div id="app">
  <div class="search-bar">
    <div class="city-btn">福州大学<i class="el-icon-arrow-down"></i></div>
    <div class="search-input">
      <el-input size="mini" placeholder="请输入商户名、地点">
        <i slot="prefix" class="el-input__icon el-icon-search"></i>
      </el-input>
    </div>
    <div class="header-icon" @click="toPage(4)"><i class="el-icon-user"></i></div>
  </div>
  <div class="type-list">
    <div class="type-box" v-for="t in types" :key="t.id" @click="toShopList(t.id, t.name)">
      <div class="type-view"><img :src="'/imgs/' + t.icon" alt=""></div>
      <div class="type-text">{{t.name}}</div>
    </div>
  </div>
  <div class="blog-list" @scroll="onScroll">
    <div class="blog-box" v-for="b in blogs" :key="b.id">
      <div class="blog-img" @click="toBlogDetail(b)"><img :src="b.img" alt=""></div>
      <div class="blog-title">{{b.title}}</div>
      <div class="blog-foot">
        <div class="blog-user-icon"><img :src="b.icon || '/imgs/icons/default-icon.png'" alt=""></div>
        <div class="blog-user-name">{{b.name}}</div>
        <div class="blog-liked" @click="addLike(b)">
          <svg t="1646634642977" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2187" width="14" height="14">
           
          </svg>
          {{b.liked}}
        </div>
      </div>
    </div>
  </div>
  <foot-bar :active-btn="1"></foot-bar>
</div>



<div id="app">
  <div class="header">
    <div class="header-back-btn" @click="goBack"><i class="el-icon-arrow-left"></i></div>
    <div class="header-title">个人中心</div>
  </div>
  <div class="basic">
    <div class="basic-icon">
      <img :src="user.icon || '/imgs/icons/default-icon.png'" alt="">
    </div>
    <span class="yhname">渴望流星的夜晚</span>
    <div class="basic-info">
      <div class="name">{{user.nickName}}</div>
      <span>福州大学</span>
      <div class="edit-btn" @click="toEdit">
        编辑资料
      </div>
    </div>
    <div class="logout-btn" @click="logout">
      退出登录
    </div>
    <div class="qdcontainer">
      <i class="el-icon-date"><span>签到</span></i>
    </div>
    <div><i class="el-icon-view"><span>我的足迹(6)</span></i></div>
    <div><i class="el-icon-time"><span>浏览记录(8)</span></i></div>
    <div><i class="el-icon-star-off"><span>我的收藏(10)</span></i></div>
    <div><i class="el-icon-edit-outline"><span>我的发表(5)</span></i></div>
  </div>
  <div class="introduce">
    <span v-if="info.introduce"></span>
    <span v-else>添加个人简介,让大家更好的认识你 <i class="el-icon-edit"></i></span>
  </div>
  <div class="content">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="笔记" name="1" class="note">
        <div v-for="b in blogs" :key="b.id" class="blog-item">
          <div class="blog-img"><img :src="b.images.split(',')[0]" alt=""></div>
          <div class="blog-info">
            <div class="blog-title">{{b.title}}</div>
            <div class="blog-liked"><img src="/imgs/thumbup.png" alt=""> {{b.liked}}</div>
            <div class="blog-comments"><i class="el-icon-chat-dot-round"></i> {{b.comments}}</div>
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="评价" name="2">评价</el-tab-pane>
      <el-tab-pane label="粉丝(0)" name="3">粉丝(0)</el-tab-pane>
      <el-tab-pane label="关注(0)" name="4">
        <div class="blog-list" @scroll="onScroll">
          <div class="blog-box" v-for="b in blogs2" :key="b.id">
            <div class="blog-img2" @click="toBlogDetail(b)"><img :src="b.img" alt=""></div>
            <div class="blog-title">{{b.title}}</div>
            <div class="blog-foot">
              <div class="blog-user-icon"><img :src="b.icon || '/imgs/icons/default-icon.png'" alt=""></div>
              <div class="blog-user-name">{{b.name}}</div>
              <div class="blog-liked" @click="addLike(b)">
                <svg t="1646634642977" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="2187" width="14" height="14">
                </svg>
                {{b.liked}}
              </div>
            </div>
          </div>
        </div>
      </el-tab-pane>
    </el-tabs>
    <div><i class="
      el-icon-phone-outline"><span>联系我们</span></i></div>
    <div><i class="el-icon-chat-line-round"><span>咨询客服</span></i></div>
    <div><i class="el-icon-message"><span>意见反馈</span></i></div>
    <div class="foot"><i class="el-icon-circle-plus-outline"></i></div>
  </div>
  <foot-bar :active-btn="4"></foot-bar>
</div>

测试

管理员端界面设计
在这里插入图片描述

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值