Browse Source

fix:样式调整

cmy 1 day ago
parent
commit
61611e3395

+ 26 - 1
source/index/publish.php

@@ -128,6 +128,31 @@ class publish extends BaseUser
                     margin-bottom: 20px;
                     height: auto!important;
                 }
+               
+                .upload-file .upload-btn .text {
+                    top: -5px;
+                    font-size: 18px;
+                    font-family: Source Han Sans SC;
+                }
+
+                @media (max-width: 768px) {
+                    .upload-file .upload-btn .iconfont.icon-upload {
+                        padding-left: 0.4rem;
+                        position: relative;
+                    }
+                    .upload-file .upload-btn .text {
+                        font-size: 0.36rem;
+                        line-height: 0.4rem;
+                    }
+                    .upload-file .iconfont.icon-upload::before {
+                        width: 0.4rem;
+                        height: 0.4rem;
+                        top: 50%;
+                        left: 0;
+                        transform: translateY(-50%);
+                    }
+                }
+                
             </style>
         </head>
 
@@ -204,7 +229,7 @@ class publish extends BaseUser
                                                                 <button class="ms-btn ms-btn-primary upload-btn"
                                                                     id="uploadstart">
                                                                     <span class="iconfont icon-upload"></span>
-                                                                    <span class="text" style="top: -5px; font-size: 18px; font-family: Source Han Sans SC">立即上传</span>
+                                                                    <span class="text">立即上传</span>
                                                                 </button>
                                                                 <div style="width: 120px;margin:20px auto">
                                                                     <?php

+ 15 - 4
static/index/css/apps-detail.css

@@ -777,7 +777,7 @@
 }
 
 @media (max-width: 768px) {
-    
+
     .download-template .form-group .control-label {
         text-align: left;
         width: unset;
@@ -797,6 +797,12 @@
         margin-right: 0;
     }
 
+    .form-group ul li .icon.icon-radio {
+        width: 0.4rem;
+        height: 0.4rem;
+        margin-right: 0.28rem;
+    }
+
     .senior .trust li,
     .senior .download-way li {
         float: left;
@@ -807,8 +813,8 @@
 
     .download-template .template-list li {
         margin: 0 0.36rem 0.36rem 0;
-        width: 80px;
-        height: 100px;
+        width: 1.6rem;
+        height: 2rem;
     }
 
     .download-template .template-list li:nth-last-child(1),
@@ -818,7 +824,7 @@
     }
 
     .download-template .form-group {
-        margin-bottom: 30px;
+        margin-bottom: 0.6rem;
     }
 
     .download-template .form-group:last-child {
@@ -828,6 +834,11 @@
     #tab-template {
         margin-bottom: 0.18rem;
     }
+
+    .download-template .template-list li .t-checked::after {
+        width: 0.32rem;
+        height: 0.32rem;
+    }
 }
 
 /* 下载记录样式 */

+ 49 - 29
static/index/css/apps-info-top.css

@@ -111,7 +111,7 @@
 }
 
 .app-details .my-apps-detail-top .d-right {
-    width: 399px;
+    width: 379px;
     margin-top: 0;
     flex-shrink: 0;
 }
