重整网站

写好回复的人 “@ xxxxxxxx”
通知栏，并且快速跳转到需要的页面。
个人页面，记录自己发送的消息与回复的信息。
以css 上传的图片防止被拉伸拉坏。

下拉的选择下拉的分页的好处。

评论功能的那一栏中的一个小的评论，如果手机端的话，你就很难按住分页，所以选择下拉菜单的圆圈，更为合适。

//圆圈转动的动画
.spin {width:30px;height: 30px;margin: 40px auto;border: 6px solid rgba(0,0,0,.1);border-radius: 50%;border-left-color: #7983ff;animation: spin-rotate 1s linear infinite;
}
@keyframes spin-rotate {form {transform: rotate(0);}to {transform: rotate(360deg);}
}

通知栏

制作通知的时候，我们需要建立一个数据表，来保存所有人发送的信息。
记录的是个人发送的 content 内容 date 时间 user_forum_id 发送的表格，user_forum_discuss_id回复的信息, user_forum_discuss_back_id 回复评论的信息。 name 回复的标题。

user_id 你个人的信息，user_discuss_id他人的信息
只要保存以上信息。我们就可以查询根据个人信息与他人信息查询通知栏。

个人发表与回复的信息

我使用的一个数据表格

注意两层的 css 表格 </thread 和 </tbody 要分开，并且 </tbody 有单独的导航条调整一些宽窄才能与上边匹配

        table tbody{display: block;width: 100%;height:  290px;text-align: center;overflow-y: scroll;/*overflow-x: auto;*/}table thead,tbody tr{display: table;width: 100%;table-layout: fixed;text-align: center;}table th{text-align: center;}

     <table  class="table table-striped"><thead><tr><th style="width: 9.9%">#</th><th style="width: 18%">图/picture</th><th >标题/title</th><th>时间/time</th><th style="width: 30%">内容/content</th></tr></thead><tbody id="contentperson1" ></tbody></table>

防止图片被拉坏

我们调整图片的时候 width:50px;height:50px 会导致压坏，并且如果是椭圆形的，那么图片压缩的更难。 object-fit: cover 可以填满外框而不被压缩

//把图片 圆圈的外框 object-fit: cover<div class='media-object img-circle img-responsive' style="margin-left: 2px;width: 50px;height: 50px;overflow: hidden;display: flex;justify-content: center"><img  class='img-responsive' src="img_person_person.jpg"  style='max-width: 100%;height: auto;object-fit: cover' alt="..."></div>

重整网站。。。。。。。。。相关推荐

《网站分析师实战指南》一2.6 让例行公事的报告见鬼去吧
本节书摘来自异步社区<网站分析师实战指南>一书中的第2章,第2.6节,作者[美]Brent Dykes,更多章节内容可以访问云栖社区"异步社区"公众号查看 2.6 让例 ...
互联网电商老三巨头在网站推广下逐步退居幕后新三巨头蓄势待发
日前,黄峥借着拼多多公布财报的机会宣布辞任拼多多董事长,一石激起千层浪,这也标志着互联网电商老三巨头正式卸任退居幕后,而"新帅"三巨头整装待发即将带领互联网电商平台在网站推广之下走 ...
精准扶贫电商重整流通-农业大健康·李玉庭：谋定功能农产品
精准扶贫电商重整流通-农业大健康·李玉庭: 谋定功能农产品中国食品报中国经济和信息化网新闻中国采编网中国新闻采编网谋定研究中国智库网经信研究国研智库国情讲坛哲商对话万赢信采编: & ...
个性化服务谋定移动电子商务-李玉庭：经信研究重整购物
个性化服务谋定移动电子商务-李玉庭:经信研究重整购物中国经济和信息化网新闻中国采编网中国新闻采编网谋定研究中国智库网经信研究国研智库国情讲坛万赢信采编:"在细分领域上,移动电 ...
农村电商谋定双创工程-李玉庭：互联网+农产品重整流通
农村电商谋定双创工程-李玉庭:互联网+农产品重整流通中国食品报中国经济和信息化网新闻中国采编网中国新闻采编网谋定研究中国智库网经信研究国研智库国情讲坛万赢信采编:"在今年全 ...
谋定重整衍生新360行-李玉庭：协同电商经信研究生态系统
谋定重整衍生新360行-李玉庭:协同电商经信研究生态系统中国经济和信息化网新闻中国采编网中国新闻采编网谋定研究中国智库网经信研究国研智库国情讲坛万赢信采编:"随着电子商务的迅 ...
对话中国经济和信息化-万祥军：李玉庭制造企业重整电商
对话中国经济和信息化-万祥军:李玉庭制造企业重整电商中国经济和信息化网新闻中国采编网中国新闻采编网谋定研究中国智库网经信研究国研智库国情讲坛万赢信采编:"双11"中 ...
小霸王被申请破产重整；虎牙员工自曝被HR抬出公司；Office 2010被微软终止服务|极客头条
整理 | 郑丽媛头图 | CSDN 下载自东方 IC 快扫描二维码来收听极客头条音频版吧,智能播报由出门问问「魔音工坊」提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早 ...
传统商道谋定重整电商奇迹-经信研究：李玉庭谈红孩子模式
传统商道谋定重整电商奇迹-经信研究:李玉庭谈红孩子模式中国经济和信息化网新闻中国采编网中国新闻采编网谋定研究中国智库网经信研究国研智库国情讲坛万赢信采编:"筹建红孩子的时候 ...

重整网站。。。。。。。。。

重整网站

下拉的选择下拉的分页的好处。

通知栏

个人发表与回复的信息

防止图片被拉坏

重整网站。。。。。。。。。相关推荐

最新文章

热门文章