Kaynağa Gözat

解决游览器顶部全拖拽问题

nn 8 yıl önce
ebeveyn
işleme
4b26ea7fca

+ 1 - 1
resources/app/browser.html

@@ -17,7 +17,7 @@
         <button type="button" class="icon-cancel"></button>
       </section>
     </section>
-    <ul class="bowerCreaterWindow">
+    <ul class="bowerCreaterWindow" style="-webkit-app-region: drag">
         <button class="BrowwerAdd"></button>
     </ul>
     <ul class="bowerHeaderSeach" id="CampusInfoBrowserHeaderSeach">

+ 15 - 4
resources/app/public/css/browser.css

@@ -58,10 +58,6 @@ ul,li{
     text-align: center;
     color: #d3d3d3;
 }
-/* .bowerHeaderSeach .refresh{
-    color: #5a5a5a;
-} */
-
 .bowerHeaderSeach .bowerSeach{
     position: relative;
     width: calc(100% - 180px) !important;
@@ -113,6 +109,10 @@ ul,li{
     background-color: #d0d0d0;
     border-top: 1px solid #a2a2a2;
     z-index: 30;
+    -webkit-app-region: no-drag;
+    -webkit-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    -moz-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    transition: all .3s cubic-bezier(0.3,.1,.58,1);
 }
 .BrowerActive{
     background-color: #f2f2f2 !important;
@@ -138,6 +138,9 @@ ul,li{
     transform: skewX(20deg);
     background-color: #d0d0d0;
     border-right: 1px solid #a2a2a2;
+    -webkit-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    -moz-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    transition: all .3s cubic-bezier(0.3,.1,.58,1);
 }
 .bowerCreaterWindow li:after {
     content: '';
@@ -150,6 +153,10 @@ ul,li{
     transform: skewX(-20deg);
     background-color: #d0d0d0;
     border-left: 1px solid #a2a2a2;
+    -webkit-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    -moz-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    
 }
 .bowerCreaterWindow {
     float: left;
@@ -158,6 +165,9 @@ ul,li{
     display: inline-flex;
     overflow: unset;
     margin-left: 25px;
+    -webkit-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    -moz-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    transition: all .3s cubic-bezier(0.3,.1,.58,1);
 }
 .BrowerListBody {
     position: relative;
@@ -202,6 +212,7 @@ button.BrowwerAdd {
     -o-transform: skew(20deg);
     background: white;
     border: 1px solid #c7c7c7;
+    -webkit-app-region: no-drag;
 }
 .BrowerContainer {
      height: calc(100% - 93px) !important;