feat:m端应用详情及相关模块

source/index/publish_tab_advanced.php

@@ -11,7 +11,7 @@ $row or exit(include_once dirname(__FILE__) . "/../pack/error/404.php");
 <div class="senior">
     <!-- 信任教程设置 -->
     <div class="form-group clearfix" <?php echo $row["in_form"] == "iOS" && $this->action != "super" ? "" : "style=\"display:none\""; ?>>
-        <label class="control-label col-sm-1">信任教程</label>
+        <label class="control-label col-sm-1">安裝方式</label>
         <div class="col-sm-6">
             <ul class="clearfix trust in_tutorial">
                 <li class="clearfix <?php if ($row["in_tutorial"] == 1) { ?>active<?php } ?>" data-value="1">
@@ -139,14 +139,14 @@ $row or exit(include_once dirname(__FILE__) . "/../pack/error/404.php");
     <div class="form-group clearfix">
         <label class="control-label col-sm-1">应用介绍</label>
         <div class="col-sm-6">
-            <textarea class="form-control" rows="4" type="text" placeholder="请输入应用介绍" id="app_intro" name="app_intro" style="width:500px;height:200px;"><?php echo $row["in_appintro"]; ?></textarea>
+            <textarea class="form-control" rows="4" type="text" placeholder="请输入应用介绍" id="app_intro" name="app_intro"><?php echo $row["in_appintro"]; ?></textarea>
         </div>
     </div>
 
     <!-- 保存按钮 -->
     <div class="form-group clearfix">
         <input type="hidden" name="id" value="<?php echo bees_encrypt($row["in_id"]); ?>" />
-        <label class="control-label col-sm-1"></label>
+        <label class="control-label col-sm-1 hidden-xs"></label>
         <div class="col-sm-6">
             <button id="submitAdvancedButton" type="button" class="btn-apps-save">
                 保存

source/index/publish_tab_basic.php

@@ -35,7 +35,7 @@ $link = $ssl . $_SERVER["HTTP_HOST"] . IN_PATH;
     <!-- 保存按钮 -->
     <div class="form-group clearfix">
         <input type="hidden" name="id" value="<?php echo bees_encrypt($row["in_id"]); ?>" />
-        <label class="control-label col-sm-1"></label>
+        <label class="control-label col-sm-1 hidden-xs"></label>
         <div class="col-sm-6">
             <button id="submitBasicButton" type="button" class="btn-apps-save">
                 保存

source/index/publish_tab_template.php

@@ -32,7 +32,7 @@ $row or exit(include_once dirname(__FILE__) . "/../pack/error/404.php");
     </div>
 
     <!-- 设置模板 -->
-    <div class="form-group">
+    <div class="form-group clearfix">
         <label class="control-label col-sm-1">设置模板</label>
         <div class="col-sm-10">
             <ul class="clearfix template-list">
@@ -57,7 +57,7 @@ $row or exit(include_once dirname(__FILE__) . "/../pack/error/404.php");
     <!-- 保存按钮 -->
     <div class="form-group clearfix">
         <input type="hidden" name="id" value="<?php echo bees_encrypt($row["in_id"]); ?>" />
-        <label class="control-label col-sm-1"></label>
+        <label class="control-label col-sm-1 hidden-xs"></label>
         <div class="col-sm-6">
             <button id="submitTemplateButton" type="button" class="btn-apps-save">
                 保存

source/index/publish_tab_version.php

@@ -85,13 +85,16 @@ if ($count > 3) {
                 }
                 ?>
             </tbody>
-            <tfoot>
+            <!-- <tfoot>
                 <tr>
                     <td colspan="9"><?php echo getRender($result, $page); ?></td>
                 </tr>
-            </tfoot>
+            </tfoot> -->
         </table>
     </div>
+    <div class="pagination-wrap">
+        <?php echo getRender($result, $page); ?>
+    </div>
 </div>
 
 <!-- 编辑模态框 -->

static/index/css/apps-detail.css

@@ -74,6 +74,23 @@
 
 .tabs .nav-tabs {
     border-bottom: 0 solid #e5e5e5;
+    /* 添加横向滚动支持 */
+    overflow-x: auto;
+    overflow-y: hidden;
+    white-space: nowrap;
+    display: flex;
+    flex-wrap: nowrap;
+    -webkit-overflow-scrolling: touch;
+    /* iOS滚动优化 */
+    scrollbar-width: none;
+    /* Firefox隐藏滚动条 */
+    -ms-overflow-style: none;
+    /* IE隐藏滚动条 */
+}
+
+/* 隐藏Webkit浏览器的滚动条 */
+.tabs .nav-tabs::-webkit-scrollbar {
+    display: none;
 }
 
 .tabs .nav-tabs>li>a {
@@ -250,8 +267,7 @@
 }
 
 .pagination>li>a,