@@ -168,21 +168,27 @@
 }
 
 @media screen and (max-width: 767px) {
+    .app-details .my-apps-detail-top .information dt .i-tit {
+        line-height: 0.46rem;
+        height: 0.46rem;
+        display: block;
+    }
+
     .app-details .details-top.my-apps-detail-top {
         padding: 0.4rem 0.32rem 0.4rem 0.32rem;
         flex-wrap: wrap;
     }
-    
+
     .app-details .my-apps-detail-top .upload-icon-common {
         width: 1.2rem;
         height: 1.2rem;
         border-radius: 0.24rem;
     }
-    
+
     .app-details .my-apps-detail-top .information {
         margin: 0 0 0 0.32rem;
     }
-    
+
     .app-details .my-apps-detail-top .information dt .text {
         font-family: Arial;
         font-weight: 700;
@@ -190,7 +196,7 @@
         line-height: 0.46rem;
         margin-right: 0.4rem;
     }
-    
+
     .app-details .my-apps-detail-top .information dt .version {
         top: -0.06rem;
         left: -0.1rem;
@@ -201,15 +207,23 @@
         border-radius: 0.12rem;
         width: 1.08rem;
     }
-    
+
     .app-details .my-apps-detail-top .information dt {
         margin-bottom: 0.16rem;
     }
-    
+
     .app-details .my-apps-detail-top .information dd {
         margin-top: 0 !important;
     }
-    
+
+    .app-details .my-apps-detail-top .information dd span.iconfont {
+        margin-right: 0.01rem !important;
+        width: 0.28rem;
+        height: 0.28rem;
+        top: -0.01rem !important;
+        margin-bottom: 0;
+    }
+
     .app-details .my-apps-detail-top .information dd span {
         font-family: Source Han Sans SC;
         font-weight: 400;
@@ -218,93 +232,99 @@
         margin-right: 0.48rem !important;
         margin-bottom: 0.16rem;
     }
-    
+
     .my-apps-detail-top .iconfont+.text {
         font-size: 0.28rem;
     }
-    
+
     .my-apps-detail-top .iconfont {
         width: 0.4rem;
         height: 0.4rem;
         top: -0.14rem !important;
     }
-    
+
     .app-details .my-apps-detail-top .details-upload-new-version,
     .app-details .my-apps-detail-top .details-preview,
     .app-details .my-apps-detail-top .details-merge {
         padding: 0 0.24rem;
         font-size: 0;
         box-shadow: unset;
+        height: 0.68rem;
+        line-height: 0.68rem;
     }
-    
+
     .my-apps-detail-top .iconfont+.text {
         margin-left: 0.08rem;
     }
-    
+
     .app-details .my-apps-detail-top .d-right {
         width: unset;
     }
-    
+
     .release-app2 .aside-right .app-details .details-top .fr {
         margin: 0.36rem auto 0;
     }
-    
+
+    .app-details2 .app-information {
+        padding: 0 16px;
+    }
+
     .app-details .details-bottom {
         padding: 0.4rem 0 0.66rem 0;
     }
-    
+
     .release-app2 .aside-right .app-details .details-bottom .table-responsive {
         overflow-y: hidden;
     }
-    
+
     .app-details .details-bottom table th .th-line {
         font-weight: 500;
         font-size: 0.28rem;
         line-height: 0.46rem;
     }
-    
+
     .release-app2 .aside-right .app-details .details-bottom table {
         margin-bottom: 0.32rem;
     }
-    
+
     .release-app2 .aside-right .app-details .details-bottom table:last-child {
         margin-bottom: 0;
     }
-    
+
     .release-app2 .aside-right .app-details .details-bottom table th {
         padding: 0 0.1rem 0 0;
     }
-    
+
     .release-app2 .aside-right .app-details .details-bottom table td {
         padding: 0 0.1rem 0 0;
     }
-    
+
     .app-details2 .app-information .more-wrap img {
         width: 1rem;
         height: 1rem;
         left: 1.64rem;
         top: -0.44rem;
     }
-    
+
     .table-responsive {
         margin-bottom: 0;
     }
-    
+
     .app-details2 .app-information .more-wrap img:hover {
         width: 2.5rem;
         height: 2.5rem;
         left: 1.4rem;
         top: -2.2rem;
     }
-    
+
     .info-container {
         display: flex;
     }
-    
+
     .info-container:not(:last-child) {
         margin-bottom: 0.32rem;
     }
-    
+
     .info-label {
         height: 0.46rem;
         display: inline-block;
@@ -316,7 +336,7 @@
         line-height: 0.46rem;
         display: block;
     }
-    
+
     .info-value {
         padding: 0;
         font-family: Source Han Sans SC;
@@ -326,7 +346,7 @@
         vertical-align: middle;
         color: rgba(143, 149, 159, 1);
     }
-    
+
     .info-copy {
         color: rgba(33, 104, 251, 1);
         font-family: Source Han Sans SC;

+ 8 - 19
static/index/css/apps.css

@@ -52,25 +52,6 @@
         margin-bottom: 0.24rem;
     }
 
-    aside.aside-left {
-        padding: 0.24rem 0;
-    }
-
-    aside.aside-left ul li {
-        margin-bottom: 0.16rem;
-    }
-
-    aside.aside-left ul li:last-child {
-        margin-bottom: 0;
-    }
-
-    aside.aside-left ul li a {
-        padding-left: 0.8rem;
-        height: 0.88rem;
-        line-height: 0.88rem;
-        font-size: 0.32rem;
-    }
-
     #container {
         height: 8.12rem !important;
     }
@@ -109,6 +90,7 @@
     .warn-prompt-1 dd {
         margin-left: 0;
         color: rgba(143, 149, 159, 1);
+        font-size: 0.24rem;
     }
 
      .warn-prompt-1 dd .color-hover {
@@ -151,6 +133,13 @@
         line-height: 0.28rem;
     }
 
+    /* 上传应用 */
+
+    .upload-file .upload-btn .text {
+        font-size: 0.36rem;
+        line-height: 0.4rem;
+    }
+
     /* 成功上传 */
     
     .release-app .uploaded-success {

+ 40 - 2
static/index/css/main.css

@@ -9878,6 +9878,7 @@ aside.aside-left ul li a .iconfont {
     line-height: 24px;
     position: relative;
     display: inline-block;
+    vertical-align: middle;
 }
 
 aside.aside-left ul li a .iconfont::before {
@@ -9889,9 +9890,10 @@ aside.aside-left ul li a .iconfont::before {
     height: 24px;
     display: inline-block;
     position: absolute;
-    top: 5px;
+    top: 50%;
     left: 0;
     background-image: url(../image/inner-nav/nav-3.png);
+    transform: translateY(-50%);
 }
 
 aside.aside-left ul li a .iconfont.icon-upload1::before {
@@ -11379,7 +11381,7 @@ aside.aside-left ul li:hover a .iconfont {
 }
 
 .app-details .details-bottom {
-    padding: 5px 0 15px;
+    padding: 5px 10px 15px;
 }
 
 .app-details2 .d-table-wrap table td {
@@ -15625,4 +15627,40 @@ aside.aside-left ul li:hover a .iconfont {
     aside.aside-left ul li a .iconfont::before {
         top: 13px;
     }
+}
+
+@media (max-width: 768px) {
+    aside.aside-left {
+        padding: 0.24rem 0;
+    }
+
+    aside.aside-left ul li {
+        margin-bottom: 0.16rem;
+    }
+
+    aside.aside-left ul li:last-child {
+        margin-bottom: 0;
+    }
+
+    aside.aside-left ul li a {
+        padding-left: 0.8rem;
+        height: 0.88rem;
+        line-height: 0.88rem;
+        font-size: 0.32rem;
+    }
+
+    aside.aside-left ul li a .iconfont {
+        margin-right: 0.24rem;
+        font-size: 0.48rem;
+        width: 0.48rem;
+        height: 0.88rem;
+        line-height: 0.48rem;
+    }
+
+    aside.aside-left ul li a .iconfont::before {
+        width: 0.48rem;
+        height: 0.48rem;
+        top: 50%;
+        transform: translateY(-50%);
+    }
 }