From 6095979884df38304de03ba96a8d9c12b368bcf0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E6=9D=8E?= <930530870@qq.com>
Date: Tue, 10 Mar 2026 16:29:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=81=E8=A3=85=E9=80=9A=E8=AF=9D=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/call-log/header/header.vue       | 137 ++++
 components/call-log/list/list.vue           | 809 ++++++++++++++++----
 components/call-log/nav-bar/nav-bar.vue     | 158 ++++
 components/call-log/tabbar/tabbar.vue       | 144 ++++
 pages/call-log/call.vue                     |  70 +-
 static/image/call/huaweiKJ1.png             | Bin 0 -> 381 bytes
 static/image/call/huaweiKJ2.png             | Bin 0 -> 583 bytes
 static/image/call/huaweiRightIcon.png       | Bin 0 -> 1413 bytes
 static/image/call/huaweiStatusIcon1.png     | Bin 0 -> 949 bytes
 static/image/call/huaweiStatusIcon2.png     | Bin 0 -> 982 bytes
 static/image/call/iosSearchLeft.png         | Bin 0 -> 1023 bytes
 static/image/call/iosSearchRight.png        | Bin 0 -> 839 bytes
 static/image/call/iosTabbarImg1.png         | Bin 0 -> 1437 bytes
 static/image/call/iosTabbarImg2.png         | Bin 0 -> 1195 bytes
 static/image/call/iosTabbarImg3.png         | Bin 0 -> 1979 bytes
 static/image/call/iosTabbarImg4.png         | Bin 0 -> 852 bytes
 static/image/call/iosTabbarImg5.png         | Bin 0 -> 1468 bytes
 static/image/call/oppoNavRightImg.png       | Bin 0 -> 468 bytes
 static/image/call/oppoNavRightImg2.png      | Bin 0 -> 1255 bytes
 static/image/call/oppoTabbarImg1.png        | Bin 0 -> 1160 bytes
 static/image/call/oppoTabbarImg2.png        | Bin 0 -> 1116 bytes
 static/image/call/oppoTabbarImg3.png        | Bin 0 -> 1641 bytes
 static/image/call/vivoRightIcon.png         | Bin 0 -> 1026 bytes
 static/image/call/vivoStatusIcon1.png       | Bin 0 -> 898 bytes
 static/image/call/vivoStatusIcon2.png       | Bin 0 -> 796 bytes
 static/image/call/xiaomiHeaderSelectImg.png | Bin 0 -> 418 bytes
 static/image/call/xiaomiNavRightImg.png     | Bin 0 -> 1617 bytes
 static/image/call/xiaomiSearchLeft.png      | Bin 0 -> 967 bytes
 static/image/call/xiaomiTabbarImg1.png      | Bin 0 -> 1129 bytes
 static/image/call/xiaomiTabbarImg2.png      | Bin 0 -> 873 bytes
 static/image/call/xiaomiTabbarImg3.png      | Bin 0 -> 1366 bytes
 31 files changed, 1140 insertions(+), 178 deletions(-)
 create mode 100644 components/call-log/header/header.vue
 create mode 100644 components/call-log/nav-bar/nav-bar.vue
 create mode 100644 components/call-log/tabbar/tabbar.vue
 create mode 100644 static/image/call/huaweiKJ1.png
 create mode 100644 static/image/call/huaweiKJ2.png
 create mode 100644 static/image/call/huaweiRightIcon.png
 create mode 100644 static/image/call/huaweiStatusIcon1.png
 create mode 100644 static/image/call/huaweiStatusIcon2.png
 create mode 100644 static/image/call/iosSearchLeft.png
 create mode 100644 static/image/call/iosSearchRight.png
 create mode 100644 static/image/call/iosTabbarImg1.png
 create mode 100644 static/image/call/iosTabbarImg2.png
 create mode 100644 static/image/call/iosTabbarImg3.png
 create mode 100644 static/image/call/iosTabbarImg4.png
 create mode 100644 static/image/call/iosTabbarImg5.png
 create mode 100644 static/image/call/oppoNavRightImg.png
 create mode 100644 static/image/call/oppoNavRightImg2.png
 create mode 100644 static/image/call/oppoTabbarImg1.png
 create mode 100644 static/image/call/oppoTabbarImg2.png
 create mode 100644 static/image/call/oppoTabbarImg3.png
 create mode 100644 static/image/call/vivoRightIcon.png
 create mode 100644 static/image/call/vivoStatusIcon1.png
 create mode 100644 static/image/call/vivoStatusIcon2.png
 create mode 100644 static/image/call/xiaomiHeaderSelectImg.png
 create mode 100644 static/image/call/xiaomiNavRightImg.png
 create mode 100644 static/image/call/xiaomiSearchLeft.png
 create mode 100644 static/image/call/xiaomiTabbarImg1.png
 create mode 100644 static/image/call/xiaomiTabbarImg2.png
 create mode 100644 static/image/call/xiaomiTabbarImg3.png

diff --git a/components/call-log/header/header.vue b/components/call-log/header/header.vue
new file mode 100644
index 0000000..29e49ae
--- /dev/null
+++ b/components/call-log/header/header.vue
@@ -0,0 +1,137 @@
+<template>
+	<view class="header" :class="['header_'+type]">
+			<view class="title">
+				{{title}}
+			</view>
+			<view class="search">
+				<view class="left">
+					<image src="/static/image/call/iosSearchLeft.png" mode=""></image>
+					{{searchTitle}}
+				</view>
+					<image v-if="type=='ios'" src="/static/image/call/iosSearchRight.png" mode=""></image>
+			</view>
+			<view class="select" v-if="type=='xiaomi'">
+				全部通话
+				<image src="/static/image/call/xiaomiHeaderSelectImg.png" mode=""></image>
+			</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		onMounted,
+		reactive,
+		ref,
+		toRefs
+	} from 'vue'
+
+	const topPopup = ref()
+
+	// 定义组件属性
+	const props = defineProps({
+
+		type: {
+			type: String,
+			default: 'ios'
+		},
+	})
+
+	const data = reactive({
+		statusBarHeight: 0,
+		showTipLayer: true,
+		title:'最近通话',
+		searchTitle:"搜索",
+		list:[
+			"个人收藏",
+			"最近通话",
+			"通讯录",
+			"拨号键盘",
+			"语音留言"
+		]
+	})
+
+	let {
+		searchTitle,
+		title,
+		list,
+		showTipLayer
+	} = toRefs(data)
+
+	onMounted(() => {
+		if(props.type=='xiaomi'){
+			searchTitle.value="搜索联系人"
+			title.value="通话"
+			console.log('aaaaaaaaaaa')
+		}
+	})
+</script>
+
+<style scoped lang="scss">
+.header{
+	padding: 0 15px;
+	background-color: #fff;
+	.title{
+		font-weight: bold;
+		font-size: 32px;
+		color: #1A1A1A;
+	}
+	.search{
+		margin-top: 10px;
+		width: 100%;
+		height: 34px;
+		background: #EEEEF0;
+		border-radius: 12px 12px 12px 12px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		.left{
+			display: flex;
+			align-items: center;
+			font-size: 16px;
+			color: #838383;
+		}
+		image{
+			width: 16px;
+			height: 16px;
+			margin: 0 8px;
+		}
+	}
+	.select{
+		padding-left: 15px;
+		margin-top: 20px;
+		display: flex;
+		align-items: center;
+		font-weight: 400;
+		font-size: 13px;
+		color: #8B8DA5;
+		image{
+			width: 13px;
+			height: 13px;
+			margin-left: 6px;
+		}
+	}
+}
+.header_xiaomi{
+	.title{
+		padding-left: 15px;
+		font-weight: 400 !important;
+		font-size: 30px !important;
+		color: #1A1A1A !important;
+	}
+	.search{
+		margin-top: 10px;
+		height: 41px  !important;
+		background: #F0F0F0  !important;
+		border-radius: 21px 21px 21px 21px  !important;
+		.left{
+			font-size: 16px  !important;
+			color: #AAAAAA  !important;
+		}
+		image{
+			width: 16px;
+			height: 16px;
+			margin: 0 8px;
+		}
+	}
+}
+</style>
\ No newline at end of file
diff --git a/components/call-log/list/list.vue b/components/call-log/list/list.vue
index b60e1ef..2f23316 100644
--- a/components/call-log/list/list.vue
+++ b/components/call-log/list/list.vue
@@ -1,80 +1,103 @@
 <template>
 	<view class="call-list" :class="['call-list-'+type]">
-		<view v-for="(item,index) in list" :key="index" class="item">
-				<view class="avatar" v-if="type!='xiaomi'">
-					<image v-if="type=='ios'" :src="'/static/image/call/iosAvatar.png'||item.avatar" mode=""></image>
-					<image v-else-if="type=='oppo'" :src="`/static/image/call/${type}StatusIcon${item.status}.png`" mode="widthFix"></image>
-				</view>
-				<view class="infoBox">
-					<view class="left-box">
-						<view class="leftInfo">
-							<view class="title" :class="{'title-red':item.status==0}">
-								<!-- ios -->
-								<view class="notes" v-if="type=='ios'">
-									{{item.name||item.phone}}
-								</view>
-								<!-- xiaomi -->
-								<view class="notes" v-else-if="type=='xiaomi'">
-									{{item.name||item.notes||item.phone}} 
-									<text v-if="!item.name&&item.notes">{{item.phone}}</text>
-								</view>
-								<view class="notes" v-else-if="type='oppo'">
-									{{item.name||item.phone}}
-								</view>
+		<view v-for="(item,index) in list" :key="index" class="item" 
+			@touchstart="touchStart($event, index)"
+			@touchmove="touchMove($event, index)"
+			@touchend="touchEnd($event, index)"
+			:style="{'transform': 'translateX(' + swiperList[index] + 'px)', 'transition': swiperList[index] == 0 ? 'all 0.3s' : ''}">
+			<view class="avatar" v-if="type!='xiaomi'">
+				<image v-if="type=='ios'" :src="'/static/image/call/iosAvatar.png'||item.avatar" mode=""></image>
+				<image v-else-if="type=='oppo'" :src="`/static/image/call/${type}StatusIcon${item.status}.png`" mode="widthFix">
+				</image>
+				<image v-else-if="type=='huawei'" :src="`/static/image/call/${type}StatusIcon${item.status}.png`"
+					mode="widthFix"></image>
+				<image v-else-if="type=='vivo'" :src="`/static/image/call/${type}StatusIcon${item.status}.png`" mode="widthFix">
+				</image>
+
+			</view>
+			<view class="infoBox">
+				<view class="left-box">
+					<view class="leftInfo">
+						<view class="title" :class="{'title-red':item.status==0}">
+							<!-- ios -->
+							<view class="notes" v-if="type=='ios'">
+								{{item.name||item.phone}}
 							</view>
-							<view class="info">
-							
-								<!-- 卡几 -->
-								<view class="kj"  v-if="type!='ios'&&type!='xiaomi'&&(type=='oppo')">
-									<image :src="`/static/image/call/${type}KJ${item.kj}.png`" mode=""></image>
-								</view>
-								<!-- 时间 -->
-								<view class="time" v-if="type!='ios'&&(type=='xiaomi')">
-									{{item.time}}
-								</view>
-								<!-- icon -->
-								 <view class="status-icon" v-if="type=='ios'">
-										<image src="/static/image/call/iosStatusIcon.png" mode=""></image>
-								 </view>
-								<!-- 地址 -->
-								<view class="address" v-if="type!='ios'&&(type=='xiaomi'||type=='oppo')">
-									{{item.address}}
-								</view>
-								<!-- 运营商 -->
-								<view class="yys">
-									{{item.yys}}
-								</view>
-								<!-- 电话 -->
-								<view class="phone" v-if="type!='xiaomi'&&type!='oppo'">
-									{{item.phone}}
-								</view>
-								<!-- 备注 -->
-								<view class="notes" v-if="type=='oppo'">
-									{{item.notes}}
-								</view>
+							<!-- xiaomi -->
+							<view class="notes" v-else-if="type=='xiaomi'">
+								{{item.name||item.notes||item.phone}}
+								<text v-if="!item.name&&item.notes">{{item.phone}}</text>
 							</view>
+							<view class="notes" v-else-if="type=='oppo'">
+								{{item.name||item.phone}}
+							</view>
+							<view class="notes" v-else-if="type=='huawei'">
+								{{item.name||item.phone}}
+							</view>
+							<view class="notes" v-else-if="type=='vivo'">
+								{{item.name||item.phone}}
+							</view>
+						</view>
+						<view class="info">
+
+							<!-- 电话 -->
+							<view class="phone" v-if="type=='vivo'">
+								{{item.notes||item.phone}}
+							</view>
+							<!-- 卡几 -->
+							<view class="kj" v-if="type=='oppo'||type=='huawei'">
+								<image :src="`/static/image/call/${type}KJ${item.kj}.png`" mode=""></image>
+							</view>
+							<!-- 时间 -->
+							<view class="time" v-if="type=='xiaomi'">
+								{{item.time}}
+							</view>
+							<!-- icon -->
+							<view class="status-icon" v-if="type=='ios'">
+								<image src="/static/image/call/iosStatusIcon.png" mode=""></image>
+							</view>
+							<!-- 地址 -->
+							<view class="address" v-if="type!='ios'">
+								{{item.address}}
+							</view>
+							<!-- 运营商 -->
+							<view class="yys">
+								{{item.yys}}
+							</view>
+							<!-- 电话 -->
+							<view class="phone" v-if="type=='ios'">
+								{{item.phone}}
+							</view>
+							<!-- 备注 -->
+							<view class="notes" v-if="type=='oppo'||type=='huawei'">
+								{{item.notes}}
+							</view>
+						</view>
 					</view>
 				</view>
 				<view class="right-box">
 					<!-- 时间 -->
-					<view class="time" v-if="type=='ios'&&(type!='xiaomi')">
+					<view class="time" v-if="type!='xiaomi'">
 						{{item.time}}
 					</view>
 					<!-- 图标 -->
-					<view class="icon" v-if="type=='ios'||type=='xiaomi'||type=='oppo'">
+					<view class="icon">
 						<image :src="`/static/image/call/${type}RightIcon.png`" mode=""></image>
 					</view>
 				</view>
 			</view>
+			<!-- 删除按钮 -->
+			<view class="delete-btn" @click="deleteItem(index)">
+				<text class="delete-text">删除</text>
+			</view>
 		</view>
 	</view>
 </template>
 
-<script>
+<script setup>
+	import { ref, reactive, onMounted, watch } from 'vue';
 
