first commit

历届学生/front-end-team-10/项目练习/上课项目/失物招领/css/commodityinfo.css

@@ -0,0 +1,76 @@
+/* body{
+    height: 100vh;
+} */
+.head {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    margin-top: 1.3rem;
+    padding: 0 .3rem;
+
+
+}
+
+.head img {
+    width: 15%;
+    border-radius: 100%;
+
+}
+
+.head .information {
+    flex: 1;
+    margin-left: 10px;
+    width: 100%;
+
+}
+
+.head .information .name {
+    font-size: .3rem;
+    font-weight: bolder;
+}
+
+.head .information .address {
+    font-size: .1rem;
+    color: var(--sidetColor);
+}
+
+.time {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: .4rem;
+    padding: 0 .3rem;
+}
+
+.time .test {}
+
+.time .test p {
+    font-size: .3rem;
+    font-weight: 500;
+}
+
+.time .test span {
+    font-size: .1rem;
+    zoom: 1;
+    color: var(--sidetColor);
+}
+
+.time .certificate {
+    font-size: .2rem;
+    color: var(--otherThemeColor);
+}
+
+.bot {
+    margin-top: .1rem;
+    padding: 0 .3rem;
+}
+
+.bot p {
+    font-size: .3rem;
+    font-weight: 500;
+}
+
+.bot img {
+    width: 100%;
+    margin-top: .2rem;
+}