fix g

src/app.config.ts

@@ -24,8 +24,8 @@ export default {
       {
         "pagePath": "pages/index/index",
         "text": "联系人",
-        "iconPath": "assets/Contact.png",
-        "selectedIconPath": "assets/Contact-Check.png"
+        "iconPath": "assets/contact-off3x.png",
+        "selectedIconPath": "assets/contact-on3x.png"
       },
       {
         "pagePath": "pages/task/index",
@@ -36,8 +36,8 @@ export default {
       {
         "pagePath": "pages/mine/index",
         "text": "个人中心",
-        "iconPath": "assets/Personal@3x.png",
-        "selectedIconPath": "assets/Personal-Check@3x.png"
+        "iconPath": "assets/user-off3x.png",
+        "selectedIconPath": "assets/user-on3x.png"
       }
     ]
   }

src/components/contact-item.vue

@@ -56,8 +56,8 @@
       padding: 0 20px;
     }
     .call{
-      width: 65px;
-      height: 65px;
+      width: 85px;
+      height: 85px;
     }
   }
 </style>
\ No newline at end of file

src/components/stream-player.vue

@@ -57,13 +57,14 @@
         position: absolute;
         width: 50%;
         height: 50%;
-        top:25%;
-        left:25%;
+        top:50%;
+        left:50%;
+        transform: translate(-50%, -50%);
       }
       .name{
         position: absolute;
-        top: 10px;
-        left: 10px;
+        bottom: 10px;
+        right: 10px;
       }
     }
   }

src/components/stream-pusher.vue

@@ -53,8 +53,9 @@
         position: absolute;
         width: 50%;
         height: 50%;
-        top:25%;
-        left:25%;
+        top:50%;
+        left:50%;
+        transform: translate(-50%, -50%);
       }
       .name{
         position: absolute;

src/pages/calling/index.vue

@@ -34,8 +34,8 @@ import { useMeetingCenter } from 'any-hooks/communication/useMeetingCenter';
   </view>
 
   <view class="operators" v-if="myCallState!=='idle'">
-    <image v-if="myCallState==='callin'" @tap="answerCaller('Connect')" class="op-icon" src="../../assets/answer3x.png"></image>
     <image @tap="onTapHangup()" class="op-icon" src="../../assets/hangup.png"></image>
+    <image v-if="myCallState==='callin'" @tap="answerCaller('Connect')" class="op-icon" src="../../assets/answer3x.png"></image>
   </view>  
 </view>
 </template>

src/pages/contact-detail/index.vue

@@ -54,7 +54,7 @@ const onCall = (data: any) => {
     </view>
 
     <view class="call-btn" @tap="onCall(currentContact)" v-if="currentContact.is_signin==='1'">
-      <image class="call-icon" src="../../assets/call-small2x.png"></image>
+      <image class="call-icon" src="../../assets/call-small@3x.png"></image>
       &nbsp;&nbsp;
       <text>视频通话</text>
     </view>
@@ -75,7 +75,7 @@ const onCall = (data: any) => {
   }  
 
   .call-btn{
-    background-color: #2b91e2;
+    background-color: #4880FF;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -85,8 +85,8 @@ const onCall = (data: any) => {
     margin-top: 40px;
     border-radius: 8px;
     .call-icon{
-      width: 30px;
-      height: 40px;      
+      width: 42px;
+      height: 42px;      
     }
   }
 }

src/pages/index/contacts-list.vue

@@ -48,8 +48,8 @@
             <view>{{item.nickname}}</view>
             <text style="color:#999">{{item.group_name}}</text>              
           </view>
-          <image v-if="item.is_signin === '1'" @tap.stop="onTapCall(item)" class="call" src="../../assets/call3x.png" mode="widthFix"/>
-          <image v-else class="call" src="../../assets/call-no3x.png" mode="widthFix"/>
+          <image v-if="item.is_signin === '1'" @tap.stop="onTapCall(item)" class="call" src="../../assets/call@3x.png" mode="widthFix"/>
+          <image v-else class="call" src="../../assets/call-no@3x.png" mode="widthFix"/>
         </view>
       </view>      
     </view>

src/pages/index/index.vue

@@ -7,6 +7,8 @@
   import { ref } from '@vue/reactivity';
   import { useThrottle } from 'any-hooks/common/useThrottle';
   import { useContacts } from 'any-hooks/contacts/useContacts';
+import { nextTick } from '@tarojs/taro';
+
  
   const [showLogo, setShowLogo] = useState(true);  
   const [viewMode, setViewMode] = useState<'items' | 'groups'>('items'); 
@@ -17,9 +19,18 @@
   const capHeight = ref(rect.height-2);
   const capWidth  = ref(`${rect.width+15}px`);
 
+  const isFocus = ref(false);
+
   const onScroll  = useThrottle((event: any) => {       
     setShowLogo(event.detail.deltaY >= 0);    
   }, 500) 
+
+  const showInput = (show: boolean) => {
+    setShowLogo(!show);
+    nextTick(() => {
+      if(show) isFocus.value = true;
+    })    
+  }
 </script>
 
 <template>
@@ -28,7 +39,7 @@
       <image class="logo" v-if="showLogo" src="../../assets/logo3x.png" mode="widthFix"></image>
       <view class="input-box" :style="{height: capHeight+'px','borderRadius': capHeight/2+'px'}">
         <image class="search-icon" src="../../assets/serch2x.png" mode="widthFix"></image>
-        <input class="search" type="text" placeholder="搜索" v-model="keyword">
+        <input class="search" type="text" :focus="isFocus" placeholder="搜索" v-model="keyword" @focus="showInput(true)">
       </view>        
     </view>
     
@@ -114,8 +125,8 @@
           padding: 0 20px;
         }
         .call{
-          width: 65px;
-          height: 65px;
+          width: 80px;
+          height: 80px;
         }
       }
     }