first commit

历届学生/逯帅帅/项目开发/上课项目/美食App/css/tool/clear.css

@@ -0,0 +1,15 @@
+body,ul,li,h1,h2,h3,h4,h5,h6,p {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    font-size: 0;
+}
+
+a {
+    text-decoration: none;
+}
+
+input {
+    outline: none;
+    border: none;
+}

历届学生/逯帅帅/项目开发/上课项目/美食App/css/tool/public.css

@@ -0,0 +1,160 @@
+.header {
+    position: fixed;
+    width: 100%;
+    left: 0;
+    top: 0;
+    right: 0;
+    z-index: 9999;
+    padding: 0.16rem;
+    box-sizing: border-box;
+    background: #fff;
+}
+.search {
+    height: 0.4rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #f5f5f5;
+    border-radius: 4px;
+    padding-left: 0.2rem;
+}
+.search i {
+    color: #999;
+}
+.search span {
+    font-size: 0.16rem;
+    color: #999;
+    margin-left: 0.08rem;
+}
+.padd_16 {
+    padding: 0 0.16rem;
+}
+.content {
+    padding-top: 0.72rem;
+    padding-bottom: 51px;
+}
+
+.footer {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 51px;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    background: #fff;
+    z-index: 9999;
+    border-top: 1px solid #eaeaea;
+}
+.footer .jihuo {
+    color: #f15a4f;
+}
+.footer li a {
+    text-align: center;
+}
+.footer li img {
+    width: 30px;
+    height: 30px;
+}
+.footer li p {
+    font-size: 10px;
+    color: #666666;
+}
+
+.three_meals_list {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.djdzz_list .djdzz_item:nth-child(2n) {
+    margin-right: 0 !important;
+}
+.djdzz_item {
+    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
+    border-bottom-left-radius: 0.07rem;
+    border-bottom-right-radius: 0.07rem;
+    margin-bottom: 14px;
+    width: 49%;
+    float: left;
+    margin-right: 5px;
+}
+.djdzz_item img {
+    height: 222px;
+    width: 100%;
+    border-top-left-radius: 0.07rem;
+    border-top-right-radius: 0.07rem;
+}
+.cons {
+    box-sizing: border-box;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+}
+.user {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 20px;
+}
+.user_left img {
+    width: 18px;
+    height: 18px;
+    border-radius: 100%;
+    vertical-align: bottom;
+}
+.user_left span {
+    height: 18px;
+    font-size: 9px;
+    color: #666;
+    padding-left: 5px;
+}
+.user_right i {
+    font-size: 10px;
+}
+.user_right span {
+    padding-left: 15px;
+    color: #666;
+    font-size: 9px;
+}
+.text{
+    font-size: 0.18rem;
+    font-weight: 600;
+    color: #333;
+    padding: 0.12rem 0px 0.02rem;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+}
+.yang {
+    font-size: 8px;
+    height: 12px;
+    border-radius: 2px;
+    color: #fff;
+    padding: 0px 3px;
+    font-weight: 600;
+    background: #ff8d8d;
+    margin-bottom: 10px;
+}
+.desc{
+    background: #fff2f2;
+    border-radius: 2px;
+    margin: 5px 0 5px 0px;
+    padding: 4px 0px 4px 6px;
+    font-size: 0.11rem;
+    color: #ff8d8d;
+    line-height: 0.14rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.three_meals_item {
+    width: 1.65rem;
+}
+.three_meals_item img{
+    width: 1.65rem;
+    height: 2.23rem;
+    border-radius: 0.07rem;
+}