first commit

历届学生/苏琪/项目练习/weather/css/index.css

@@ -0,0 +1,145 @@
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  padding: .05rem .1rem;
+  height: .4rem;
+  align-items: center;
+  position: fixed;
+  width: 95%;
+  background: #50a3f0;
+  z-index: 9;
+}
+.header p{
+  width: 100%;
+  text-align: center;
+}
+.header .icon {
+  width: .3rem;
+  height: .3rem;
+}
+.content{
+  padding-top: 50px;
+}
+.content_top {
+  width: 100%;
+  height: 2.4rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.content_top h2{
+  font-size: .52rem;
+  margin-bottom: .1rem;
+}
+.content_top p{
+  color: #e4e4e4;
+}
+.content_today ul{
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+  border-top: 1px solid #e0e0e0;
+  border-bottom: 1px solid #e0e0e0;
+  padding-top: 20px;
+}
+.content_today ul li{
+  width: 33%;
+  text-align: center;
+  margin-bottom: 20px;
+}
+.content_today ul li .icon{
+  width: 30px;
+  height: 30px;
+  margin-bottom: 10px;
+}
+.content_today ul li p{
+  font-size: 14px;
+  color: #e4e4e4;
+}
+.content_future ul {
+  display: flex;
+  flex-direction: column;
+  padding: 10px 27px;
+}
+.content_future ul li {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  height: 36px;
+  align-items: center;
+  padding-bottom: 5px;
+}
+
+.content_future ul li p {
+  color: #e4e4e4;
+}
+
+.content_future ul li img {
+  width: 30px;
+  height: 30px;
+}
+
+.content_future ul li span {
+  color: #e4e4e4;
+}
+.drop-menu{
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+.main {
+  width: 100%;
+  position: relative;
+  right: 0;
+  top: 0;
+  transition: all 0.6s;
+  overflow: hidden;
+}
+.menu input{
+  width: 100%;
+  height: 40px;
+  padding-left: 10px;
+  outline: none;
+  border: none;
+  border-bottom: 1px solid #dad6d6;
+  font-size: 17px;
+}
+.menu_center ul li{
+  color: #888;
+  padding: 10px 11px;
+  border-bottom: 1px solid #ece9e9;
+}
+.open-main {
+  right: 70% !important;
+}
+.menu {
+  position: fixed;
+  right: -100%;
+  top: 0;
+  width: 100%;
+  background: #fff;
+  height: 100%;
+  transition: all 0.6s;
+  z-index: 9;
+}
+.menu_center {
+  width: 260px;
+}
+.open-menu{
+  right: -31%;
+}
+.his_info {
+  padding: 10px 8px;
+  color: #b9b9b9;
+}
+.history span{
+  padding: 3px 6px;
+  background: #efefef;
+  border-radius: 14px;
+  margin-bottom: 10px;
+  display: inline-block;
+  margin-right: 4px;
+}