media-btn

project.config.json

@@ -2,7 +2,7 @@
 	"miniprogramRoot": "dist/",
 	"projectname": "mini-chengjiao",
 	"description": "橙蕉宁房",
-	"appid": "wxbbb069a341055ef0",
+	"appid": "wxd9ee3a9480a4e544",
 	"setting": {
 		"urlCheck": false,
 		"es6": false,

src/pages/project/detail/index.scss

@@ -14,32 +14,34 @@
   padding-bottom: 50px;
 
   .media-btn {
-    height: 64px;
+    height: 46px;
     top: 440px;
     font-size: 30px;
-    font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
     text-align: center;
     line-height: 64px;
-    color: rgba(53, 53, 53, 1);
+    color: #333;
     display: flex;
     position: fixed;
     transform: translateX(calc(50vw - 50%));
-
+    border:1px solid #f6b61d;
+    border-radius: 22px;
+    background-color: rgba(256,256,256,0.8);
+    font-weight: 600;
     .btn {
       width: 92px;
-      height: 64px;
-      border-radius: 12px;
-      background: rgba(255, 255, 255, 1);
+      line-height: 44px;
+      font-size: 24px;
 
-      & + .btn {
-        margin-left: 24px;
-      }
+      // & + .btn {
+      //   margin-left: 24px;
+      // }
     }
 
     .active {
-      background: rgba(187, 156, 121, 1);
-      color: rgba(255, 255, 255, 1);
+      background: #f6b61d;
+      color: #fff;
+      border-radius: 22px;
     }
 
   }