-.pagination>li>span
- {
+.pagination>li>span {
     color: rgba(33, 104, 251, 1);
 }
 
@@ -268,7 +284,7 @@
 .pagination>li:first-child {
     display: inline-block;
     padding: 7px 12px;
-    background-color: transparent!important;
+    background-color: transparent !important;
     border: unset;
     color: rgba(33, 104, 251, 1);
     pointer-events: none;
@@ -313,15 +329,77 @@
     border: unset;
 }
 
+@media (max-width: 768px) {
+
+    /* 移动端导航优化 */
+    .tabs {
+        padding: 0 0.3rem 0.72rem 0.3rem;
+    }
+
+    .tabs .nav-tabs>li>a {
+        padding: 0.2rem 0.08rem;
+        margin-right: 0.48rem;
+        font-size: 0.28rem;
+        line-height: 0.4rem;
+    }
+
+    .tabs .tab-content {
+        padding: 0.36rem 0 0 0;
+    }
+
+    #tab-basic {
+        margin-top: 0.14rem;
+    }
+
+    .tabs .tab-pane {
+        min-height: unset;
+    }
+
+    /* 表单页 */
+
+    .form-control {
+        width: 100%;
+        height: 0.68rem;
+        font-size: 0.28rem;
+        padding: 0 0.24rem;
+    }
+
+    .form-group .col-sm-6,
+    .form-group .col-sm-10 {
+        padding: 0;
+    }
+
+    /* 表格 */
+
+    .table>tbody>tr>th {
+        height: 0.72rem;
+        font-size: 0.28rem;
+        line-height: 0.36rem;
+    }
+
+    .table>tbody>tr>td {
+        padding: 0 0.3rem !important;
+        height: 1rem;
+        font-size: 0.28rem;
+        line-height: 0.26rem;
+    }
+
+    .pagination-wrap {
+        display: flex;
+        justify-content: center;
+    }
+
+    .pagination>li:first-child {
+        padding: 0.14rem 0 0.14rem 0.24rem;
+    }
+}
+
 /* 应用版本 */
 .app-details-update .form-control {
     width: 450px;
 }
 
-/* 基本设置 - 表单样式 */
-.basic {
-    /* padding: 20px 0; */
-}
+/* 基本设置 tab 页 - 表单样式 */
 
 .basic .form-group {
     margin-bottom: 20px;
@@ -407,19 +485,46 @@
     font-size: 14px;
 }
 
-/* 响应式样式 */
 @media (max-width: 768px) {
     .basic .form-group .control-label {
         text-align: left;
-        margin-bottom: 5px;
+        margin-bottom: 0.16rem;
+        width: unset;
+        font-size: 0.28rem;
+        line-height: 0.46rem;
     }
 
     .basic .short-link .col-sm-6 {
-        margin-bottom: 10px;
+        margin-bottom: 0.2rem;
     }
 
     .ms-modal .modal-dialog {
-        margin: 50px 15px 10px;
+        margin: 1rem 0.3rem 0.2rem;
+    }
+
+    .basic .short-link .link {
+        width: 4.4rem;
+        height: 0.68rem;
+        line-height: 0.68rem;
+        padding-left: 0.24rem;
+        color: rgba(0, 0, 0, 1);
+        font-size: 0.28rem;
+    }
+
+    #url {
+        width: 1.86rem;
+    }
+
+    .basic .form-group {
+        margin-bottom: 0.4rem;
+    }
+
+    .btn-apps-save {
+        margin: 0.28rem 0 0 1.56rem;
+        width: 3.12rem;
+        line-height: 0.68rem;
+        border-radius: 0.08rem;
+        padding: 0 0.4rem;
     }
 }
 
@@ -489,6 +594,11 @@
     line-height: 1.5;
 }
 
