浏览代码

feat:移动端应用列表

luoy 2 天之前
父节点
当前提交
ce3da9d7e5
共有 4 个文件被更改,包括 51 次插入17 次删除
  1. 7 7
      source/index/apps.php
  2. 1 1
      static/index/css/h5.css
  3. 35 3
      static/index/css/ly.css
  4. 8 6
      static/index/css/main.css

+ 7 - 7
source/index/apps.php

@@ -184,7 +184,7 @@ class apps extends BaseUser
                                                                     <span class="apps-num" style="color: #FF7429 !important"><?php echo formatsize($this->user["in_spaceuse"]); ?></span>
                                                                 </div>
                                                             </div>
-                                                            <div class="apps-right-line">
+                                                            <div class="apps-right-line mob-none">
                                                             </div>
                                                         </dd>
                                                         <dd class="fl">
@@ -318,7 +318,7 @@ class apps extends BaseUser
                                             <div style="margin-bottom: 16px; height: 30px;">
                                                 <?php
                                                 if ($this->action == "apps") {
-                                                ?> <div class="app-system-select fl" style="width: 150px;height: 34px;">
+                                                ?> <div class="app-system-select fl">
                                                         <span class="text">
                                                             <?php
                                                             if ($_var_0 == "ipa") {
@@ -356,8 +356,8 @@ class apps extends BaseUser
                                                     </div>
                                                 <?php
                                                 }
-                                                ?> <div class="input-search fl" style="width: 195px; height: 34px;">
-                                                    <input style="width: 100%; height: 34px;" type="text" class="fl" placeholder="输入应用名称" name="search_input"
+                                                ?> <div class="input-search fl">
+                                                    <input type="text" class="fl" placeholder="输入应用名称" name="search_input"
                                                         id="keyword" value="<?php echo $_var_1; ?>">
                                                     <span class="iconfont icon-search"></span>
                                                 </div>
@@ -423,10 +423,10 @@ class apps extends BaseUser
                                                                                     <img src="<?php echo geticon($_var_23["in_icon"]); ?>" onerror="javascript:this.src='/static/index/image/<?php echo $_var_23["in_form"]; ?>.png'">
                                                                                 </a>
                                                                             </div>
-                                                                            <div class="fl">
+                                                                            <span class="fl">
                                                                                 <a href="<?php echo $_var_23["in_applock"] ? "javascript:;" : "/index/publish_detail?id=" . bees_encrypt($_var_23["in_id"]); ?>" class="tit2" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<?php echo $_var_23["in_name"]; ?>" data-trigger="hover"><?php echo $_var_23["in_name"]; ?></a>
                                                                                 <span class="tit3"><?php echo $_var_23["in_form"]; ?></span>
-                                                                            </div>
+                                                                            </span>
                                                                         </div>
                                                                     </td>
                                                                     <td><?php echo $_var_23["in_bsvs"]; ?></td>
@@ -444,7 +444,7 @@ class apps extends BaseUser
                                                                                         <div class="clearfix download-code download-code1">
                                                                                             <span class="icon icon-small-code fl" data-html="true" data-toggle="popover" title="" data-container="body" data-trigger="hover" data-placement="bottom" data-content="<img src='/qrcode?link=<?php echo $_var_25; ?>'>" data-original-title="扫描二维码下载">
                                                                                             </span><a style="margin: 0 5px;" class="ellipsis fl" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<?php echo $_var_25; ?>" data-trigger="hover" target="_blank" href="<?php echo $_var_25; ?>"><?php echo $_var_25; ?></a>
-                                                                                            <button class="copy-btn" data-clipboard-text="<?php echo $_var_25; ?>" style="border-radius: 3px;border: 1px solid goldenrod;background: #fff;font-size: 10px;color: goldenrod;padding: 0 5px">复制</button>
+                                                                                            <button class="copy-btn" data-clipboard-text="<?php echo $_var_25; ?>" style="width: 40px; border-radius: 3px;border: 1px solid goldenrod;background: #fff;font-size: 10px;color: goldenrod;padding: 0 5px">复制</button>
                                                                                         </div>
                                                                                     </div>
                                                                                     <div class="app-list-notes-wrap">

+ 1 - 1
static/index/css/h5.css

@@ -4577,7 +4577,7 @@
     }
 
     .table-list-wrap .input-search {
-        margin: 10px 10px 0 !important;
+        /* margin: 10px 10px 0 !important; */
     }
 
     .input-text .error1 {

+ 35 - 3
static/index/css/ly.css

@@ -111,6 +111,7 @@
     font-size: 16px !important;
     font-weight: 500 !important;
     margin-top: 40px !important;
+    border-radius: 4px !important;
 }
 .apps-buyBtn-font {
     transform: translate(1px, 3px);
@@ -195,8 +196,39 @@
   left: -16px;
 }
 /* 移动端样式适配 */
-@media (max-width: 480px) {
-    .table-list-wrap {
-        padding: 10px;
+@media (max-width: 767px) {
+    .apps-num {
+        font-size: 24px !important;
+    }
+    .apps-numbox {
+        height: 50px
+    }
+    .apps-numbox-n {
+        margin-top: 10px;
+    }
+    .apps-right-line {
+        top: 17px;
+        height: 40px;
+    }
+    .apps-buyBtn {
+        position: absolute;
+        top: -22px;
+        right: 12px;
+    }
+    .mob-none {
+        display: none !important;
+    }
+    .app-system-select {
+        width: 90px !important;
+        height: 30px !important;
+        /* margin-right: 0 !important; */
+    }
+    .input-search input {
+        width: 120px !important;
+        height: 30px !important;
+    }
+    .app-bloder-btn {
+        height: 30px !important;
+        line-height: 28px !important;
     }
 }

+ 8 - 6
static/index/css/main.css

@@ -242,9 +242,9 @@
 }
 
 .input-search input {
-    height: 30px;
+    width: 195px;
+    height: 34px;
     line-height: 30px;
-    width: 170px;
     border: 1px solid #e5e5e5;
     padding-left: 10px;
     background-color: #fff;
@@ -271,8 +271,8 @@
 /*APP iOS Android 下拉*/
 .app-system-select {
     position: relative;
-    width: 90px;
-    height: 30px;
+    width: 150px;
+    height: 34px;
     line-height: 28px;
     padding-left: 10px;
     border: 1px solid #e5e5e5;
@@ -6494,7 +6494,7 @@ a:hover {
 }
 
 .table-list .app-table td .app-icon-size {
-    margin-right: 10px;
+    margin: 10px 10px 10px 0;
 }
 
 .table-list .app-table td .app-icon-size img {
@@ -10163,7 +10163,7 @@ aside.aside-left ul li:hover a .iconfont {
 }
 
 .table-list .app-table .download-code1 {
-    display: inline-block;
+    display: inline-flex;
 }
 
 .table-list .app-table .download-code .ellipsis {
@@ -10190,6 +10190,8 @@ aside.aside-left ul li:hover a .iconfont {
 
 .release-app2 .aside-right .app-table .app-icon-name {
     position: relative;
+    display: flex;
+    align-items: center;
 }
 
 .release-app2 .aside-right .app-table .app-icon-name .big-package-1 {