-export default {
-	name: 'call-list',
-	props: {
+	const props = defineProps({
 		isHuise: {
 			type: Boolean,
 			default: true
@@ -83,132 +106,456 @@ export default {
 			type: String,
 			default: 'ios'
 		}
-	},
-	data() {
-		return {
-			list:[
-				{
-					avatar: '/static/logo.png',
-					title: '18888888888',
-					name: '大王',
-					phone: '18888888888',
-					phoneNotes: '电话',
-					yys: '移动',
-					kj: '1',
-					address: '重庆',
-					time: '星期一',
-					icon: '/static/logo.png',
-					status: 0,// 播出 0:无响应 1:已接 2:已拒绝 | 来电 3：未接 4:已接 5:已拒绝
-					notes: '骚扰电话',
+	});
 
-				},
-				{
-					avatar: '/static/logo.png',
-					title: '18888888888',
-					name: '',
-					phone: '18888888888',
-					phoneNotes: '电话',
-					yys: '移动',
-					kj: '1',
-					address: '重庆',
-					time: '星期一',
-					icon: '/static/logo.png',
-					status: 1,// 播出 0:无响应 1:已接 2:已拒绝 | 来电 3：未接 4:已接 5:已拒绝
-					notes: '骚扰电话',
+	const list = ref([
+  {
+    "avatar": "/static/avatar/1.png",
+    "title": "13912345678",
+    "name": "李强",
+    "phone": "13912345678",
+    "phoneNotes": "电话",
+    "yys": "移动",
+    "kj": "3",
+    "address": "北京",
+    "time": "星期一",
+    "icon": "/static/icon/call.png",
+    "status": 1,
+    "notes": "工作往来"
+  },
+  {
+    "avatar": "/static/avatar/2.png",
+    "title": "15887654321",
+    "name": "王芳",
+    "phone": "15887654321",
+    "phoneNotes": "电话",
+    "yys": "联通",
+    "kj": "2",
+    "address": "上海",
+    "time": "星期二",
+    "icon": "/static/icon/call.png",
+    "status": 4,
+    "notes": "老朋友"
+  },
+  {
+    "avatar": "/static/logo.png",
+    "title": "18711223344",
+    "name": "张伟",
+    "phone": "18711223344",
+    "phoneNotes": "电话",
+    "yys": "移动",
+    "kj": "1",
+    "address": "广州",
+    "time": "星期三",
+    "icon": "/static/logo.png",
+    "status": 0,
+    "notes": "推销电话"
+  },
+  {
+    "avatar": "/static/avatar/4.png",
+    "title": "13644556677",
+    "name": "刘洋",
+    "phone": "13644556677",
+    "phoneNotes": "电话",
+    "yys": "电信",
+    "kj": "5",
+    "address": "深圳",
+    "time": "星期四",
+    "icon": "/static/icon/call.png",
+    "status": 2,
+    "notes": "快递小哥"
+  },
+  {
+    "avatar": "/static/avatar/5.png",
+    "title": "17788889999",
+    "name": "陈静",
+    "phone": "17788889999",
+    "phoneNotes": "电话",
+    "yys": "联通",
+    "kj": "2",
+    "address": "杭州",
+    "time": "星期五",
+    "icon": "/static/icon/call.png",
+    "status": 3,
+    "notes": "大学同学"
+  },
+  {
+    "avatar": "/static/logo.png",
+    "title": "15133334444",
+    "name": "赵雷",
+    "phone": "15133334444",
+    "phoneNotes": "电话",
+    "yys": "移动",
+    "kj": "4",
+    "address": "成都",
+    "time": "星期一",
+    "icon": "/static/logo.png",
+    "status": 5,
+    "notes": "骚扰电话"
+  },
+  {
+    "avatar": "/static/avatar/7.png",
+    "title": "18966667777",
+    "name": "孙丽",
+    "phone": "18966667777",
+    "phoneNotes": "电话",
+    "yys": "电信",
+    "kj": "3",
+    "address": "武汉",
+    "time": "星期二",
+    "icon": "/static/icon/call.png",
+    "status": 1,
+    "notes": "客户"
+  },
+  {
+    "avatar": "/static/avatar/8.png",
+    "title": "15555558888",
+    "name": "周涛",
+    "phone": "15555558888",
+    "phoneNotes": "电话",
+    "yys": "联通",
+    "kj": "1",
+    "address": "西安",
+    "time": "星期三",
+    "icon": "/static/icon/call.png",
+    "status": 4,
+    "notes": "家人"
+  },
+  {
+    "avatar": "/static/logo.png",
+    "title": "13011112222",
+    "name": "吴杰",
+    "phone": "13011112222",
+    "phoneNotes": "电话",
+    "yys": "电信",
+    "kj": "5",
+    "address": "南京",
+    "time": "星期四",
+    "icon": "/static/logo.png",
+    "status": 0,
+    "notes": "广告推销"
+  },
+  {
+    "avatar": "/static/avatar/10.png",
+    "title": "18899990000",
+    "name": "郑爽",
+    "phone": "18899990000",
+    "phoneNotes": "电话",
+    "yys": "移动",
+    "kj": "2",
+    "address": "长沙",
+    "time": "星期五",
+    "icon": "/static/icon/call.png",
+    "status": 2,
+    "notes": "同事"
+  },
+  {
+    "avatar": "/static/logo.png",
+    "title": "15712345678",
+    "name": "王磊",
+    "phone": "15712345678",
+    "phoneNotes": "电话",
+    "yys": "移动",
+    "kj": "3",
+    "address": "天津",
+    "time": "星期一",
+    "icon": "/static/logo.png",
+    "status": 3,
+    "notes": "未知号码"
+  },
+  {
+    "avatar": "/static/avatar/12.png",
+    "title": "15287654321",
+    "name": "李娜",
+    "phone": "15287654321",
+    "phoneNotes": "电话",
+    "yys": "联通",
+    "kj": "4",
+    "address": "苏州",
+    "time": "星期二",
+    "icon": "/static/icon/call.png",
+    "status": 5,
+    "notes": "健身房"
+  },
+  {
+    "avatar": "/static/avatar/13.png",
+    "title": "18799887766",
+    "name": "张敏",
+    "phone": "18799887766",
+    "phoneNotes": "电话",
+    "yys": "移动",
+    "kj": "1",
+    "address": "青岛",
+    "time": "星期三",
+    "icon": "/static/icon/call.png",
+    "status": 1,
+    "notes": "学校老师"
+  },
+  {
+    "avatar": "/static/logo.png",
+    "title": "13655443322",
+    "name": "刘东",
+    "phone": "13655443322",
+    "phoneNotes": "电话",
+    "yys": "电信",
+    "kj": "5",
+    "address": "大连",
+    "time": "星期四",
+    "icon": "/static/logo.png",
+    "status": 4,
+    "notes": "保险推销"
+  },
+  {
+    "avatar": "/static/avatar/15.png",
+    "title": "17722334455",
+    "name": "陈龙",
+    "phone": "17722334455",
+    "phoneNotes": "电话",
+    "yys": "联通",
+    "kj": "2",
+    "address": "厦门",
+    "time": "星期五",
+    "icon": "/static/icon/call.png",
+    "status": 0,
+    "notes": "外卖"
+  },
+  {
+    "avatar": "/static/avatar/16.png",
+    "title": "15166778899",
+    "name": "赵雅",
+    "phone": "15166778899",
+    "phoneNotes": "电话",
+    "yys": "移动",
+    "kj": "3",
+    "address": "宁波",
+    "time": "星期一",
+    "icon": "/static/icon/call.png",
+    "status": 2,
+    "notes": "亲戚"
+  },
+  {
+    "avatar": "/static/logo.png",
+    "title": "18911223344",
+    "name": "孙浩",
+    "phone": "18911223344",
+    "phoneNotes": "电话",
+    "yys": "电信",
+    "kj": "4",
+    "address": "郑州",
+    "time": "星期二",
+    "icon": "/static/logo.png",
+    "status": 3,
+    "notes": "房产中介"
+  },
+  {
+    "avatar": "/static/avatar/18.png",
+    "title": "15544332211",
+    "name": "周梅",
+    "phone": "15544332211",
+    "phoneNotes": "电话",
+    "yys": "联通",
+    "kj": "1",
+    "address": "沈阳",
+    "time": "星期三",
+    "icon": "/static/icon/call.png",
+    "status": 5,
+    "notes": "银行客服"
+  },
+  {
+    "avatar": "/static/avatar/19.png",
+    "title": "13099887766",
+    "name": "吴刚",
+    "phone": "13099887766",
+    "phoneNotes": "电话",
+    "yys": "电信",
+    "kj": "2",
+    "address": "济南",
+    "time": "星期四",
+    "icon": "/static/icon/call.png",
+    "status": 1,
+    "notes": "合作伙伴"
+  },
+  {
+    "avatar": "/static/logo.png",
+    "title": "18818818818",
+    "name": "郑丽",
+    "phone": "18818818818",
+    "phoneNotes": "电话",
+    "yys": "移动",
+    "kj": "5",
+    "address": "重庆",
+    "time": "星期五",
+    "icon": "/static/logo.png",
+    "status": 4,
+    "notes": "骚扰电话"
+  }
+]);
 
-				},
-			]
-		};
-	},
-	watch: {
-		isHuise(newValue, oldValue) {
-			console.log(newValue)
+	const swiperList = ref([]); // 存储每个item的滑动距离
+	const startX = ref(0); // 触摸开始X坐标
+	const startY = ref(0); // 触摸开始Y坐标
+	const deleteWidth = ref(70); // 删除按钮宽度
 
+	onMounted(() => {
+		// 初始化swiperList数组
+		swiperList.value = new Array(list.value.length).fill(0);
+	});
+
+	watch(() => props.isHuise, (newValue, oldValue) => {
+		console.log(newValue);
+	});
+
+	// 触摸开始
+	const touchStart = (e, index) => {
+		startX.value = e.changedTouches[0].clientX;
+		startY.value = e.changedTouches[0].clientY;
+		// 关闭其他item的滑动
+		swiperList.value.forEach((item, i) => {
+			if (i !== index) {
+				swiperList.value[i] = 0;
+			}
+		});
+	};
+
+	// 触摸移动
+	const touchMove = (e, index) => {
+		const moveX = e.changedTouches[0].clientX;
+		const moveY = e.changedTouches[0].clientY;
+		const disX = moveX - startX.value;
+		const disY = moveY - startY.value;
+		// 判断是否为左右滑动
+		if (Math.abs(disX) > Math.abs(disY)) {
+			// 阻止默认事件，防止页面滚动
+			e.preventDefault();
+			// 计算滑动距离，限制在0到-deleteWidth之间
+			let distance = Math.max(-deleteWidth.value, Math.min(0, disX));
+			swiperList.value[index] = distance;
 		}
-	},
-	mounted() {
-		
-	},
-	methods: {
-		
-	}
-};
+	};
+
+	// 触摸结束
+	const touchEnd = (e, index) => {
+		const endX = e.changedTouches[0].clientX;
+		const disX = endX - startX.value;
+		// 判断是否滑动超过一半
+		if (disX < -deleteWidth.value / 2) {
+			swiperList.value[index] = -deleteWidth.value;
+		} else {
+			swiperList.value[index] = 0;
+		}
+	};
+
+	// 删除item
+	const deleteItem = (index) => {
+		// 显示确认弹窗
+		uni.showModal({
+			title: '确认删除',
+			content: '确定要删除这条通话记录吗？',
+			confirmText: '删除',
+			cancelText: '取消',
+			success: (res) => {
+				if (res.confirm) {
+					// 删除item
+					list.value.splice(index, 1);
+					// 更新swiperList
+					swiperList.value.splice(index, 1);
+				}
+			}
+		});
+	};
 </script>
 
 <style lang="scss" scoped>
 	.call-list {
+		width: 100vw;
+		overflow: hidden;
 		box-sizing: border-box;
 		background-color: #fff;
+
 		.item {
 			display: flex;
+			position: relative;
+			width: 100%;
 			.avatar {
 				width: 80rpx;
 				height: 80rpx;
-				overflow: hidden;
+
 				image {
 					width: 100% !important;
 					height: 100% !important;
 				}
 			}
-			.infoBox{
+
+			.infoBox {
 				width: calc(100% - 80rpx);
 				display: flex;
 				justify-content: space-between;
 				align-items: center;
-				box-shadow: inset 0 -0.3px 0 0 #C2C2C2;
+				background-color: #fff;
+
 				.left-box {
 					display: flex;
 					justify-content: flex-start;
 					align-items: center;
-					
+
 					.leftInfo {
 						.title {
 							font-size: 32rpx;
 							color: #333;
 							margin-bottom: 10rpx;
 						}
+
 						.info {
 							display: flex;
 							font-size: 28rpx;
 							color: #666;
-							view{
+
+							view {
 								margin-right: 10rpx;
 							}
-							.kj{
+
+							.kj {
 								line-height: 0;
 								width: 22rpx;
 								height: 22rpx;
+
 								image {
 									width: 100%;
 									height: 100%;
 								}
 							}
-							.status-icon{
+
+							.status-icon {
 								line-height: 0;
 								width: 22rpx;
 								height: 22rpx;
+
 								image {
 									width: 100%;
 									height: 100%;
 								}
 							}
 						}
-						
+
 					}
 				}
+
 				.right-box {
 					display: flex;
 					justify-content: flex-end;
 					align-items: center;
+
 					.time {
 						font-size: 28rpx;
 						color: #666;
 					}
+
 					.icon {
 						width: 40rpx;
 						height: 40rpx;
 						overflow: hidden;
 						margin-left: 20rpx;
+
 						image {
 							width: 100%;
 							height: 100%;
@@ -216,47 +563,82 @@ export default {
 					}
 				}
 			}
-			
+
+			// 删除按钮
+			.delete-btn {
+				position: absolute;
+				top: 0;
+				right: -160rpx;
+				width: 160rpx;
+				height: 100%;
+				background-color: #FF3B30;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				.delete-text {
+					color: #fff;
+					font-size: 32rpx;
+				}
+			}
 		}
 	}
+
 	.call-list-ios {
-		.item{
+		.delete-btn{
+			right: -140rpx !important;
+			width: 140rpx !important;
+			height: 100% !important;
+			background-color: #FF3B30;
+		}
+		.item {
 			align-items: center;
 			justify-content: space-between;
+			height: 132rpx;
 		}
+
 		.avatar {
 			width: 84rpx;
 			height: 84rpx;
 			border-radius: 50%;
 			margin-left: 32rpx;
 		}
-		.infoBox{
+
+		.infoBox {
 			width: calc(100% - 136rpx) !important;
 			padding: 24rpx 32rpx 24rpx 0;
-			.left-box{
+			height: 100%;
+			box-sizing: border-box;
+
+			box-shadow: inset 0 -0.3px 0 0 #C2C2C2;
+
+			.left-box {
 				.title {
 					font-weight: 400;
 					font-size: 16px;
 					color: #1A1A1A;
 					line-height: 16px;
 				}
-				.title-red{
+
+				.title-red {
 					color: #FC3E30 !important;
 				}
-				.info{
+
+				.info {
 					align-items: center;
 				}
+
 				.info .phone {
 					font-weight: 400;
 					font-size: 14px;
 					color: #838383;
 					line-height: 20px;
 				}
+
 				.info .yys {
 					height: 12px;
 					background: #C7C7C7;
 					border-radius: 2px 2px 2px 2px;
-					padding:0 4rpx;
+					padding: 0 4rpx;
 					font-weight: 400;
 					font-size: 10px;
 					color: #FFFFFF;
@@ -264,18 +646,21 @@ export default {
 					text-align: center;
 				}
 			}
-			.right-box{
+
+			.right-box {
 				.time {
 					font-weight: 400;
 					font-size: 14px;
 					color: #838383;
 					line-height: 14px;
 				}
+
 				.icon {
 					width: 40rpx;
 					height: 40rpx;
 					overflow: hidden;
 					margin-left: 14rpx;
+
 					image {
 						width: 100%;
 						height: 100%;
@@ -284,50 +669,208 @@ export default {
 			}
 		}
 	}
-	.call-list-xiaomi{
-		.infoBox{
+
+	.call-list-xiaomi {
+		.item {
+			height: 140rpx;
+		}
+
+		.infoBox {
 			width: 100% !important;
 			padding: 34rpx 56rpx 28rpx 56rpx;
+			height: 100%;
+			box-sizing: border-box;
+
 			.title {
 				font-weight: 400;
 				font-size: 16px;
 				color: #1A1A1A;
-				text{
+
+				text {
 					font-size: 13px !important;
 					color: #767676 !important;
 				}
 			}
-			.title-red{
+
+			.title-red {
 				color: #EE0115 !important;
 			}
-			.info{
-				
-				view{
+
+			.info {
+
+				view {
 					font-size: 13px;
 					color: #767676;
 				}
 			}
 		}
 	}
-	.call-list-oppo{
-		.item{
-			padding: 32rpx 36rpx 0  36rpx !important;
+
+	.call-list-oppo {
+		.item {
+			padding: 32rpx 36rpx 0 36rpx !important;
 			justify-content: space-between;
+			height: 140rpx;
 		}
-		.infoBox{
-			width: calc(100% - 20rpx);
+
+		.infoBox {
+			width: calc(100% - 46rpx) !important;
 			padding-bottom: 36rpx;
+			height: 100%;
+			box-sizing: border-box;
+			box-shadow: inset 0 -0.3px 0 0 #C2C2C2;
+
+			.title {
+				font-weight: 400;
+				font-size: 16px;
+				color: #1A1A1A;
+			}
+
+			.title-red {
+				color: #DB2C22 !important;
+			}
+
+			.info {
+
+				view {
+					font-size: 13px;
+					color: #767676;
+				}
+
+				.notes {
+					color: #F17A30;
+				}
+			}
+
+			.right-box {
+				.time {
+					color: #767676;
+					font-size: 13px;
+				}
+			}
 		}
-		.avatar{
+
+		.avatar {
 			width: 26rpx !important;
 			height: 26rpx !important;
 			border-radius: 0 !important;
+
 			image {
 				width: 100% !important;
 				height: 100% !important;
 			}
 		}
-		.info{
+
+		.info {
+			display: flex;
+			align-items: center;
+		}
+	}
+
+	.call-list-vivo {
+		.item {
+			padding: 36rpx 52rpx 0 36rpx !important;
+			justify-content: space-between;
+			height: 140rpx;
+
+			.infoBox {
+				width: calc(100% - 52rpx) !important;
+				padding-bottom: 32rpx;
+				height: 100%;
+				box-sizing: border-box;
+				box-shadow: inset 0 -0.3px 0 0 #C2C2C2;
+
+				.title {
+					font-weight: 400;
+					font-size: 16px;
+					color: #1A1A1A;
+				}
+
+				.title-red {
+					color: #F04E51 !important;
+				}
+
+				.info {
+
+					view {
+						font-size: 12px;
+						color: #8C8C8C;
+					}
+				}
+
+				.right-box {
+					.time {
+						color: #8C8C8C;
+						font-size: 14px;
+					}
+				}
+			}
+		}
+
+		.avatar {
+			width: 32rpx !important;
+			height: 32rpx !important;
+			border-radius: 0 !important;
+
+			image {
+				width: 100% !important;
+				height: 100% !important;
+			}
+		}
+	}
+
+	.call-list-huawei {
+		.item {
+			padding: 24rpx 32rpx 0 32rpx !important;
+			justify-content: space-between;
+			height: 120rpx;
+		}
+
+		.infoBox {
+			width: calc(100% - 52rpx) !important;
+			padding-bottom: 24rpx;
+			height: 100%;
+			box-sizing: border-box;
+			box-shadow: inset 0 -0.3px 0 0 #C2C2C2;
+
+			.title {
+				font-weight: 400;
+				font-size: 16px;
+				color: #1A1A1A;
+			}
+
+			.title-red {
+				color: #E83F28 !important;
+			}
+
+			.info {
+
+				view {
+					font-size: 13px;
+					color: #696969;
+				}
+			}
+
+			.right-box {
+				.time {
+					color: #696969;
+					font-size: 13px;
+				}
+			}
+		}
+
+		.avatar {
+			width: 32rpx !important;
+			height: 32rpx !important;
+			border-radius: 0 !important;
+
+			image {
+				width: 100% !important;
+				height: 100% !important;
+			}
+		}
+
+		.info {
 			display: flex;
 			align-items: center;
 		}
diff --git a/components/call-log/nav-bar/nav-bar.vue b/components/call-log/nav-bar/nav-bar.vue
new file mode 100644
index 0000000..d691904
--- /dev/null
+++ b/components/call-log/nav-bar/nav-bar.vue
@@ -0,0 +1,158 @@
+<template>
+	<uni-nav-bar :backgroundColor="navBgColor" class="nav-bar" :border="false" :title="title" fixed="true" >
+		<template v-slot:left>
+			<slot name="left">
+				<view :class="[type+'LeftTitle']"  v-if="type=='ios'">
+					编辑
+				</view>
+				<view :class="[type+'LeftTitle']"  v-else-if="type=='vivo'">
+					拨号
+				</view>
+				<view :class="[type+'LeftTitle']"  v-else-if="type=='oppo'">
+					通话
+				</view>
+				<view :class="[type+'LeftTitle']"  v-else-if="type=='huawei'">
+					电话
+				</view>
+			</slot>
+		</template>
+		<view class="nav-bar-title " :class="['nav-bar-title-'+type]">
+			<slot>
+				<view class="iosBox" v-if="type=='ios'">
+					<view class="btn active">
+						全部来电
+					</view>
+					<view class="btn">
+						未接来电
+					</view>
+				</view>
+				<view class="title" v-else-if="type=='xiaomi'" :style="{opacity: navOpacity}">
+					通话
+				</view>
+			</slot>
+		</view>
+		<template v-slot:right>
+			<slot name="right">
+				<image v-if="type!='ios'" class="rightImg" :class="['rightImg_'+type]" src="/static/image/call/xiaomiNavRightImg.png"></image>
+			</slot>
+		</template>
+	</uni-nav-bar>
+</template>
+
+<script setup>
+	import {
+		onMounted,
+		reactive,
+		ref,
+		toRefs,
+		watch
+	} from 'vue'
+
+	const topPopup = ref()
+
+	// 定义组件属性
+	const props = defineProps({
+		bgColor: {
+			type: String,
+			default: '#fff'
+		},
+		textColor: {
+			type: String,
+			default: '#000'
+		},
+		title: {
+			type: String,
+			default: ''
+		},
+		type: {
+			type: String,
+			default: 'ios'
+		},
+		scrollTop:{
+			type: Number,
+			default: 0
+		}
+	})
+
+	const data = reactive({
+		statusBarHeight: 0,
+		showTipLayer: true,
+		navOpacity: 0, // 导航栏透明度
+		navBgColor: props.bgColor // 导航栏背景色
+	})
+
+	let {
+		showTipLayer,
+		navOpacity,
+		navBgColor
+	} = toRefs(data)
+
+	// 监听 scrollTop 变化
+	watch(() => props.scrollTop, (newValue, oldValue) => {
+		console.log('scrollTop changed:', newValue);
+		// 根据 scrollTop 的值计算导航栏透明度
+		if (newValue > 0) {
+			// 当 scrollTop 大于 0 时，透明度逐渐增加
+			navOpacity.value = Math.min(1, newValue / 100);
+			// 可以根据需要调整背景色
+			// navBgColor.value = `rgba(255, 255, 255, ${navOpacity.value})`;
+		} else {
+			// 当 scrollTop 为 0 时，透明度为 1
+			navOpacity.value = 0;
+			// navBgColor.value = props.bgColor;
+		}
+	});
+
+	onMounted(() => {
+	})
+</script>
+
+<style scoped lang="scss">
+	.iosLeftTitle {
+		font-weight: 400;
+		font-size: 16px;
+		color: #018AE0;
+	}
+	.nav-bar-title-xiaomi {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 100%;
+		font-weight: bold;
+		font-size: 18px;
+		color: #1A1A1A;
+	}
+	.nav-bar-title-ios {
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		.iosBox {
+			width: 100%;
+			display: flex;
+			align-items: center;
+			justify-content: space-around;
+			width: 145px;
+			height: 30px;
+			background: #EEEEEE;
+			border-radius: 8px 8px 8px 8px;
+			.btn {
+				font-size: 12px;
+				color: #1A1A1A;
+				width: 69px;
+				height: 26px;
+				text-align: center;
+				line-height: 26px;
+			}
+			.active {
+				background: #FFFFFF;
+				box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
+				border-radius: 6px 6px 6px 6px;
+			}
+		}
+	}
+	.rightImg_xiaomi{
+		width: 20px;
+		height: 20px;
+	}
+</style>
\ No newline at end of file
diff --git a/components/call-log/tabbar/tabbar.vue b/components/call-log/tabbar/tabbar.vue
new file mode 100644
index 0000000..e13cb9f
--- /dev/null
+++ b/components/call-log/tabbar/tabbar.vue
@@ -0,0 +1,144 @@
+<template>
+	<view class="footer" :class="['footer_'+type]">
+		<view class="item" v-for="(item,index) in list" :key="index">
+			<image :src="`/static/image/call/${type}TabbarImg${index+1}.png`" mode=""></image>
+			<text>{{item}}</text>
+		</view>
+	</view>
+	<view class="footer footerZhangwei" :class="['footer_'+type]">
+		<view class="item" v-for="(item,index) in list" :key="index">
+			<image :src="`/static/image/call/${type}TabbarImg${index+1}.png`" mode=""></image>
+			<text>{{item}}</text>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		onMounted,
+		reactive,
+		ref,
+		toRefs
+	} from 'vue'
+
+	const topPopup = ref()
+
+	// 定义组件属性
+	const props = defineProps({
+		bgColor: {
+			type: String,
+			default: '#fff'
+		},
+		textColor: {
+			type: String,
+			default: '#000'
+		},
+		title: {
+			type: String,
+			default: ''
+		},
+		type: {
+			type: String,
+			default: 'ios'
+		},
+	})
+
+	const data = reactive({
+		statusBarHeight: 0,
+		showTipLayer: true,
+		list: [
+			"个人收藏",
+			"最近通话",
+			"通讯录",
+			"拨号键盘",
+			"语音留言"
+		]
+	})
+
+	let {
+		list,
+		showTipLayer
+	} = toRefs(data)
+
+	onMounted(() => {
+		if (props.type == 'xiaomi') {
+			list.value = ["通话",
+				"联系人",
+				"营业厅"
+			]
+		}else if (props.type == 'oppo') {
+			list.value = ["通话",
+				"联系人",
+				"营业厅"
+			]
+		}
+	})
+</script>
+
+<style scoped lang="scss">
+	.footerZhangwei{
+		position: relative !important; 
+		opacity: 0 !important;
+	}
+	.footer {
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		display: flex;
+		justify-content: space-around;
+		background: #f7f7f7;
+
+		.item {
+			display: flex;
+			flex-direction: column;
+			text-align: center;
+			align-items: center;
+
+			image {
+				width: 32px;
+				height: 32px;
+			}
+
+			text {
+				font-size: 10px;
+				color: #959597;
+			}
+		}
+	}
+
+	.footer_ios {
+		padding-top: 2px;
+		padding-bottom: constant(safe-area-inset-bottom) !important; // 兼容 IOS<11.2 
+		padding-bottom: env(safe-area-inset-bottom) !important; // 兼容 IOS>11.2 
+		.item:nth-child(2) {
+			text {
+				color: #007AFC;
+			}
+		}
+	}
+
+
+	.footer_xiaomi ,.footer_oppo{
+		padding-top: 7px;
+		padding-bottom: 17px;
+		background-color: #fff !important;
+		.item {
+			image {
+				width: 24px;
+				height: 24px;
+			}
+		
+			text {
+				font-size: 10px;
+				color: #999999;
+			}
+		}
+		.item:nth-child(1) {
+			text {
+				color: #333;
+			}
+		}
+	}
+	
+</style>
\ No newline at end of file
diff --git a/pages/call-log/call.vue b/pages/call-log/call.vue
index 3dbe2ea..6ed3766 100644
--- a/pages/call-log/call.vue
+++ b/pages/call-log/call.vue
@@ -1,63 +1,43 @@
 <template>
 	<view class="container">
 		<!-- 自定义头部导航栏 -->
-		<ZdyNavbar  :title="data.navbar.title"
-			:bgColor="data.navbar.bgColor" :isBack="true" />
-        <!-- 通话记录列表 -->
-        <callList type="ios"></callList>
-        <callList type="xiaomi"></callList>
-        <callList type="oppo"></callList>
+		<ZdyNavbar :type="data.type" :scrollTop="data.scrollTop"/>
+		<ZdyHeader :type="data.type" />
+		<callList :type="data.type"></callList>
+		<tabbar :type="data.type" />
 	</view>
 </template>
 
 <script setup>
-// 自定义头部
-import ZdyNavbar from "@/components/nav-bar/nav-bar.vue"
-import callList from "@/components/call-log/list/list.vue"
+	import ZdyNavbar from "@/components/call-log/nav-bar/nav-bar.vue"
+	import ZdyHeader from "@/components/call-log/header/header.vue"
+	import callList from "@/components/call-log/list/list.vue"
+	import tabbar from "@/components/call-log/tabbar/tabbar.vue"
 
-import {
-	ref,
-	reactive,
-	watch,
-	nextTick,
-	getCurrentInstance
-} from "vue";
-import {
-	onLoad,
-	onShow,
-	onReady,
-	onPullDownRefresh,
-	onReachBottom
-} from "@dcloudio/uni-app";
-const {
-	appContext,
-	proxy
-} = getCurrentInstance();
-const data = reactive({
-	navbar: {
-		title: "身份证",
-		bgColor: '#EDEDED',
-	},
 
+	import { ref, reactive, watch, nextTick, getCurrentInstance } from "vue";
+	import { onLoad, onShow, onReady, onPageScroll, onReachBottom } from "@dcloudio/uni-app";
+	const { appContext, proxy } = getCurrentInstance();
+	const data = reactive({
+		type: 'ios',
+		scrollTop:0
 	})
 
+	onLoad((option) => {
 
+	})
+	onReady(() => {
 
-onLoad((option) => {
+	})
+	onShow(() => {})
+	onPageScroll((e) => {
+		console.log(e)
+		data.scrollTop=e.scrollTop
 
-})
-onReady(() => {
+	})
+	onReachBottom(() => {
 
-})
-onShow(() => { })
-onPullDownRefresh(() => {
-	setTimeout(() => {
-		uni.stopPullDownRefresh();
-	}, 1000);
-})
-onReachBottom(() => {
-
-})
+	})
 </script>
 
 <style lang="scss" scoped>
diff --git a/static/image/call/huaweiKJ1.png b/static/image/call/huaweiKJ1.png
new file mode 100644
index 0000000000000000000000000000000000000000..f777046a59bef995441bd4d3e780b185f61131f1
GIT binary patch
literal 381
zcmV-@0fPRCP)<h;3K|Lk000e1NJLTq000sI000&U1^@s6&0owx0003pNkl<ZcmeEG
zJ&uAv6dqo-u-IZN0wr+|upuFPfeqPWi{%71CLBNuJ4zdCemXBew6n4B2wuP&kZ56I
z2Y!#jWTFqy!b<X9nEAf<eKWiaLkdrpW&Jcw7sx%bYRD6~73#ks(}Do@%d*@8{YQQv
zo1zEux2md59LEEUFF^ojhGD#4kZyw>5zUh%nMP6c#u9?j4-XzmY+zzp)`HCllY4ig
ztqJ{~ZQG-|*&6e}1Yb35HF8~7g<)8yv<7zdDH@rkseIp8p65w=4Hu1qAW)9uXvIwv
z(WpsuixZ7-P!(rU6t{F&m}qoW*#f+bS{elUc|FSWygmke6tJ)uyrYB2b|moA9@%Kq
zv0g00PrK&(Xv~gcRSUsd7>x;6#17Zy7wVS`;@vg4B}>+_#~A<s|Nnn`+%5nB00v1!
bK~w_(pI2=x*g4yv00000NkvXXu0mjfp<|s!

literal 0
HcmV?d00001

diff --git a/static/image/call/huaweiKJ2.png b/static/image/call/huaweiKJ2.png
new file mode 100644
index 0000000000000000000000000000000000000000..470a1ca08df486008640e1f191097a70364e6193
GIT binary patch
literal 583
zcmV-N0=WH&P)<h;3K|Lk000e1NJLTq000sI000&U1^@s6&0owx0005}Nkl<ZcmbT0
zJ8NP=6vzLL4-~f8LQz3M%qob@+PH;U2!bnYv9>nbEcgL7#delyQv2xg3Cy)hW0A^A
zA)Q#H(MnWep#&5(=M0ST%3Mj5IdjgO$8Tni!xf-ktJS({Hk<b(FC_aj@=CD>%Kt%S
zrXk3AwcG8U$ore*E6KUxrr^*0e*ajn*Z+`x7=oO)Hk<9s!SgZ0ErhshG#WRxTFt>F
zf<Of}E)hDw|3Dyc&oDuY&z{D#C)NK727~`(vrUnsg~#JTGMPjwl|m#E0TmrZ-%YyJ
zUrP|}f=Z==Y&MH@I*nqnh;q3Mx10O@4q=Nn_@)K9TrOGYa5ylV%`lx#IUhcs51C9x
z+NYBi<a9c*TrM#hjnHnlVHgI6!=bDVg+fxFPFm1<y+)_gL9f?4<S!NrY15mN`gGEQ
zIEfmF&1S=<Y;r6XllEjXk@|G91gS)7ByzbN{C+>S+b#P2z6zQ2Sr9`Cg#r?Z1o%qb
zZWpW7$^=jgOOV}eN2ydoG#Zt;+^_L?EN$JS1u=x*O*kBuHS_sgUMn7tgT?FhO8@bs
z1u=j{C30atpNA5LshHAQ5WgXAs+H*eIZM!BFo2a<ftKocmuh-*D?ZWVr2th&&!o%W
zqiZHA=Vvw766jh~tJP=vY<?$z!A{a29o!OwYnkx|00960{57!L00006Nkl<Z0|1sj
V*(_q74><q;002ovPDHLkV1il-3OoP+

literal 0
HcmV?d00001

diff --git a/static/image/call/huaweiRightIcon.png b/static/image/call/huaweiRightIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8225ce99edeea4f4263c1fa2d32ca15bab1fc1b
GIT binary patch
literal 1413
zcmV;01$z34P)<h;3K|Lk000e1NJLTq001li001lq1^@s69)wx}000F#Nkl<Zcmd4W
zU8to~7zgm3s8Mr4`4~mWC_+Y&3sd8QP(DKl<$_QYMQ#-0MifOME)+t@XCW@AaUseG
zQOL-Y&*EZ=;==#;p8f3BoH-wRzkAL(`}F+R^Q_P3|E_nv&st~gy#~|$txNZ_f_sBE
zgRg@>gMWu$e-T@qHrlRFzPI!x%<(hv`g`zBaA$CCa7?gYu=fz`<72DSM%$l~e?Hg}
zOe~WUz91ex3pl<iy3cHRh|AOWgTU+?Gv;_QF5x3G+}pux!KR><Z<2X9xFj%}2S)D`
z>>KPKXz$^)(KbaR(cYNvrR1n!Ss91$Wf{dxoE=^APYeW(jfPvJUkSbn{s{gHwD~Lg
z^WeEa8*Pt{{a~Ojs*^L4ej4x<wYV%t_^xz)A*ff61foZ#41xJGmf~gQyR^7HK>X2Y
z4;MACRQTd^u-M;Hgda+$yMvPLF-{K<{Uv%@@g{E0Ae)2s!TIDn#k<R5ggxagO>-Za
z*ZFZ%wx>*Eo|3`%i0XuI9J)-KEJWBk@|4x?<ro(QmP6Ev$j*#<UcgsWCph5JWh$9Z
z*q8cvRYrU2E23ADY=-Z|TE03KpHZDWl~ja^nv?m2k+t~MT346GFi_O0h>7tweJ>pP
z*dJpQTEYUj@S+aMYhrj+QL8FQ+gNChg;U(vgO>1pUCCTxrhN=^xyjP=)BM*V*fA#-
zzHz9I)^leUVf(sWN1=dz52GiZOuvJMV8`qw_or9Qvfa}8Wi-P#q_V_97b7dbR$8oY
zXW91N5w@_clOpy+89nuN>G#_Z?3lf!<#J(0S!YR{7Nd;}w$2pwmN(M#;33#Cdy7Z~
z1~9Q(5VkccfHnro&jMObn-R94i<lEr*?qN-!y*0W48V?>O13t=HzC~aBwsd_ea)xS
z@z7vH-~*1DN@__MWFx``mw_K8Qv%T%q8+=+Ce>nk_1S>1#asmy_bNXN+P+Xc)+1aQ
z+Llbu68u9u;)8H|Ua0Uk7`0e?!&O4D*om+mr3%E)vS&pf-VoV=aJx~sS7_>I!mKk6
zGTRZ}#u}pCM21Ccu1;<kY(uyW%<Y+?X}6|k%V{gZABIkSc$NgDXeMN1SQH=O?IVQ6
zUbio)>*V?_osFdB;!M#+3DlmI4B>3t?pDL%RaXbZ<F!FacQ!V|3f@gpAD_5)NAhbe
z?j>qpaK^E8y90a?8~xvu0<(N-bRXH#bZTRKQ@pInHxAX%Rc&Y249mQp#5#!@m}U1|
zwEQIS8WBa@f8LYy)z;a@iLbWg_fv>l)L@qxR&ZmIiWrWauO>e!Y0K-7^gAqIM~y8=
zzLeH&WN2r4H^MG3%uxDtA_lr?H&9owf{BT7GtXzaLH7H~(Cw0thZmEy>)A!M-zdDQ
zRIP|0>uvH?4sgJw@||9YunPAQ?t$6hsXvL~V~E<LVoX2g@KFQvjYH)}dNINpxCi!>
zY_P6u<BudGMn+8~V!eA{zjgRtYA`<euKX@~DZ(0hO7~p0MR{xarWoG_4+OT(sENdb
zBl<&nxd*l!Vh()leDNv2AeJMnlXc|8B)rIjfPPyH#Jx@gu1x;KKpheu&YL(cWfuq9
zXbUaTR1JjF6JqccwYZE!SZ`nInK9hH*mYu##Ec<ed$(KqG4b!z`f<_kc-p(D)<)Y@
zjYNB6o|6(0Dr#vNmvD_DfSU=wb=X*HsZ{+q+N<|)KC+Y2!I)9w$)tp9RQtM{d7A^r
zu4>;(rP=fl{+R`~dj)mcXzO=8H|>*dDj9w-_#XfO|Npl$-&X(t00v1!K~w_(0hZ_G
THXpl{00000NkvXXu0mjfOM1O>

literal 0
HcmV?d00001

diff --git a/static/image/call/huaweiStatusIcon1.png b/static/image/call/huaweiStatusIcon1.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5534a7906e9124e50581a36d4ef32b5042df27c
GIT binary patch
literal 949
zcmV;m14{gfP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000AONkl<ZcmeE|
zO-NKx6vyX{gBrL{FqwtW1VKhY?JFW8Dl$si7_|rr#E;AYA*IDQP!Lp1$&3!<Hc)V3
zRN$fr!G(*UK!PFy7eQ(+3__e4XQtnQdBdIe?tAm0LmP+l=bU%WJ?H%2z4zTaUeAC2
z?Gh+D1F=}l9}0zh)mkY>0`YkKD9t|^hViSVrDbt+bhOot#Msza1Z0cBT0={K#&<KB
z%mU4iNdmgf=kq-l+X>lhb`z|dVB97sDmDT%57F=$ne{-GPTuaK>QL?8-rix*WTL01
zXAgDGGscyOjQ~j}NOF=W`@u>~J9d10{5Z2QO|Tw4i`I&b0HfA`lLY*J|2?Om>5oRE
zhjUFEM6a%{c9=1%wh<s<$vQ}VCO*V69Z-F$%`zQi7T@8M=JV1#91c4!gN*>m^CY{8
zEWs(=fJh_~z&}e3KSV!bUvO(q++!m^;v4}-#>6IhtC#2kk>+)EbsumBsPPqji4FM|
z?J70`xuh9~tO<7aHQig)*4ADpM`mCtolc*n&N9zM#YP~P5zpxY#n~XAXMxXrpy5N_
zJeo)(PWSis|1|x@w3YyGIY+V2*5sO+nl`IXeTKxHU@)lN#MCqd>UgoW1SDV>#(-!Q
zka|+;IiTjb*^UHYE1PlBk{sY(2w8mFdUPZpRe9qeC|FNsW{7Xy@ko}ua^OmUHC=|l
zO|WGtI?Zi)#^S5!(UpKy?Ca}$@AZ0z#8yzx7x9Mk{;J~3oA}Q$OTWPj&WFZ)Kw}go
zAUWOL-A|c?M`A0GOJ<rT^oZn}&|EGdIY*iqdz<rNk-OnCwpL0aAek)3Fj{vG3~&N|
z=YF^^fT-Mja$Gaq<6+OVGJ`V^eXaXbQ!)V$Kfa701xGNg(v1IsfItJ#NjvArA|!9A
z!LkTQBFhoxEjzK@?hC?pfnXz;U`h6w(Xt6hBFiy_mcMHY=&}Uz>#0=gkC{{v0ZC>#
zzOAgRoTT6YSQlT37~#0ikFS`3G~-s>Vm6*9lga&%7y<dh64zjXt30Oqw?)7#ByR+f
zFva&mLiUGzhSvWAYiz<BLfXs|y(0vqkU)w<WQyhKV0oH2td4*y#M(DDHV$=lb^X9D
zkR2tURu(dxqF=x(2)!K~9Mt~Vtr`K9jGJ9`0&dME_74C6|Nk507|H+u00v1!K~w_(
X)XjrX{pQ-w00000NkvXXu0mjflUcdh

literal 0
HcmV?d00001

diff --git a/static/image/call/huaweiStatusIcon2.png b/static/image/call/huaweiStatusIcon2.png
new file mode 100644
index 0000000000000000000000000000000000000000..a0a37521aac188b15289490776e03f3008cb68bb
GIT binary patch
literal 982
zcmV;{11bE8P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000AvNkl<ZcmeE|
zPe{{Y7{|9^>OsMidaP4IM0Jo1J17_#EHJWLP!NH0n>r#iBDR5$g5bc-DHwV%>`+*&
zgJOY^k%CZ%4h4Z8I;0mnc$o52`#dlEO>Mtz@2?$%NZzl{`@GNdKF{}ke(#^T97p{3
zpMZ7+qS5I2;o;##Fc>V&_SNF?cu<hdZZ)n=!0B{O62M(qSvhS*0&?AZdwU^4EEc<n
zuU6A0;BvWc6LAwF&3}?0xffd>a9|I4z1{`s>%gVsBt9OG=L5l8=_irRRaI3}RHBHI
zUuV@3##M6s!qV4;HUSAp@L7_#&`*LENX+f-?mlCz2t9(`R&wSzY!Q$NBvB+-wSnFs
z$>~qDx3>q-Z8zHl%nT$J0!n3ntg6mm{IgAfZ(h%epOZ_D;}@g@J;ZoW`gUQ90C&MD
zlFg8$Oyt_yS}pw^ph$519!lR1v<Yz3PEz(a1TO>g>+9>+!r^d|Z{N>&h%q?@y^!dX
zzAm%~$Z=!EFG*C5TmV-kxtWBG8OCOkhzt!4)tI(?Qi}k|3^rO9i9ZwY1{cjH@=y~J
z*atwL-|zo=$e2UXA|UfgFiYZd;HT(Tz;+)zu(D+v(<YEDK%wJW1O^8OD>!DC!96zF
zI2&>f`N;(ON02~|gHHVF**9`b^YY6|fI!s*?MA*YDJj|D+s=RiHk&+3O~|t*$WjN~
z=xrc^-vZb42J;i(mMj3fWy>HiGBR?8q~ioyVMZTP`)S4hV3P{C8JH+8E?yyK(27W!
zfRqfU$2=~JB$ZW40Ol9oh*tqZDI#|cMpOhOIVDTrB)3|w#Bve!K(dJ-HCtO-Cj{tq
z%x$IgQO4EvjLc~G2$3;9%e3Sa2StG7a)nAz8M6ezC%N@5fqtLQ_ZImr5D2Ua(3d<O
z&kK&ApYhZ9wpj+*A8aA#l&FdTo#P;1d!5h0v_oW+zWioDST{(zsX~!SAZyvo=}xCJ
z*QYVv(vk%7BPFd{biS(_Hf2~$$y`Dnp<MQ~jg^%`I3EGEXjK88)g@+Ul#EpvU>QUW
z!+3>{R%2yJ=G+AGbZ5j(1yPGu1X2^aFwBE7;M>{RspZKn=X=%ye@92h55~0{bDn}L
zEUuhM4WJh+LP~x~&2MjSKSAIBO^EX-JGc?t1u<T<Wg#X`g@70a@!o+)-~xG$Asab8
zza*}zfOL)u|2~0ymHiC>0RR8>pE2P8000I_L_t&o06&+VP)YKLPXGV_07*qoM6N<$
Ef(aYDzyJUM

literal 0
HcmV?d00001

diff --git a/static/image/call/iosSearchLeft.png b/static/image/call/iosSearchLeft.png
new file mode 100644
index 0000000000000000000000000000000000000000..1db196971ee4c927c6e421f69d5338233108f35b
GIT binary patch
literal 1023
zcmV<b0|5MqP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000BDNkl<ZcmceZ
zK}Zx)7{|wP7wq1_z@UYWLI;C9Y-msiPYHQg!AL=<$iNPP!K$kn1sxJ9QVJ9*T&O@#
z2?i+{73d)-=nyC*<e_7Sg<ai#-#Fj&+}+ukb<ySh=X>va-}it2dGF24TiXiwjgF2s
zf!q8Ru)nc+kag=Huy;XI0F7_AuK-9}80b??P0b2O!f+N_kChT}>v8M=SRwYk<Va^F
zC=xI{JX{CSQ%DyfY6f9TtK^V7B^+Usb_pP{J`#z%g{W5v^7(uQOmA;*x94)X7>K$!
zN?ZqhFNn<nr{L>`V?nqaN5I7sKtdgfuZV92PJukVwY3!+8XD@Me{N)CWF6#OY$TJ(
zH}qXZP>h5$&=QAhhMYQe_*qXtZEfung5p4m+|d=tI~i<K9OXdF#^B&!Coz3Maxqpb
zoDZc^4vqlUtwpBJ2<(S&(rAaOlJl5A5rMHRID3WLD)Vy$5STJz(k_wV3ST96QkG6L
z;J&BzQr1SHJj1%~ENAX!slZBn?3){i$hbMp?ig-!w~-m>P!~yQSx;^6)xshB#@v+c
zeq1(Fq#Mt&ZF|-)uu?xa<8d*D@B73i@VJs^v)M0Nuh#P3_^KR?(Wv!8D>HD|aLUvf
z&8n&!n#~O8D_mWkwW&qGz7}TSuipT&1m;~g_yz94Z{GDEzkFGOZ`#QwJfZb!Z8RD^
zr5r55PpubPnSsyhB+&P9(U`E7O=xnx^UISx;5{w`CHR1tQ-`ba0!ITklh90FOmkW<
zv^F1{Rh-T&kW|M9<N@uf3SYwe5a{M!Or=skXqPN90~Wh<Kzk99;B<3Y+m%{!uaTp7
zpEJ4f7ZpbUv#><qGo$yBOJul$tK^9AagBs?9PY9&H%EXZuuj*pi$ID@pNNn{Mc|{!
zn%DEenIUlkNG`@H;SVHyKr(y^<xsKgr0!f2tmhi!&&S5bE-+97h`2aL&UyN#*f(pk
zbUP{kulV}tFT1C_8IUvxHxY4;shgIz3poLI;d_mkUm)vZjrYbZgLDJ$PKlcU-ZIeF
zUrxj>0Wu&WGOSw<ByvX3C6TTm%##x*_bQO{KqwJK0(2BemN?y<f%GJhQ_V6~UfZ&>
z<)pk$>^w-~ZzQ&joR74fLOqlSUjYsa7l>BDEe1G^J%Wv54}lo<HgJdfcS4H_{y-6d
z0*Y8GbOedmcLAceln9=xOVW2B0%V{<5%`?{4+kcI0WA^1W7#F(U)4+T?YjUO#Doki
tP~SfQ00960Jo(iJ00006Nkl<Z0{|2xwos3$9Z&!O002ovPDHLkV1gUp(A@w4

literal 0
HcmV?d00001

diff --git a/static/image/call/iosSearchRight.png b/static/image/call/iosSearchRight.png
new file mode 100644
index 0000000000000000000000000000000000000000..99a87a5a081b15b33f0547fb635dbfa4b5420f15
GIT binary patch
literal 839
zcmV-N1GxN&P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80008~Nkl<ZcmeE|
z&1(};6vf*#fe8Hr3L>;nu|gM$7W5Ag6fAZj7@>kYm+j6h@<Bd?1`*n&D;Ear!iA!u
z3-<~Y6zn3PVgwiNEf_E#{?71TI?c=^FOo_YmUnvZ+<WeMcix+Mnb^dTfBAeqSt^y*
zzz+CbEEa!Z-+(pchLoEassSdLjmP6VOtJ~ig81a*WD<K0Y)(y0y%z`Hc{n$KaFPjL
zqPz$~2hA+d;4^VU2_Zq}1`xib2|_e_LyO|}2BWT>8$cihT*s;_(Yb+6r*q0x6rMBJ
zxdE164;$J}Bksh4<lF$<LmB@Y7{3+ZNYxRm({7}D9;F+$0y<)akv4#sGzHxK5!S$d
z_8)lT*8nHpo^G5Ulxf*fz-n1-zh>A9{4j(WW36dgXOLy0hM&Wa(@}H%-Po=PG{BKt
zS2mGIoRRh6gU|2lqH%!RZnqayK-}J(E<FSqAo>bSP;^n&hpNvX<Zk;3OuS;QpBvjX
zVGTSn*%W)%-G*kfd7t<$=sQ^cn&EmpH0E*iQ{JSJ$M^?Epn+^Q`vs9IWPJhMwd_Kn
z&_H;ZT+PNp>~5>ox+Jd6vHvA$QCH1mGT&_6+CT$JAd;n^LE$PV*looGgzMx^<FA9a
z;$Zb~zQeB5;F37_-Y~T(cze{{@q#`7LK~0>MOO{CY=pc^at&5#3!Km8a!0TUumrZ0
z^GN(NHD%l;S}Ag$@dG2Y0kPP-7uYn=$HfMMkBDhM2}KV$GkmH)gs}lsn<geLE`uYo
z0a3ZD3U9*-ccAw=#aHo1#2;`sS7_)2!qW!x<#PF&a&W$C>r_MSWi;+dD++xZP!SV6
zW&chh=slQ--;Bj#dQ)mVU_T8$k>6GhB;`|coZ84cm$neozd_)R>+JUp#Ao4ZTV69s
z_f*5z;iY#x&4V}x_c}G*JT;NSsR3K9*N7#pfD24=%*OHOh%JK(6RR1U8fb@VV4&Jx
z5XQd&o_2krb+7^08xG5v*uYP_Ltg>gWR(2_009609Oa*U00006Nkl<Z0|0=LRcIqm
RPw4;v002ovPDHLkV1mj>fdBvi

literal 0
HcmV?d00001

diff --git a/static/image/call/iosTabbarImg1.png b/static/image/call/iosTabbarImg1.png
new file mode 100644
index 0000000000000000000000000000000000000000..98038dcf3d4c99ffa9625e148598a426475a2a05
GIT binary patch
literal 1437
zcmV;O1!DS%P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF000G2Nkl<ZcmeEM
zPiP!f7=Ldjout8n2Z@S`1wFJ-(Sik~5mrc1X{3UJ3Ki;Uo1Mu@ph6Fk5YU6LvSI(Q
z>&=2iZ=M8&ikAxYAXF4oP{^T&H1*I!58HHiUVmRF+tArJ|KFR<k{#yd<^BD>_j|wh
z=lf<2w#T0_0DGJOY|MZ$1NJxqLt6qXD=SmYX8R*AG#?t)JPZwhnVCnwV@#}35W@Io
zPXW+qG@fRRzs|NF&e?pmT0OX(%rzPc132ez`A2D4Q*Zn8@<<N_0LJ)xY~T?CpbS*e
zkdZq8tyb#^A=rz9W8t&4TJ6cfe7!lj1K_%B9!p?CHZ0RLUz6qQ%*!1B?D`>8mn{vQ
z!)N(kg)5cHBcT6W(2!78z-jPsP`Qr$Tp2JuJ$*8W{xmo$+qZA>6#cI&`1{Qj0N3U3
z_!aP{IcJg+!e2{WIyV43YK!}qpWq?zf>$@VhRTxM0GOPdJjFSe?*6_3P35@^asvPx
zT*&V4gMjhKrQ&aqHk}Iq9;JB<`g_CRoXs_x`B;d#0I*HzDQ|eO{-Un=ZmgOaD@6i8
zc6+_vI$p2W3uyw``<(Meay`Xbv)L-9k?FN*9VgwR<c0!3)Sa1m>@UM$mknd$=QIH~
zKiK>%jl+Z5wA0A++OW&;Is6f|ltKZpEQ{{uL$TANW-eYie-`ylA_Tsn0Q7q1-+?Vh
zqyWqB-!N4}0VtQx{*K0{5jqH?_I892XG*2gZ()ju0zeIId*LGI;svbbtCSv%Ag)eK
z7)KnZbRkOLNC2n<p!m<`=Jl5WLWR=1JTyqxVzKyN96e(JKpm~Fu6As@^fA~lkM#ct
zyX+Mkq#GE!NV>*VE;a!D4#9@+d%ZhH!G<6DdBcyzrCzUljC4z?OJV>>K)GDL2AaKz
zP3Am8m-2=bXmef$Gf$9CG99AwQUO4nf@WQ8GM_VM&Vmi0M-A225Z3WQr2xu*mZk61
z0Q7}APVv{Rt=q?7?S0$N(;a)V+~-JkR#}+=AO)6|mTo%E!uwbbXOJdZBGU5SJKIT?
zZQHk0NKgVmUlA+`I(L`*Y4tHbzb!*q*Gd5(tz4J=NwJRLx<dKYTsZ)SAp+grSwVqS
zTFBamzrAt*m|l05a*wf60IJm{YzC&&d_LH2x1VPUAEf|TmZ9B^)$O`U9i~bFz=eqH
z1cmb>>x%DA0N{r^#27!qG(ViPL$%tM&!`fki~*dRiNERL;zV{t;)|1My2>^~WdN{*
zyFUiMcH_qN16y02$FX!0`5AB(PVkY1g+59EpdUSfnv!3A$YhHRA^03_bW1R(I&_V;
z;b*`F3Lj3yhOC7@k7U7Pt>m;(0s!bAb7K;hFxy8R=j>1ZK`kyW{75!E%47K%@Ucb7
ziK7GnAtFC%(>gzgnLc6LcHk_NO>f(!HvrB#1Zsmw{(=S4WgxE|oSPYd81!F<t7;Z@
z`xn7#JXk_?$<_xOLi`N;B^ApcGXPxjo4=jmh_5#{Hx9#973!MaslW4|XX^{N-q=?x
z;IXXziBBGXSD698Ov$K7^gRtae?S|ZUufL44Vxcq_z))s`57ekznl5ul^FoZV6Nb3
zI}F7yO3G4Y;l#KAKR?+SS9~4dE3z*qVKOrS*Z`Liu0bw&Yd!_#U&Yb3j<nL3{QT(q
z73>QYFrrH`g)nKe%p@l>064yWah!#xpxgn>)F)XeA2ky6-L-LNzy)eQ$@KP#s8-?S
znE~i`Ps;WG*Bz^rr3?VwgVxpm7yw<!j!M5{28_x~>C$t|0A0wAO21<UjLJ*}>6tbE
rE&u=k|Nli$gZBUc00v1!K~w_(s2<;t-m0Ez00000NkvXXu0mjfg$${F

literal 0
HcmV?d00001

diff --git a/static/image/call/iosTabbarImg2.png b/static/image/call/iosTabbarImg2.png
new file mode 100644
index 0000000000000000000000000000000000000000..a45c73882b80e379109fb39317c50b1b1d208526
GIT binary patch
literal 1195
zcmV;c1XTNpP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF000DFNkl<ZcmeEL
zyN(k{6g}1U1ZdELHkgg~8LU>?{eTT-cY|eCO9FxnGK82PU_3%%kf3dTfQQH+13>~}
zAmAnO0SF-iKq6)W1PDanM{!TtfQ68JZ@JoTYr56fUGBbh&Z*N?)m?UmO}<qIZ1N6(
zss~g(V3Rvg4S`MG0jf!`8Uhm;0?Qj)(dhh-)piT3o$GRZBFEPf-9bpX{REBnx?F38
z+-1LY650yv0p8(=-ysdWjP2iUz~L(34g**M+|K~Mksv=q%5u)R9bgV~w|6%}U1C76
zP|Qa1^vElnJy`8MLa)0n;JYNYNLY8)*%dH|MNBJ#B0sGGEB+_xzISA5y$JYU75vH+
z!OCzkV3R{xOOuw)fJSE@vhD-v>WdoUs2qpIz(Fpg*%BBa<FnCjO2f~Kq<M*=_xZp@
z&WO3;OL1cwz{Yn^!?~3&feZgm&PMyR3^g|n*LVgrIyoE;#tJz4w}U@X3&FA($7Kg)
zUdYY$hAPAxz;VdCFa$Q0A~jG;Bzc?xoQWNz`$e**u0}1?6oDIOfa{(Uu6c>F?DObr
zGV8G$z!wrej?7dASD+?pGtw9hkXb)-YetUAr3Y=I(ZFak;0XSe$4<gGJcCkIs=P4<
zjjH63WHX@GJrHV@`NODDZ$N)}Dl54%w?1fFLSJk6GU`Kbz_u>m@wq}9g*ol(ThQ04
z(xErN`9D>NWk@n;)f?dPdl}lM(qPc4H^AXX6?qww3|jRDz<pPSw&^tJwHge7>PJeh
z>a?-=z0<YFp7lxVsHzqNMq!2PYyV`>#^Mi!84$E+J}d^j)c}?xN3GRhfPbNB+}f=k
zV&d*|uYp(Q=(G~dV1RqZ3ZvrKZI76^_k0wx<+@HQ5e)|ThpaFgq1UQ6z`Ogi(Rfj5
z(5g4!^~<{g{a&K%`+M}Ys&wiNIJLl;m49`qfTx(Wj=olv1ib--%WC{Bkfrj5QKQX(
z<G2a9$0+S4+JZ*CK$`(@9zDONho5j}&?XuUv_=C2xmCXe4^D_E)kaO!W)x*NfCRqA
z-v-~YSdw^$z9zGrI0IVprsZ+S%vMwdYN4hG{5S(h)U02C_bnEu8q`27ks{&^AYrq<
z3b-?v*5+{*LBnSO*3x(e@Trhz%TwtI;m+4&7&>ol^l<)|1`tXFH0K)fWY{m?CNVL}
zgophgCvSj|j<Y8)U_j4t*sJ{^Milpm<fD!p<QmY9dq`&hm2f6**8f5edy({wQQq)~
zNo;Z;-ImsXkGl9ml4rjmtMRY2D{?w!70EhR0tT^&DL|?BVhji>Wo|g`ZXmDk#;cbL
zGBkF|Kg%cOlB_8GQ#rno=nX>3a?bl3A;)7UUey*tU1B5{>%#NZy+8wo__#c6)~_L-
zTR~p`5Bc0L$m`oAYJ-rnoNLZ4fjP`Q<+%JF0x70A83T&Zo&>crAc>7L3{v%g8NPW*
zq*py4iH$Q1QuTltzIj3VxE~(?00960vf4b100006Nkl<Z0{}8ic90yZV$=Wt002ov
JPDHLkV1i6FF@*pC

literal 0
HcmV?d00001

diff --git a/static/image/call/iosTabbarImg3.png b/static/image/call/iosTabbarImg3.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9a1c71e2573863c54ca97f3687aa437ecf8e4ab
GIT binary patch
literal 1979
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
N002ovPDHLkV1h8pw-W#W

literal 0
HcmV?d00001

diff --git a/static/image/call/iosTabbarImg4.png b/static/image/call/iosTabbarImg4.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba7409637eaae421ade335e945228bc36fcd38c3
GIT binary patch
literal 852
zcmV-a1FQUrP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF0009CNkl<ZcmeEM
zF>lmR41Re62{y)Ckr+TK|AY-B7#UcO^whQd0$5QSZed^qiEjLpBEf*f+L4V)proJg
zweOOg&+qjbRqn-Ad~toYYkzTGp51si@*e|W<OSfY0;~c?j)2_)BQF431ha2}s;VYc
zHGc~_K0N&J59hz2V-RH3B)5{Z`N;wRK|goS|3;Ggpq-*9ZsB|fv;*32n&QX7!Tc$B
z@zCanf=vPt67!#-ObO$(dH|4n-n*|M!PW0cqRkJ*L?i-$geFDNd?dv@@}J12uS+sb
ze%kSg0HEym=<2o&5<IHJ@2%>1Wqy_sCIE0xma5qtXT!--4mlf6wuzr;lLFvD)XZd>
zrg_Mys`1m0O#}eR&}!ee5r4-m^S`g4%}+Z%5db9fv#p%T|LW^$^V5z`1OSTPK$kr@
z8%~z;%h_<UP5eZg1OWAWXr6+y4wU*I=N2|S{e?`CpJjL=0A*R8AfcB_b(zDC@Kvzs
z>IGS?#!ovs5dcy|@L%fMJquTtBrM_T)-PtW=@I)agxdTdq{Wd0fV3zv?BpJSe+T*w
zIt3uK+7l01eV-D9Ts*Y-p<uHBAVnm2QkK&<pvR!QySuM%<4incbgPh7nzZ@J1|Xf<
z&D6*SfEt?6`_FA2fQ=395YhNJn+H(g0}z`B5D;jeZ5{v+Y#tD*q4POZA3v0z7+mTp
zpskO;bUfIwar22h0ANh3eN@h2uprV7v7@TZPdhlV0+5W&1KMb1@?6i($x`k(8&0-~
zpJ*di09s+22LJ>$eLOW%L&Os=KbS-XIEO!K^8jsq{7~_r0P_Dmj!Lk303o(*lw1QY
z61I7Oy&vFc0CG_foilcfHV+7h*!uyf5^wW>Pz{~Wq5Alt{KVi=Pl2KO?`!iDGdpL{
zirYNk91Hd&RsdFan+LG4$wIDY=VY=M=QtZqwuzr;BUS)fPn!n-1e*ug`vJ4*k-Z;K
zmNpNFOXn6biKoC8Wx6I617Hm>qY+yLjOJ3WNz^J}4KO!GeAPhD00030|5w;CMF0Q*
e21!IgR09Avki)L`G#TUo0000<MNUMnLSTZGJAg_6

literal 0
HcmV?d00001

diff --git a/static/image/call/iosTabbarImg5.png b/static/image/call/iosTabbarImg5.png
new file mode 100644
index 0000000000000000000000000000000000000000..d28dff2977824333824c2842d48902c704dd0fc1
GIT binary patch
literal 1468
zcmV;t1w;CYP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF000GXNkl<ZcmeEK
zPiP!f7=Pa+TO#xjh)E+<XrQ8=%t0}N#e;(04A?`86)PT+{nKEe0S`h5co0&Eq&vIu
zAVyT0Lxl()D(I<-E%s1PR;aXK!8Cth4+TSayRX0BWOwssve}*4%`EBeEbrTS@6Gpp
z@Av)Q_ukArOLh1!BA~+)Kt&l4Wk82B5G{cYPk?9>jFv#O1Uj67XbE(90z^-Nj#~oW
zjE@NLGSX>nUm1{2FTQTunK|3e{+>=}{=-${n#XnBwlh~CbJUrcndxo?fgFot+WUZK
zPXZVW1{jCj7STT|CFhh<BO)@0tHPDRKB<(v3OPrefq^4`ftdGctM>UvpTM&3c&ZYR
z$z+~IFn=J1MaVIT&mzY`%+kQX;1&AtX;fE@zQV$@i+~FkvTtfFH<XfL)%b4&KCaVO
z<1V%>=>xt(!{Z`=gIShZQA+hd%(8{X5`c_8c(66Jwze9hJbajc8u}-d(%)*W3(zsk
zVcc7xPqQ;fowoD=o6zu72w<9FuuI;-v{uVX6^D|^_y?)f#1B(bQ+H-(XA6|c$;rF%
zc>MchGVxxqSQr8c(1nMc(gU9>^u5#NuSOf#hK|P}fE$d~vIJ;{Ax=RsoY9F?Dt;=N
zOs+beHU3CODwQ||yA*`BW$hjf5;;b>qu!Oex<z;#0{Z)pybDkx5VL%QS^vW9@KXl~
zwuq$Mx-yK7@k4jt-mO;RvB<WF`ox5T8C+%{W?zsxiPM;MkIl!PcGYI9@mT%+Pras;
z99N|uf-hh_PnVhvUqp&iFy`ioi&KvA1;(k>_-i#D3qap8@gN(Pxt`6wM(U+~!?h`T
z$ExPns}nXJ?g6f~Z&|{}U^Q%k`?U7@61+9mb<<KjAV8ioA?5S=Yi7HddOrXEpQb&Q
zmyfr~*5a`Ms@DX$xw%>Qk!R}Hs^@aKyXJi<eMgvm-uiyyG5uG=gFQgHO{I|Q=B60(
zQ1#t|>;f~uHRHX#y+`Yt`qSv^>l<`y>YTe>wY6dP_J)WD8JS}S+%X4?#h!S<Y&TPn
z#bPge>~DG6Rhn|s><kx=zKKmx|7s2>qDRekGxcI|m#?e!{D~-+PS|*`1gy&*P-C`j
z4|@6nHy0Kbj%uyOOv7T)`&cyZZr6)N_2YJ}@*gT5E0vn~1w)z303R>bJo=g{meoBc
zVs5bd*4eZ1-|9J~4u~_CL1=h3Hde1;2{@2GbN)+zA_}Z$$4kw?7aWTvMZ`7x2<lV+
zj&w`#@RQyl0EZi2Dy4DivI7y1h%^J)>G4<Nxg9h=hnVH+`ue@^%#K=he29G=CLT=2
z^)eoZ05Tz%b%3forv>Q?Aqf|`o^h{c;l7bhXD>o&5q9Rg#eHmKXE+A#`7YhvT{vk{
zq2RGBeY%XtA%Lh7iNxR7fcONc49b24Gluni+qN^`WV6|KNCrPyDf9F5{K9+NwzFR;
zW#RN#xzZl?Tkv_3zEKZU#>dD1fo<q`Dg+Q6HlUwMgWhMmEFb|hDyMPpQdd{(UmR}a
zDTfaAAZX2xr!&y?p4*{I@ks142-1y+Whp+PcKK}(4<}=kF%no=Tm-O_3P{-(QFlF$
z(SD4JzJZvA8JjnVT?9~pDT|Hq1U5p<toHHtMyrD;4)%$)wR<lyrfLYQ5<o?665Nep
z{Jhrk26pB15WY2TfEe@8lj;Xakh%IiF(;FWXLvlvSoQ+ACjn&x8uMid&ZZ$J;IJRW
z#Bh}ZDz5<NG%=TBsCBJNKrQ2gcrPfXh=8DswVQsF0qr)ULF0)sASh$)rXOWMyUl3O
zc%lpl%2>PUM;Xv=Ga59WC<B5r)^7Sy20ZRF+ARJ@00030|3mM@*Z=?k21!IgR09Ba
WHbkz)7jB0D0000<MNUMnLSTYYpvZ*)

literal 0
HcmV?d00001

diff --git a/static/image/call/oppoNavRightImg.png b/static/image/call/oppoNavRightImg.png
new file mode 100644
index 0000000000000000000000000000000000000000..965afef942206492e080e3b7bb498d201523c46b
GIT binary patch
literal 468
zcmV;_0W1EAP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0004rNkl<ZcmeEK
zJ8HvF5R8IUCE#9#>Kq|;diyvzM2=(ksdI$XD%2b7N&<NY9vH-XYgupBA6TOSd&f_^
zv!i0r>&ugWT)@2zbO+pl%ng`4LUmn#G)=P=90IneWzHHsP8WbdtE&1diefEz3s|ED
zE;>a<kuIPt%O9C%C752Tz)kB}zv%*GnlC}>(zw(awQeCmZOA4q1pF#PYMgQ`P0<Am
z!|*Nb_JZlP58Sk#^_woB>$?BG??1<J+zE~WJJi5sO&d8(7l0lZv~Ams;5}f28aOsg
z1h9wH?&kuu?c9QM2X3)tt%r#N2yK!=A1#e)dpL6#9?4TusHf5MTGHPv9w9ApYFv6s
zg|QHzwBu720<^@baf{T^1%$-uX>_g~bO+EF$x~9Or%^295=<Pp)Rf7)0OmHA+{+z^
zZ4H6W(`alnksAFG3hzJt-DqUl(GuN(Xcxnxg#ayaYTP23bOD}5uk?ZL0Qz_Gg4fe1
zHZcPx4$SCF`-=;pt#aXwp5B2I00030|5TTe?EnA(21!IgR09A5Nz7q}X1hZG0000<
KMNUMnLSTX#bICdY

literal 0
HcmV?d00001

diff --git a/static/image/call/oppoNavRightImg2.png b/static/image/call/oppoNavRightImg2.png
new file mode 100644
index 0000000000000000000000000000000000000000..126c36f8edcd9f80c2884cec50196af3a24d4828
GIT binary patch
literal 1255
zcmV<D1Q`2?P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000D>Nkl<Zcmd>@
zUx-Xm9LMj9V%s)bwkWfC*g_GCC`8!@g`&t7g`&JDTZ;042Suq>UKE9*Y}6{02Z~Tc
zAqwR|JBp%Ko7R?T*Y|U~XZr0lvvcm9do`2o_r1U0Irsd2=X~$^J7*^a4gUAv5}2Wm
z+a+8OUI<@>KM}r5lXpp)GL)5>jl}JNm1;)6kQXisdxfRKOkr{a8cg19r6~is+p^aP
zsf#axIjWh4Kat)nOci_uVjETXp#TwL$xKIl2y9nX?*$qzRTRh^QEII)OPCg+UAjx)
z-An0$-~=LXmDnMqBGm{SQ!Up8`^6a+^Od(+I4wL9z6m1{en>wMc(+WNviLY6Ey}wp
z5L>D?nTP-t95>-V$zCDs5k3gMf*(Gs<Y4`XO&!WkE|mz-#Z=%T-;=RKcrGLreCd(<
zCIEFXL`_yavm5~?*?AL&3b!czOQ=<du}MMrAX1?)yr?rw#C?<_a85xOr&0l3PU9Kh
zq|*SgwkZ%pODbS~^<pGJDFN1MRtjP<=~&D8YNXQyF?X7PtZ?ixCd<z(C2+{Nu~IN@
zO;)NVu^B!tsIA-ORn?XNJLvkzgRg%wva?hywJtt&(*~FJ(w4vmd9Z6r1+Rl3aAQ<v
zX2Kj}L!<)c0&T$dh9$s`>Kt!6;~(fdrVjQBldNu90t-xWjsPZ^srk%AUu<kI(-N?2
z@f$DibP9bmVP+fK%d`Zh8xNK_lg!loX`<IOiA|iwF>McUigYcvz2Wk*(r(u$zU>Xt
zRbdHyF{S4kJ2Ep<i%jIt#`ZET0oH!!#If1gS!;fNx;oxD!&h4ZZbQM>orkcq##U1S
zKRZpbx@igARdG&=QUM#vJdBLdsrYW~=lDV!l;tm$0F&6B(+~THNnG-%Jl*kyx@m*5
z{KXQ$>kN+w9Ho~>b{2}*_DF5(_O7p#z*BkN5}a_Pw#%H$uT>M1qqO__oQJp^h#j|-
z00DaRaC3n%dP8YWic+b_)YjJ4{^sUpH^<oZ4<wCTjsR;h!^g$soX&+5U(Mwu)h#r>
zt*x!Ay}dn<CeD66s8cGwlp{ctK0UZGkP3y1D(*WOw_!$t2fnWgg#sTWbQhVRqoc#_
z17UugM<oKpIH89nL6@^vaB0iX(rYil4<C-rox{V!!O+l9(Xpwi>7YpT7BgZR6A>U3
zBv>gJr=*#53@@%4=@FLNb$Y=ml6eBS=;d;NcaQasviQghWn^%0uzPH5>};6QqZSg?
z2q=7TO^<~FD}_`j5TWZ&DaE}JSL(lI18$?)QF+IPsO+M!!g1BuH!v{JlLiSN0@ThV
z<3fs`oe*KyB;N<DXfzx$+%XX=^h<+;FM+T^Jy@$D!fiCeg0-BVpX{KJ0$lWxcTwdj
zlar?5>@hOOORXg05^%NC;44aSY0G^lSL#!g29P6fpVE|}tjx+%3yGuzDz_%#o1`S_
zh5)>ikf<vHNl4Tkfw&~<l0Y01*$|)wDWKe($mMe5{-aaZ1o#G}B*?R<djd2T5~HJ|
z-5{UOb5bTdL_-jur8FF1TQm#-+h}VyJb}Le00960I@m>x00006Nkl<Z0|3L{A8^SK
RCn*2`002ovPDHLkV1nhXJ;49~

literal 0
HcmV?d00001

diff --git a/static/image/call/oppoTabbarImg1.png b/static/image/call/oppoTabbarImg1.png
new file mode 100644
index 0000000000000000000000000000000000000000..1b6f0a44cdbc0788c38d5669d74842a16d324622
GIT binary patch
literal 1160
zcmV;31b6$1P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000C%Nkl<ZcmeE~
zPe@cj7{J$c#TR%8adlS=yj6$DLy%EXQ3s_04;}PWQIHTFBBd^ohYo@Z6$BX=<f)>f
zOG09ifwFa~P8oC%5?%iw9fB5i)qdZyPjY=T``+`tw?)eLIXg4o%zVH1&Agd6;m|++
zw+T?{0RBG_sH>~nTVG$FjK|{{((mZiQa^ne-%bP!oV`(AUOq~L=CZP~2x$Y_3(N)5
zl8P3fwzhUR&L{D(2Q|<_NkpU3SYct1c_n~6-AE+z9%q_ROCcIn6%`e?EGq*lR07~!
z7d}`$b&A(Wdn^_^w5BA$j1mAJWS)~0mvA_I8!J1on0YH<O?PQcU13!dQMg!G7(`wP
zu(Gl;<-`G^aI?C)+IG~O^sTd10?=pzbs|P(Wo6(CS_d%Z#Cx%2;h$nE9hcuhsS+TY
z&AxNv1Q6|R+PQ6`1el+n|3s&b)&ce*0A$COpMj_nAV2!!d}=32FD)&#Pft%juw(3%
zjTQihp4l0QH&zyHo1L9~V#nS~8!Z41ePA$|N+entn3<Uw)>`;fsRfWRd9n#fb-KK~
zY%5Z_KHSz71>ng(2O^~#fQ6gY)%#gj6oA3yNYN7t@k=29v?;25FSY{^A_{|eqFf6A
zbh3dpViUO70>G;@)94zhN(><GsVe;}w+kRqkhhF-UjU$mD4h1wS*yNn14!dcCUcoc
zC>Jy*(*By7n(bm6lsW?7cp=W8(Ku)DiTNtX?_@^+;y4Rhrjl}RU@A2N@dDdGzR(;4
z;8=+B&UMn)s7ji-6c`~ARVo9o%3T34xa<ubtcOW{TMCglz^%qxJ6~x6%Jt0%`U~x&
zL)+1F3m{Qg0N@BJ>w+=Y3lMt@!${)P{`Ix1B?h2R$sI$*@h+nGQEmds7Zuk4(sL@6
zn&iaV0>n?rE3|?7Q6T!{Nf+1{IQt0DmOsnM@8FF#CT%DeC=zSg5P)<!H#hgW7z7T<
zbz~Qd`wM%;6`t-<oI8gmsk1zWP@Zc8pf(yC2FOE<=OL8SN$k)Do@|19R(SyokXPRN
zQI``yw9)VcKt>`G;|z9~>7rcNV&_KbR~Ze@0K_p~uV1+g*aw6!-^GCBqQNv=z4`DI
zKp<qdX0vPMBj>K<y;dM1OhdWK%ysQKK(5zND9sz{5)dcI|3EzzBD~e?&@X^o|3D0-
z)9GD+C{M9DLx=wW=rx=83Lt|lE-p?1(gB1-<C~OiL~(wC{_dE4_zqwW#Gpeg@|`%)
zN!bGGN>~HuX}J0g9vA?Fiey>f_W{{PMC4fRC?df3({@}sGSwddvv+kWi+m7gBqDN*
zc!;TXvE%#%ujp><)<~%UOeZ8F!+@Mc<Lu^gpiAKF7%J0DzQrYdNxqd=^tv-wsR2w7
zNz>c}z5%40X?75e@_S1@J;@rf+~NNw0D*9<n*fd<na2%&0{{U3|NRebVgLXD21!Ig
aR09BbNPlpi!Yg0^0000<MNUMnLSTY9*#F1?

literal 0
HcmV?d00001

diff --git a/static/image/call/oppoTabbarImg2.png b/static/image/call/oppoTabbarImg2.png
new file mode 100644
index 0000000000000000000000000000000000000000..5b569ab56315a3d4512d791b8166a3b5d9e10578
GIT binary patch
literal 1116
zcmV-i1f%<jP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000CLNkl<ZcmeF0
zPe>F|9LIOpkQEXV3_KWk4GKI2bu=^xGD;E(>f%vI2wZo&X>@7*LkoMTTYD%9GBDCZ
zq~uX3s6)_62=rt@LV}B=+vm5tZ=7~#X6Ma52Njp!cYkl*`@P@q_kC~XH?upjh|4FL
zOm>457!4V>T~c!Fb|gT;@35W+kHA>ScusuZB&rB7xtoN0!GVw}0%Uy-DEUky>>ao>
zK0f|}xW2@RK-@NS7H1DahVSGhPbUJ>e_(L92^0#2E-vb@%czPcC0q)M=h@)71JP)-
zi`ijc#44VY@Oc(cN;+vcizfl+DWUiFLc(<?JPB|LEt0NUkx(_UzY$xBy|k;oqV^=f
zDYO`J3AIW#v8Rg}mcHzzz0_0w_9RfY+1KibK;`x%5{YXgBO@QdZ!W$+=ntt>>Pn@Z
zsbix%K*FQ3SZs##w+oyg$>ZoAF34FK<Jh>wOnEG?vQ#QJmt(R!Zi7MljS<+{*}12Z
zkQLwD+&s0ty?s*Js-NAkY*b&p+86<nyP%SR%s@7qU7ebm`jyY;2US116Brd^1X$_6
zDzmMvEvs%fHa6x}KO~Q-wkd6l0115sMTy7bPlktwTZe{*+PSEo6+8KY<PyrLXb|v@
zOL7@y!AkcwG&KBdYHC`Mw(5tBWuyA))y4=+PENih8P6(|PN(OvF)GFgNLKRPBrDEt
z$Uhnz=ykBjMSWey#Kts?5|HF%l_w@9E|G9Ex&>S;?~V)`hj9YNGpymTZUQ{(wDFkm
z7_5Lo4Tw!vDpZZUd=J+}faGs-&VM1A++o|%wM1<0QjNYd_eL#aKjVQ2$O^L3FG>Ct
zLE3<pFs~I%<KwmX(wbahtWAKGYoo@0!p|+B<Oc~|=E9A70UP<ta#c-2_lqy_Njs2e
z6CjC)MCt%ap02H}ou>M{R~>E|n>ijc&Qe-)Hk%H7j@pj3n%V^LE~|)&L<lVPeK42H
zS<gF>8lOxivrcIpfJDDCwYOEDUmb*ib<VS*a`*Kc>pwe4yipx2M5}7+>L3JkW9+HD
zHUYMKU1h{Ctn;d^t1ISi=+0O6+635c`LnAypL)JTDXew#avYbrMJJ^%d3GwbG{3b8
zumcHV1YR-bR*F3IiO<S@U&q=6xcHVKAwLagh!B_vKIBxKL3fHzd<7D10un_6a>MEa
z&A{{K<u;Cw7RLI}%i=RA0ucxrY%k^=5!j1W)$!@H1NO%PdAXoo`S{n#WZkx0+}5K8
zgzPzSxGPQs<lV5ckQWQ`Lp^kGzd56lK-+WTa964bP#G2&o(20w<XyGo<d{zt0kML_
zRdf%y4?<u4a!iTcQ_h7hXK^GTrc7J_X<)tf3Art?T~}Um6u1(Q!GnN*00030|2RDx
is{jB121!IgR09Cw;X;n8d)w*&0000<MNUMnLSTZrZ3FoL

literal 0
HcmV?d00001

diff --git a/static/image/call/oppoTabbarImg3.png b/static/image/call/oppoTabbarImg3.png
new file mode 100644
index 0000000000000000000000000000000000000000..b6a94895a44ef0744b1ac41e53b1808664dea7db
GIT binary patch
literal 1641
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

literal 0
HcmV?d00001

diff --git a/static/image/call/vivoRightIcon.png b/static/image/call/vivoRightIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c26768c175ef385b0c1bef05b2e931a686b9c0b0
GIT binary patch
literal 1026
zcmV+d1pWJoP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T7000BGNkl<Zcmc$i
z&r1|x7{|w15EfRKE`kztOS=bAf(H-Y0{?)LE*e4PF|j%oVn-v8^b*xwp_>N}dk6#1
zsojD|@KUR*3(~HAKf}z>?EKhyXLr_kpWa{3^L;-1{@O*`%JA>v;=(>VJG*^)diw0-
z<YYtk?fCfkPpww_i_vCGwt)}6#AHZi83ESo^=krHmi=rr8ef{t<|`$gmfh&<>njVQ
zfYD}5HjNLy#K@M>(0J;S3Q#LCq*ZyRMBfGQRO-Vr(=tpf8fc-JMxZTVwOYL=;eD;j
zoa+8GqDekzxLW&YC;2iL3y6?D<(h5VA0>DN=WZIBXp@6naoUl93MlHld{)q`EblT)
zE^<aC3IWQoUjdtPo|5&dOp%k^tqDVba(pYNUcxDzQ-CD5)A9Zb0J?{^7u)LPZ>?ut
z27lZK)L|Xc!F}V;Tv7uDSiJN;p!WZzCcA!Hy+mni7+~@I9Y9`pUHJ#zplMyHR4mLi
zF3ukon3#6}^}0V2b*4ucu%)FX3!{x_rv?j5=-BFDGjvQ1AiyMMVYC@D)rs;K*Nn`z
zwUoEykmb8oVZqX6$YI!6y~$vj^u39R32Sk2(JB-Qeo!|dwStqjeh%IA)iX5mgoKSt
zGMa%a5RxP0C|f)d$d<8_2c))mL{E-g%E%N7OM=|l*$Mf#8xUNHEpF#$G#>}Kva({N
z<2iFlYF;PLn%ixvuS-(1_1*W&G%(4Zhnffbe;}Tr`T6;zu*f;s*y4l8*$jhmaJ-e{
z<Kr0=tplAydpApDYfKUx=d#s5O<!=kZ1Hv)=Omv>rQ-ZpXx&y;E-M`Qw8h(Yu~_`7
z&Y>(*$z$bQkVDv5!KO$*xPwMjj&K%CvL=^=FZ)$>&W-3IoVl%?ZY#2|NNbh01E{6^
zp*QC}1184#0!U(fNavRgV<s9=zOcZ=oC8Qh)Gzei_nWqf0R$vQ+axy17Y10oIUjIf
zVBkoTPrM0}8ZgWxCe9ZISiE^3kb!c!{7Ln??6S(b%i!k^05V!Cl^(0!lJ&Z5xw!**
zLx9@<b2;)y$zDPNH%;yUojM^vjqwK61$kHPUTpU|xdc~NzEFt-#7hC^I;?ZL^7nOc
zjc+#^Nrooc<RDj^Z!Dk}z@e4Em;~2Ucl?;6;cAVc?d6H9+X51(PkA&rIQUQx@^vM6
zt+6cM-G{`Yffkz5X<JeOdMdo`Ixh>dt4ef7KZl-cjz4zpX;rEMXkfH8z9-wn2VY`j
w3utIOb@>MX0RR8HnhiSu000I_L_t&o0M&6E0b{F8X#fBK07*qoM6N<$g4kf_SO5S3

literal 0
HcmV?d00001

diff --git a/static/image/call/vivoStatusIcon1.png b/static/image/call/vivoStatusIcon1.png
new file mode 100644
index 0000000000000000000000000000000000000000..188b857d8cabfcda702e41efb0a01be09133aa63
GIT binary patch
literal 898
zcmV-|1AY97P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80009wNkl<ZcmeE|
zJ!lhQ7{`+|U<U^a3IzonA}Z=2Dhf&33kX`&SsjFm4h4s{lQ@VK9lEtcHx(*4bm*Yq
zpr|Bik~+BPASyak=un|hhYpqI!{0x0>E-UdyBJekEYCmpywB(V{kZoUi~Qri{{(zj
zAe+s0=W@CGppeh!FKpIM`4Wi5Vt1p_=rxd{`3xk6d4>vcE1>2FcL5`TLZNV!z!Bh-
zNs8WZ8akmH2~;W-HIEw_j6>qK!QL?S_xJaJsKDx-!%+sl;vq0UKfja2i@q6=$XFN&
z<<8B`ovzhtv*@OYVE!#00_*GRr*H)(;UA;HS)NA0r{+&^b_2<neoXKXAm}6r6=rwL
z6h!kRKFz$*ob9+{ij~bnfaHW6Az16`>Y8!K6pO`!<Uhy06-dT|nk&FV0ONKLC^{pl
zRO+)ci01n^ysxm?&8KL7lX0M!2n6oGX4u!)_tagLv-8uo5i?t@R!8lzo{*`(8Pc6F
z5m<EwxOHYf?Y3#0$z&GT7K`SO!6n9lub*-R6M;oJ{J_k<`}wpjmStUTwYlne2r$F1
za`=H+Zt?TAV>b~f1{Gp?TY61{YB+r!0-WSL0c*f05E#;z(&%i%=pn%Vt<prdn6VsN
z)XSH0!sv7uMUpG~x**-*YEnG}<Yk}7^$freg(oO%d}Xokf@qffDFOW@Hv4|Sv>`?U
z>2&%%tKhlmHqz?a2!%gF<Z7u@+D(IPAi;PT`&-aBE9fck27hlo)A3^@AU^~~!IE@8
zP*m6UgL1jNz_zS_FT_q__cX$G2*4rR<ntxKSy-arAO%~xP>2f^2<!(1SnRQbeF-Rl
zEB6J@A<!{_KmzDY)W4R21k{x~{2|XyuS9}_euBD@Pyz~q#3NXrLH_|dA<Nu1A5^F%
z0t#e1Uh^F|%)xx7al0TtN1fxGv1Qe0nSg>xTC^<dJgcFvp8oM@`GC^+9W@5Yr%Yx6
zy)J)5pq{}GtC6SBKs+ATYdA>pX;1|EkZGHi(LVu^ya(YF@kg|kq&G=h1ndgQWb&Je
zQv3=?gT0J<zz*~SU;zCVgiCgg`}tP{+{M}%Z#sc6QojHI0RR69y(?<~000I_L_t&o
Y0CEscP;TRsb^rhX07*qoM6N<$g2|Jo9RL6T

literal 0
HcmV?d00001

diff --git a/static/image/call/vivoStatusIcon2.png b/static/image/call/vivoStatusIcon2.png
new file mode 100644
index 0000000000000000000000000000000000000000..b75db632504a96974e37881b5b0d0a51adfba998
GIT binary patch
literal 796
zcmV+%1LOROP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80008fNkl<ZcmdRu
zziSg=7{{AS3=R%;5IPieaIlEbp@Wi`T+m&YLdO0P9V!-#PzS+4-5t6Lb#QQSko+KE
z!J&c<6%ic-9fTHi$Z$#ge6M%*uD+LhuQZf~=X>va&+~nr=X>`)7ia2(f2T`8r_*^L
zB)v4ngrvC1Z~X>>!VQWvf<4;<3w(+317>_@Eg+sY6%!F@eu$QSYb~H!tv;ljo{+^i
zUxcA~BjEa^w2QR>6$%Q+MBtCz2OQjXmPvq01`VQ3<rXqMxe|oT0+e)|$SlBc=Aj;c
zCc+!rHIo2Ca~*{c_RB27T7ap!=0TwQkwsVwph?tX17{Es<&NE33y3s{H4m$&#Y5iV
z)#-M-rFOgh7JLOic-6a6;M<0CONnYCXm5gIf@0)Ul?znYgm>aN!{Kl}m&;uTm%t3k
z(^24?hw}_yCL?D<xj=PISb+1y>IhV%)oK-N6^N@G3%=(-+_E5wGOLRXipAnZ8y>yi
zOF-L(>^ROH8=g3x=iSz7fwnUk3|@^!qrEgToE2WJW@Ic?9Js4vN&CS)X5fWWtJV6v
zij93=@)gbupnfayC<xAq0}?rr4(s&x{2@fiJyidU1dUq?U*RY|@R{DH**rK0rhC2K
zRr!d07RQ(zankEMJ)g?u3qVPq<Ru&)NHcw=Yw)+hZ?MZTek5rPoCRs-k+Vck|JZ#2
z%BWN-uUS{Xq-~jAZ^9=31jxa^Sd(><B39|)zk2%k784*3gvYFP@CO{1^(j=R_9NDq
z{U<<Ch|lx+`~t&b^&g>}Bv7Nrz|E<qiDMKXV!2%Y<hpK+eVrnig^;tw7jf5h-J1;D
zH|iKIQ9#I+a*EXS6!?}Yya_b*n&R-Q`Gs!>Y>HDT6fTo<gJFBg{a8yC5N7ifJBVpg
zcoAG<e;%9xIdB2r99U%EER{-M!o0NAT0mN%qsAvLAWhg`00030|Id!IdH?_b21!Ig
aR09AuAyH70X5A$K0000<MNUMnLSTYMDr+eK

literal 0
HcmV?d00001

diff --git a/static/image/call/xiaomiHeaderSelectImg.png b/static/image/call/xiaomiHeaderSelectImg.png
new file mode 100644
index 0000000000000000000000000000000000000000..33ad431eb52e5d5d98fe2cc1c3b429ad4c6f2b75
GIT binary patch
literal 418
zcmV;T0bTxyP)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00043Nkl<ZcmeE`
zJr2S!424rB4%f~MAi)vfB=iU%!NA-e52?IYIVfrEG+|%?lt+yJJ{mb)xi5YGAlG%>
zmMT5*qND5k{#;enjiOxw%LYl~W6=C4zQARhSs-Z`LVU+;*dj=Qw4hMf#+3z2f;327
z*Cz^yBA5xnWNpwaJg!y%a62b<1Vhbs3@TqH2$QuA@*{}%D=;6L?Is9KuEQ|wDA=c2
zr8pR44t^e*rnzHRmkDAv3n|(uF$chFDklj_6_&<+41{~MPmQcUKITyVx3-%{CxsV`
z`3=CcR!kpb%%NcK>C<F_ko<)FQeQJ@%s=qH)EM)y#@CL!3Bt%ekP+Q{X$-e>V!t79
zwy62+9^r2AqRwC%L~_B?m-$3KT^d9%#G)sW9JuYZ2x6%;3So3p>N}8usj@&UQefE-
z)@Os5Oc*9>@kPtrsfs`>=44T{OY{N&0RR7bqZ0xE000I_L_t&o0Kog4HS+lwYybcN
M07*qoM6N<$g8qB2<^TWy

literal 0
HcmV?d00001

diff --git a/static/image/call/xiaomiNavRightImg.png b/static/image/call/xiaomiNavRightImg.png
new file mode 100644
index 0000000000000000000000000000000000000000..09a09dcf5e9b4bf1c94b5ab56ef9fbb1b5390b9d
GIT binary patch
literal 1617
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
P00000NkvXXu0mjfWqJ5d

literal 0
HcmV?d00001

diff --git a/static/image/call/xiaomiSearchLeft.png b/static/image/call/xiaomiSearchLeft.png
new file mode 100644
index 0000000000000000000000000000000000000000..08cbd5282b6a1c616d2b41faa612e0203f475c09
GIT binary patch
literal 967
zcmV;&133JNP)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<000AgNkl<ZcmcGQ
zPe{~36vuaeiimcJ3JN?JbSPNq60}eUFM(o*4y(H=feUqr4sBqRbg+e@g$nJ~L0F^3
zO<k#jL6KpHK!buJk`6*1J9sck>#(|g-mq`@ZT^1iuCUAd?t3%yX1?>@{P~R&@cE_F
z>Bgz4sV<NPUnVCf|DX%t7xn@e$>nk<eY*QrdlF7hPxm)BH-D$sEEoWxU@+K-7TJRx
z28pe$twkm<Ukz~yVKJ&_g+d|2$Ol0s(hl)Eh;LTnYzfn(kf>hM=^Rk`fst|?C%nGC
zzPG2RCz#LY4^Vd&j5D#nXpwsUZj+gN=(1u7A<N=<8W<sEk03b=$xtK`c^{9**QBAZ
zuWyyQ7a)#L8>DkmFTfro(ko*7!4NXDejIFM3^dr?-F*oXjezFu0_pP7(o!ca&w&w0
zQ;;4p1&=>xczC!Tr(4>FJqp<aE$^h0$z+~P^y2pk1ek0iWB8`l357ykIGP#ZxVo{i
zk)&LeNG8}gvYWME$Hc_Mel57Q1BpA8V{|ra<#wvXj>Tf1@mmBY%DTEb2}Ft|kTtX$
zh23b^qQtAh0+YA>N$m-*ZW3XOHjtLDYVSrf;cu>fW|>@NV>--4Z;$}H?zgGk<sWDC
zr*<V;Ih$IvT2gA)jKg2)?P3RT8$`IzRbF-3))c~JEj2YY9anod8p5#lBXcWiyS1$0
zTdlw;rgpWuc%JQ!C#7~=_gD_wH>VXi#j@FKtCp+LoaZS1x>44+f!<KwCXU>b)Y@Bu
z39yuDyOC(yQ8JlK3zJQ$BbgeN8%WD;Eo&&{3;gAQNIMt#6Id%Em5ekrG{{%R950Ah
zfbZ342ssWPVY2rrb_CM-nVFeW*uKIg9VH_RI2;8=i0%X9`5rGrD4sao!TG+}MT9pu
zH|4`B&xz{{-bFO+=qR|$6GL7EPx1Z#C`D)+q25z0p|tXqxQ0%U68C3Go)fY@vqUpb
zyO7*qa&~j!FKLul0?h%rOA~&iC4>QfMEa1y+Azm~t}CXem=^(Gm}Ajs^gP6)>ctqI
zq}vFk1Ek9!&Q*1YK?cAW^)JzLKq5?`JNOQo7Xe=wlMzU-QeT$TlaRrU$a8{09)pWa
zpc8!t^kNU8Un!AsF8)zpmb5Hkag3@}IntUC$_#x-FV~FFi<HZ~wWfqhicSF8Xvu#7
p00960AJoYo00006Nkl<Z0|2Z(mPE;bty};A002ovPDHLkV1n(qyoLY(

literal 0
HcmV?d00001

diff --git a/static/image/call/xiaomiTabbarImg1.png b/static/image/call/xiaomiTabbarImg1.png
new file mode 100644
index 0000000000000000000000000000000000000000..43c88bdafd07dd580c43eb7027ce5eb6a3b8f477
GIT binary patch
literal 1129
zcmV-v1eW`WP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000CYNkl<ZcmeE~
zPe_wt9LII;ut8mvpuod|4rbt{o0Mdy3cExEMIAhNDDn^#<e|u*5V6Q$hawL}dGJ=y
zErLX)K?Tz-6D#QOLLEG$2n7zD+UK{aZ0&is=XLMi8EpK1d;b02=lA_Szvp@1=XqRJ
z|M{;%pxgnhM4%FZB1b@L3N<%3`&(LC-lM;R!QhWzFnFa%zqUPIh=3cg*IX{whwAF;
zL+B1X*Q4Q3D0GUn>|#nF5D54HKL)}<)PrWp>gsCP=kw*%XBjzAP!eFO?5nA%`GWs;
zR4GKmS65eeQ`zWXrIG;tJ5Zg`?GdurmQ9od7+sm`I-rE)V;#d%*(eDxzklgEgzPb*
za8B3WZaXCboP0;M1rmehTF^=YYinztw9%&x>uYOk2hv$*|CI#d@%SPnqE?^~h3;}h
zK}kS>1L&=!7Ie`tjHCs7TTD#}(EBS?ONf@Sva-^K@%AAwIXU?eKm`}GfKMb6ZA?1@
zd&ebT1O&`O`75B^v$L~v1#C*zoR<L8Vi?Z})KsRXrbbO09cai)fN3FbqoFho<$r=V
zk6YQ|P-R{Mf`R#ck9qz_@(T6v{x9pcx*!3W-@H<9E5L75-6aaLC)y}GnieD=Xy)hV
zACZ1Va|CieqR^Mq;82AY0X|R(HhA4;m>_YLW9Lz`_EOes5fA{eSZso|5SF|`-5fig
z%PCILR?;eM0)k>;Vc`ZO%=Sq2oZ?<LHa6;>C8W!u)e-^2Fk~v7#jDwQp~36*I!eM4
z0f1M<<8g!aaGt!`2d>@Y@r*S!HOcJ-X6C{{sDq1xcWB>M-(;2v2prbKC?qaRUZpJR
zklXDRU<Xz0Qpb8ZjGb&4<>H{13xXI#Ozq_vm2QcEbOec~tcPC7s}yiP>LY;48C?O-
zdU-*6=J%t4a)hYdw-Svl6Tn#&`=EYE<on3UHlvsC#Ak>M0PYg{4DfQ+*e!khqi%@z
zScyha1jIQc?m)sc5@G|WeWce(htMwanIlgzN3^3+Gy!o9iGET6X11_twk%rFu!Vp?
z;{Y_w!ahNM4z*Jx8smPy|A4Af+XzVKEbNKp<>glL<EWkDVcncjb!aOAaWFkS{gY@M
zC*OnGHl<i+GxV1uwi8(Qkc7ko7HoiW1T9t~ME9ktlTr~#`HDuP-ym{?(d$GDUJ#@n
z%Kb|+5EpW*(={a}kakfe--{96RQoA+StWvfSO$V;mEs72b<Z-bhJ^^A<ZUI}h(h;B
zGwgtGtv|0!N<%>DYO^v4i8oBG)7*OOf=nkZPe`-wl_*DPKPfw4+D)Y#1UA92vt5MD
z2xKmj?&av}U0Pb&gYKl<N_!Tm%?C3wWhIb-BbAlWmP-WG>=q<tm-)A?2xJ1&%~uHM
vj#R1a{sI61|Nmx|(P#hw00v1!K~w_(+X85CxsnkJ00000NkvXXu0mjfsF@Dx

literal 0
HcmV?d00001

diff --git a/static/image/call/xiaomiTabbarImg2.png b/static/image/call/xiaomiTabbarImg2.png
new file mode 100644
index 0000000000000000000000000000000000000000..79d16f05d6a96c1708743f05e4cd2de6d8b9de12
GIT binary patch
literal 873
zcmV-v1D5=WP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0009XNkl<ZcmeE~
z&1(}u7{*PAl7t*`@L&QxXnXJvs8T%@dZ~EvD73{7BnjluLk}J!c+f*3UP3-D6&mjz
z1S=>#6pYY6K*5g|6nf}2AZSATy<vs6yOZqh4A~8Ad7sSe%=^CcJoC<Ovx%RZ^1nzx
z&;^Vt5LG~P2aFz}Mx(LZY&N&Scksu8^tT(#X>xT8HzEL{S0UJm#bR$+Wffcj=PgKo
zRp!J;d>J=p+5#Z81e<*bF3^rN%V*z;8R_eGQcHmBCZt}oSO&PYjKoN++kjDiS^@@x
z!4}EAkjH&!87p>pq4VKe0LNgNog8~?ROBR9a;WCrj{6n>ffculsQgUi@GSsRH-WBc
z=g<)_qsyLn?HoD+SU-5v5%ALheeE1N0zMiLpq<0F0G{KobOo5m;afndRN8^SC%+;j
zR&w}_{~zaDfF$Vm`wwZmz^irnAMn6ykdwa$0rv26x%`=(yu*wa5nYKX7K>kq(>5&u
zvO34$L$BAn4ym!n$?~}-F%oM6+5&`xR02{rAb5-GHuwSlT9AHQ=ETR;&Xap+Mg$Bq
z@d3dd2(E!yaKVD~*JKVC<7QNVads{eY6+-Tt65%5Zi5ZJ8gGFP{jan~w7)GJ)5=(f
zaq(HFU6NQA{KmR?766%92s{S6>2&&t72beN9*g&ZydTWbUSce1;UcY!Eif)VFKFMV
zQmJFfLB5Sztu}{`FLNcJQmG_a=pGApSmhf8o`XgDLXyV25uX5(V>6LRNQHLm_4*2H
zCA?%CDS%|jR;#t1%jFJ8`jQ1@hv}L(axcc?@pe9+mm^nkd&C?CoFvZUPf9LF!aQr|
zj9G@Ca6AuW^Mni6O0x+N<?O;<0L0Id%nAppzsEhI{NcbRfSc<XndU(#jH5NrJ@QmV
z#wGwq`EElK9-|U>RcvemP&~==uHtoSd=w{}fK!oEa1jXzx=2w4!dQXBph-Eb|I1-)
zIAl9QJhDp6C<B<Av>n3fk!n$!fI^}0jyI_p5c7><(PZpp;pAF?$}z0twhDxmsESu4
zK(#ZI8lU<K`~v_0|NlKU<u(8S00v1!K~w_(F#9-gxI)4?00000NkvXXu0mjfF%pQ~

literal 0
HcmV?d00001

diff --git a/static/image/call/xiaomiTabbarImg3.png b/static/image/call/xiaomiTabbarImg3.png
new file mode 100644
index 0000000000000000000000000000000000000000..2e28f98d77b802e034f7c5218847f6edbff5716d
GIT binary patch
literal 1366
zcmV-c1*!UpP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000FGNkl<ZcmeEL
zNl0W@6urNkf;a_K6b;6CLS0x8#SsTw7{#H)EQItTL9@ytS!9`I0$BvINJp~hl~EI+
z!Fh-SC^$t6L5OpKQzHoF0E$!Pp6CBRRn`9+=xVB}L&-b!?z`{4_s$)@zF!*X9slt;
z;OPYVGT`+Yu-R;RHk<7?#va36ZJ!VNossun0eZ58c!RHa12f|j#)k}dwRk?r#4t05
zFS*xkx(@KdPkGf33{SToWiFaLG#%gt>1_R+A=>`_K6Q6@Q)g$VThQCvONWPt;%xcj
zxy(r({@cCg02{u?(=Qq5$!fLI*w`4IpP#eJJq>4$jEso0<rBf>rOZuMJ$A1-!0MkF
z84S9+yQ9(3QM$js$Iz|7nK&C9<b%Np+~nb7=imT)h`N9FI7Ku&J4<J0XUfp+J<bLP
zyMv#}995O-08cp7{l>-yZEkL=hMp3@0bK0PcX%Fz1594j7#pD%wddqHPkF9^3!V#^
z0XVA9gK&T+P+O=mkJdf&&}=%-!%r|aaP&W7!E5TCxo9?x=ixKvo`(#4r>sD&q2`pa
zxAow*v$JDQ>svTb4$Z^E11&BtLiB1ZEG*dbtAYbUadL7(S65d;_U4bv%S*brxKJpD
zs1DrT-YQD3?{98yRF0|x5fKrp(whZIk|;bpT%`yHtQduchEjYyZm}3?!8>%Rsj1}e
z@2`;g8xFisMkOUB6cQ4m3>|vtYinz%wY8PX%E~A(FwkM%e&FZlM`>wkR9ad}#l^*x
zl9ED_B-xud$O#DvR8>_aker<CFlRpi2cywwuX+IozGuw=gOG*#`g)3vj>b?$WMm{Y
zG&E3LT%1T>dU`rFHZ}@bHIjv}urO+FZl?0`a>~fapscJcs;H=-mX;Px`~3WTs;Q}=
zq@*N)%F0SAEG#4hLEchyv9YmKS662rU<*(DVvr>16$=fFYlbj@696KOs5dn=QE+fD
zrd6O0LA0QtfD#iE2~jL6Dk77~L|V@ibl69+&&<puoB;>aO=Te`Cx_bF+6c}diwG9T
zBfzrBCHEgQcPlc0^!^0}Lp%=#gMngVVhE8&)LAbYetpf&&57#<6sX1A++3=zt`<?u
z&dyfr6W8GR`FR2$!#*G&fE0U_E6#u(z)KVUkU|E6f`SO;ge*oyMM0$i0XH%Ebtr@b
z5Lodi_lb;O8Fvh|fq=zgq5l4UT3=tMzP>&>IyzG4odwLnW^HYa0Laie+hL5omzI`j
zczBp*W@c!7d|dAej|#zCVkUDP#acjh00W+|GCpVdgTcW;nx38(8+LVdiMKNR5#c#;
zz`($OaL8;nlZBlFAY&coaCd<%02#WWp&?pXS)twCUE12(64}A)<Lc@v%mnuK_Nb?)
zM+9kda#C=>I-ZPWZeK7&mGD?J2M2_PKiKFM-br!yz=qe?aGoce+VSzRxPIW36Tnpj
z>zvHg;laTHEiW(A#KZ(mO-+gHC_zz;Wa0Gml(x6G#XAYsF((J&vKeVQpiI6Cz0Uzp
zXUUfVUj|%^fUksH44}))eHm~$gf4FIzs`W>-NVIzz0q?10t@$l&9zTuU|Ms9XOts)
z$3Er2*SzS>vcL=9V#5{x8@>H>9cXWF$9H%}PTwC4-4yC={1)^G9{y8gl(}ebsp|l&
zv9P0~qlFR5vgBsG&*wEV5J=F`#FGwauJAIY&jC*-<R1V40RR8_Xu|ve000I_L_t&o
Y0QV}uf0Ic)r2qf`07*qoM6N<$f(Gq{k^lez

literal 0
HcmV?d00001