+.senior .app_intro {
+    width: 500px;
+    height: 200px;
+}
+
 /* 条件显示元素 */
 #apppwd,
 .auth_code_dispense_url {
@@ -499,18 +609,44 @@
 @media (max-width: 768px) {
     .senior .form-group .control-label {
         text-align: left;
-        margin-bottom: 5px;
+        margin-bottom: 0.24rem;
+        width: unset;
+        font-size: 0.28rem;
+        line-height: 0.4rem;
     }
 
     .senior .trust li,
     .senior .download-way li {
-        float: none;
-        margin-right: 0;
-        margin-bottom: 10px;
+        float: left;
+        margin-right: 0.8rem;
+        margin-bottom: 0;
+        padding: 0;
     }
 
     .senior .download-way {
-        margin-bottom: 20px;
+        margin-bottom: 0;
+    }
+
+    .senior .form-group .col-sm-10 {
+        padding: 0;
+    }
+
+    .senior {
+        margin-top: 0.14rem;
+    }
+
+    .senior .form-group {
+        margin-bottom: 0.4rem;
+    }
+
+    .senior textarea.form-control {
+        width: 100%;
+        height: 1.64rem;
+        padding: 0.2rem 0.24rem;
+    }
+
+    .senior #submitAdvancedButton {
+        margin-top: 0.48rem;
     }
 }
 
@@ -640,26 +776,57 @@
     display: none;
 }
 
-/* 响应式模板设置 */
 @media (max-width: 768px) {
+    
     .download-template .form-group .control-label {
         text-align: left;
-        margin-bottom: 5px;
+        width: unset;
+        font-size: 0.28rem;
+        line-height: 0.4rem;
+        margin-bottom: 0.24rem;
     }
 
     .download-template .template-language li {
-        float: none;
+        float: left;
+        margin-right: 0.48rem;
+        margin-bottom: 0;
+        padding: 0;
+    }
+
+    .download-template .template-language li:nth-child(3) {
         margin-right: 0;
-        margin-bottom: 10px;
     }
 
-    .download-template ul {
-        justify-content: center;
+    .senior .trust li,
+    .senior .download-way li {
+        float: left;
+        margin-right: 0.8rem;
+        margin-bottom: 0;
+        padding: 0;
     }
 
-    .download-template .t-checked-wrap img {
-        width: 150px;
-        height: 90px;
+    .download-template .template-list li {
+        margin: 0 0.36rem 0.36rem 0;
+        width: 80px;
+        height: 100px;
+    }
+
+    .download-template .template-list li:nth-last-child(1),
+    .download-template .template-list li:nth-last-child(2),
+    .download-template .template-list li:nth-last-child(3) {
+        margin-bottom: 0;
+    }
+
+    .download-template .form-group {
+        margin-bottom: 30px;
+    }
+
+    .download-template .form-group:last-child {
+        margin-bottom: 0;
+    }
+
+    #tab-template {
+        margin-bottom: 0.18rem;
     }
 }
 
@@ -754,4 +921,80 @@
     width: 100px;
     height: 100px;
     margin-bottom: 20px;
+}
+
+@media (max-width: 768px) {
+
+    /* 表格的搜索栏 */
+    .download-details .d-top {
+        display: flex;
+        flex-wrap: wrap;
+        margin-bottom: 0.4rem;
+    }
+
+    .download-details .date {
+        width: unset;
+        margin-right: 0.4rem;
+    }
+
+    .download-details .date1 {
+        margin-right: 0.08rem;
+    }
+
+    .download-details .d-top .form-control {
+        width: 2rem;
+        height: 0.64rem;
+        font-size: 0.26rem;
+        padding: 0 0.5rem 0 0.1rem;
+    }
+
+    .download-details .d-top .iconfont {
+        width: 0.32rem;
+        height: 0.32rem;
+    }
+
+    .download-details .d-top .icon-date {
+        margin-right: 0;
+        top: 0.16rem;
+        right: 0.14rem;
+    }
+
+    .download-details .d-top .line {
+        margin-right: 0.08rem;
+        width: 0.24rem;
+        height: 0.28rem;
+    }
+
+    .download-details .d-top .query {
+        margin-top: 0;
+        font-size: 0.32rem;
+        padding: 0 0.38rem;
+        height: 0.64rem;
+        line-height: 0.6rem;
+        border-radius: 0.08rem;
+        margin-bottom: 0.4rem;
+    }
+
+    .download-details .d-top .num {
+        margin-left: 0;
+        font-size: 0.28rem;
+        line-height: 0.64rem;
+        margin-top: 0;
+        margin-right: 0.24rem;
+    }
+
+    .download-details .d-top button {
+        font-size: 0.32rem;
+        height: 0.64rem;
+        line-height: 0.6rem;
+        border-radius: 0.08rem;
+        border-width: 0.02rem;
+        padding: 0 0.4rem;
+    }
+
+    /* 表格 */
+    .download-details {
+        min-height: unset;
+        padding-bottom: 0.74rem;
+    }
 }