博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angularJs - cynthia娆墨旧染-响应式文章发布系统
阅读量:5749 次
发布时间:2019-06-18

本文共 2710 字,大约阅读时间需要 9 分钟。

(0)功能

  a.添加新文章

  b.修改已发布文章

  c.搜索已经发布的文章

  d.demo链接:   http://cynthiawupore.github.io/angularJS

 

(1)界面

  a.文章列表页

  b.文章详细页

  c.文章添加页

  d.文章修改页

 

(2)html源码

      
文章发布系统

 

 

 

(3)css源码

*{  margin: 0;  padding: 0;  border: 0;  outline: none;}body{  background: #fff;  font-family: "Microsoft Yahei";  font-size: 14px;}a{  color: #555555;  text-decoration: none;}a:hover{  cursor: pointer;}p{  color: #555555;  font-size: 12px;  line-height: 200%;}time{  font-size: 12px;  color: #ccc;}li{  list-style: none;  float: left;}.cynthia-post{  margin: 2%;  width: 90%;  padding: 3%;  height: auto;}/*nav*/.cynthia-nav{  height: auto;  overflow: auto;  padding-bottom: 2%;  border-bottom: 2px #ddd solid;}.cynthia-nav li{  padding: 0 2%;  height: auto;  display: block;}.cynthia-search{  width: 100%;  height: 25px;  border: 1px #ddd solid;  padding:0 3%;  background: url(search.png) right no-repeat;  background-size: 20px 20px;}/*list*/.cynthia-list{  width: 100%;}.cynthia-list li{  width: 95%;  margin-left: 5%;  border-left: 1px #ddd solid;}.cynthia-list li a{  color: #4094c7;  font-size: 16px;}.cynthia-list li p{  margin-top: 10px;}.cynthia-list li img{  width: 50px;  height: 50px;  border-radius: 50%;  margin-left: -25px;  margin-top:20px;  border: 2px #ddd solid;}.cynthia-list-item{  width: 91%;  margin-left: 5%;  padding:2%;  background: #f5f5f5;}/*add*/.cynthia-add{  margin: 2%;  width: 90%;  padding: 3%;  height: auto;}.cynthia-add-title{  width: 94%;  margin: 0 auto;  border: 1px #ddd solid;  min-height: 50px;  padding: 2%;  font-size: 18px;  color: #333;}.cynthia-add-content{  width: 94%;  margin: 0 auto;  border: 1px #ddd solid;  min-height: 450px;  padding: 2%;  margin-top: 10px;  font-size: 14px;  color: #333;}.cynthia-add-submit{  width: 30%;  height: 40px;  background: #4094c7;  font-size: 16px;  color: #fff;  margin-top: 10px;}.cynthia-add-submit:hover{  cursor: pointer;}/*detail*/.cynthia-detail{  margin: 2%;  width: 90%;  padding: 3%;  height: auto;}.cynthia-detail h1{  padding: 3% 0;}.cynthia-detail time{  display: inline-block;  padding: 3% 0;}.cynthia-edit-btn{  display: inline-block;  width: 25%;  height: 40px;  background: #4094c7;  font-size: 16px;  color: #fff;  margin-top: 10px;  margin-bottom: 10px;  text-align: center;  line-height: 40px;}

 

转载于:https://www.cnblogs.com/cynthia-wuqian/p/5217532.html

你可能感兴趣的文章
双边过滤器(Bilateral filter)
查看>>
Android图形显示系统——下层显示4:图层合成上(合成原理与3D合成)
查看>>
Windows 10 技术预览
查看>>
Tomcat http跳转https
查看>>
一个自动布署.net网站的bat批处理实例
查看>>
tomcat 安装
查看>>
AIX:物理卷及有关概念
查看>>
我的友情链接
查看>>
Centos6.6安装选包及基础场景说明
查看>>
《从零开始学Swift》学习笔记(Day 61)——Core Foundation框架之内存管理
查看>>
java基础面试题-1
查看>>
深克隆与序列化效率的比较
查看>>
C++入门篇01
查看>>
3.python开发语言的特点
查看>>
Nginx使用Proxy_cache实现服务器端静态文件缓存
查看>>
lamp+nginx代理+discuz+wordpress+phpmyadmin搭建一
查看>>
nagios监控使用139邮箱报警
查看>>
Windows Phone 7 中各种Task解说(启动器与选择器)
查看>>
ArcGIS网络分析之Silverlight客户端最近设施点分析(四)
查看>>
罗森伯格助力2011年中国智能建筑技术发展应用论坛哈尔滨站
查看>>