这个作业属于哪个课程 | 课程 |
---|
这个作业要求在哪里 | 要求 |
这个作业的目标 | 记录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>
测试
管理员端界面设计