first commit

历届学生/front-end-team/项目练习/上课项目/菜谱App/css/clear.css

@@ -0,0 +1,59 @@
+/* 清除浏览器默认的css样式 */
+:root {
+    --themeColor: #fb7299;
+    --whiteColor: #fff;
+    --blackColor: #000;
+
+    --fontSize12: 0.24rem;
+    --fontSize13: 0.26rem;
+    --fontSize14: 0.28rem;
+    --fontSize15: 0.3rem;
+    --fontSize16: 0.32rem;
+    --fontSize17: 0.34rem;
+    --fontSize18: 0.36rem;
+    --fontSize19: 0.38rem;
+    --fontSize20: 0.4rem;
+    --fontSize21: 0.42rem;
+}
+
+::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+}
+
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ul,
+li,
+p {
+    margin: 0;
+    padding: 0;
+}
+
+li {
+    list-style: none;
+}
+
+a {
+    text-decoration: none;
+    color: #000;
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    -webkit-user-select: none;
+    -moz-user-focus: none;
+    -moz-user-select: none;
+}
+input,
+button,
+textarea {
+    outline: none;
+    border: none;
+}
+
+body {
+    /* font-size: 0px; */
+}

历届学生/front-end-team/项目练习/上课项目/菜谱App/css/index.css

@@ -0,0 +1,86 @@
+.header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: .9rem;
+    padding: 0 .3rem;
+    position: fixed;
+    width: 100%;
+    left: 0;
+    top: 0;
+    right: 0;
+    z-index: 999;
+    background: #fff;
+    box-sizing: border-box;
+    border-bottom: 1px solid #e9e9e9;
+}
+.header .search {
+    height: .7rem;
+    background: #f5f5f5;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    padding-left: .26rem;
+    font-size: .28rem;
+}
+.header .search i {
+    margin-right: .2rem;
+}
+
+.content {
+    margin-top: 0.9rem;
+    height: calc(100vh - 0.9rem);
+    display: flex;
+}
+
+.left {
+    height: 100%;
+    width: 1.6rem;
+    background: #f5f5f5;
+    overflow-y: scroll;
+}
+
+.left li {
+    height: 70px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.left .active {
+    background: #fff;
+}
+.left li .img{
+    height: 25px;
+    width: 25px;
+    background: url("https://s1.st.meishij.net/p2/20191108/20191108113258_481.png");
+    background-position: 0 0;
+    background-size: 25px 500px;
+}
+
+.left li p {
+    font-size: .24rem;
+    color: #333;
+    margin-top: 4px;
+}
+
+.right {
+    display: flex;
+    flex-wrap: wrap;
+    align-content: flex-start;
+    overflow-y: scroll;
+    flex: 1;
+}
+.right li {
+    width: 33%;
+    text-align: center;
+    height: 1.8rem;
+}
+.right li img {
+    width: 1.24rem;
+    height: 1.24rem;
+}
+.right li p {
+    font-size: .24rem;
+    color: #333;
+}

历届学生/front-end-team/项目练习/上课项目/菜谱App/css/public.css

@@ -0,0 +1,6 @@
+
+.ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}