全屏抽屉Android手机卡顿BUG

XiaokangLei · Jan 27, 2023 · 7fd5b6d · 7fd5b6d
1 parent df8a715
commit 7fd5b6d
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 7 deletions.
diff --git a/colorui/main.wxss b/colorui/main.wxss
@@ -3780,6 +3780,7 @@ movable-view.indexBar-item::before {
 
 .cu-drawer-page.show {
   transform: scale(0.9, 0.9);
+  will-change: transform;
   left: 85vw;
   box-shadow: 0 0 60rpx rgba(0, 0, 0, 0.2);
   transform-origin: 0;
@@ -3792,13 +3793,15 @@ movable-view.indexBar-item::before {
   left: 0;
   top: 0;
   transform: scale(0.9, 0.9) translateX(-100%);
+  will-change: transform;
   opacity: 0;
   pointer-events: none;
   transition: all 0.4s;
 }
 
 .cu-drawer-window.show {
   transform: scale(1, 1) translateX(0%);
+  will-change: transform;
   opacity: 1;
   pointer-events: all;
 }

diff --git a/pages/index/component/nav/nav.wxml b/pages/index/component/nav/nav.wxml
@@ -3,10 +3,6 @@
   <view slot="content">导航栏</view>
 </cu-custom>
 
-<view wx:for="{{10}}" wx:key="index" wx:if="{{index==TabCur}}" class="bg-grey padding margin text-center">
-  Tab{{index}}
-</view>
-
 <view class="cu-bar bg-white solid-bottom">
   <view class="action">
     <text class="cuIcon-titles text-blue"></text> 默认
@@ -19,6 +15,10 @@
   </view>
 </scroll-view>
 
+<view wx:for="{{10}}" wx:key="index" wx:if="{{index==TabCur}}" class="bg-blue light padding padding-tb-xxl margin-sm text-center radius">
+  Tab-{{index}}
+</view>
+
 <view class="cu-bar bg-white margin-top solid-bottom">
   <view class="action">
     <text class="cuIcon-titles text-blue"></text> 居中
@@ -31,6 +31,10 @@
   </view>
 </scroll-view>
 
+<view wx:for="{{10}}" wx:key="index" wx:if="{{index==TabCur}}" class="bg-blue light padding padding-tb-xxl margin-sm text-center radius">
+  Tab-{{index}}
+</view>
+
 <view class="cu-bar bg-white margin-top solid-bottom">
   <view class="action">
     <text class="cuIcon-titles text-blue"></text> 平分
@@ -45,6 +49,10 @@
   </view>
 </scroll-view>
 
+<view wx:for="{{10}}" wx:key="index" wx:if="{{index==TabCur}}" class="bg-blue light padding padding-tb-xxl margin-sm text-center radius">
+  Tab-{{index}}
+</view>
+
 <view class="cu-bar bg-white margin-top solid-bottom">
   <view class="action">
     <text class="cuIcon-titles text-blue"></text> 背景
@@ -57,12 +65,20 @@
   </view>
 </scroll-view>
 
+<view wx:for="{{10}}" wx:key="index" wx:if="{{index==TabCur}}" class="bg-blue light padding padding-tb-xxl margin-sm text-center radius">
+  Tab-{{index}}
+</view>
+
 <view class="cu-bar bg-white margin-top solid-bottom">
   <view class="action">
     <text class="cuIcon-titles text-blue"></text> 图标
   </view>
 </view>
 
+<view wx:for="{{10}}" wx:key="index" wx:if="{{index==TabCur}}" class="bg-blue light padding padding-tb-xxl margin-sm text-center radius">
+  Tab-{{index}}
+</view>
+
 <scroll-view scroll-x class="bg-blue nav text-center">
   <view class="cu-item {{0==TabCur?'text-white cur':''}}" bindtap="tabSelect" data-id="0">
     <text class="cuIcon-camerafill"></text> 数码
@@ -75,6 +91,10 @@
   </view>
 </scroll-view>
 
+<view wx:for="{{10}}" wx:key="index" wx:if="{{index==TabCur}}" class="bg-blue light padding padding-tb-xxl margin-sm text-center radius">
+  Tab-{{index}}
+</view>
+
 <import src="/pages/template/common/copyright.wxml" />
 <view class="margin-top">
   <template is="copyright"></template>

diff --git a/pages/index/plugin/drawer/drawer.wxml b/pages/index/plugin/drawer/drawer.wxml
@@ -34,6 +34,6 @@
   <text class="cuIcon-pullright"></text>
 </view>
 
-<scroll-view scroll-y class="cu-drawer-window {{modalName=='viewModal'?'show':''}} bg-white">
+<scroll-view scroll-y class="cu-drawer-window {{modalName=='viewModal'?'show':''}}">
   <homePage></homePage>
 </scroll-view>
diff --git a/readme.md b/readme.md
@@ -150,6 +150,10 @@ onLaunch: function() {
 - [ ] 广告条设计
 - [ ] 图片下载前显示自定义图片
 
+BUG待办：
+
+- [X] 【扩展样式】全屏抽屉Android(小米)手机卡顿【2023/1/27】
+
 ## 导航收录
 
 - Iconfont 阿里巴巴矢量图标: <https://www.iconfont.cn/>
@@ -204,6 +208,12 @@ star 的朋友们：
 
 [![Stargazers repo roster for @XiaokangLei/ColorUI-GA](https://reporoster.com/stars/XiaokangLei/ColorUI-GA)](https://github.com/XiaokangLei/ColorUI-GA/stargazers)
 
+## 使用了ColorUI GA的项目
+
+<p align="center">
+    <a href="https://github.com/XiaokangLei/ColorUI-GA/discussions/9"> >> 我的项目想展示在这里<< </a>
+</p>
+
 ## 支持
 
 **如果本项目能为您提供帮助，请给予支持！**
@@ -217,10 +227,10 @@ star 的朋友们：
   <img width="160px" style="border-radius: 5%; margin:0 10%" bor src="https://s1.ax1x.com/2022/11/30/zwKDdU.jpg">
 </div>
 
-<!-- **请作者喝咖啡**
+**请作者喝咖啡**
 <div align=center>
     <img width="50%" style="border-radius: 5%" bor src="https://pic3.zhimg.com/80/v2-a1225a9a1ea9b01aeb77ca915811fb5e_1440w.webp">
-</div> -->
+</div>
 
 ## License