diff --git a/.hbuilderx/launch.json b/.hbuilderx/launch.json
index d43c75c..e608e7a 100644
--- a/.hbuilderx/launch.json
+++ b/.hbuilderx/launch.json
@@ -6,8 +6,8 @@
             "type" : "uni-app:app-ios"
         },
         {
-            "customPlaygroundType" : "device",
-            "playground" : "standard",
+            "customPlaygroundType" : "local",
+            "playground" : "custom",
             "type" : "uni-app:app-android"
         }
     ]
diff --git a/common/main.css b/common/main.css
index d2f9a80..a4d30ce 100644
--- a/common/main.css
+++ b/common/main.css
@@ -256,6 +256,10 @@
 	display: flex;
 }
 
+.shrink-0 {
+	flex-shrink: 0;
+}
+
 .flex-column {
 	flex-direction: column;
 }
@@ -282,6 +286,11 @@
 	align-items: center;
 }
 
+.flex-align-start {
+	display: flex;
+	align-items: flex-start;
+}
+
 .flex-justify-center {
 	display: flex;
 	justify-content: center;
diff --git a/components/message/list.vue b/components/message/list.vue
new file mode 100644
index 0000000..c3ed4c8
--- /dev/null
+++ b/components/message/list.vue
@@ -0,0 +1,145 @@
+<template>
+    <view :style="`${phone}-style`">
+        <uni-swipe-action class="swipe-action">
+            <!-- 使用插槽 （请自行给定插槽内容宽度）-->
+            <uni-swipe-action-item>
+                <view>
+                    <view class="item flex-align-center">
+                        <view class="dot"></view>
+                        <image class="img shrink-0" :src="`/static/image/phone-message/${phone}/default.png`"></image>
+                        <view class="border-box  m-l-24 flex-1 flex flex-align-start">
+                            <view class="main-box flex-1">
+                                <view class="title-box flex-between">
+                                    <text class="title">title</text>
+                                    <text class="time">昨天</text>
+                                </view>
+                                <view class="content">市燃管办温馨提示：依法安全文明燃放烟花爆竹，共护平安幸福家园呵呵哈哈哈还好...</view>
+                            </view>
+                            <view class="box-right h100 flex-column flex-align-center">
+                                <uni-icons type="right" size="14" color="#C1C1C1"></uni-icons>
+                                <image class="img" src="/static/image/phone-message/iphone/notice.png"></image>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+                <template v-slot:right>
+                    <view><text>删除</text></view>
+                </template>
+            </uni-swipe-action-item>
+        </uni-swipe-action>
+    </view>
+</template>
+<script setup>
+import {
+    ref,
+    reactive,
+    computed
+} from 'vue'
+import {
+    util
+} from '@/utils/common.js';
+
+const props = defineProps({
+    // 手机品牌
+    phone: {
+        type: String,
+        default: 'iphone'
+    }
+})
+</script>
+<style>
+@import '@/common/main.css';
+</style>
+<style lang="less" scoped>
+.m-t-4 {
+    margin-top: 4rpx;
+}
+
+.m-l-24 {
+    margin-left: 24rpx;
+}
+
+.iphone-style {
+
+    .swipe-action {
+        margin-top: 24rpx;
+    }
+
+    .item:first-child {
+        .border-box {
+            position: relative;
+        }
+
+        .border-box::before {
+            position: absolute;
+            content: '';
+            width: 100%;
+            height: 1px;
+            top: -1px;
+            left: 0;
+            right: 0;
+            box-shadow: 0 0.3px 0 0 #C2C2C2;
+        }
+    }
+
+    .item {
+        padding: 0 0 0 14rpx;
+        height: 146rpx;
+
+        .dot {
+            width: 20rpx;
+            height: 20rpx;
+            background-color: #007BFD;
+            border-radius: 50%;
+        }
+
+        .img {
+            width: 84rpx;
+            height: 84rpx;
+            margin-left: 16rpx;
+        }
+
+        .border-box {
+            padding: 18rpx 14rpx 14rpx 0;
+            height: 100%;
+            box-shadow: inset 0 -0.3px 0 0 #C2C2C2;
+        }
+
+        .main-box {
+            .title-box {
+                margin-bottom: 6rpx;
+
+                .title {
+                    color: #1A1A1A;
+                    font-size: 32rpx;
+                    line-height: 32rpx;
+                }
+
+                .time {
+                    color: #838383;
+                    font-size: 28rpx;
+                    line-height: 28rpx;
+                }
+            }
+
+            .content {
+                font-size: 28rpx;
+                line-height: 38rpx;
+                color: #838383;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 2;
+                overflow: hidden;
+            }
+        }
+
+        .box-right {
+            .img {
+                width: 28rpx;
+                height: 28rpx;
+                margin: 0;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/components/message/message-nav-bar.vue b/components/message/message-nav-bar.vue
new file mode 100644
index 0000000..de19cf2
--- /dev/null
+++ b/components/message/message-nav-bar.vue
@@ -0,0 +1,512 @@
+<template>
+    <view :class="`${phone}-style`">
+        <!-- 导航样式 -->
+        <NavBar :isBack="false">
+            <!-- 左侧文字图标 -->
+            <template v-slot:left>
+                <view v-if="phone == 'iphone'" class="flex flex-align-center">
+                    <image @click="util.goBack" class="left-icon" src="/static/image/phone-message/iphone/back.png"
+                        mode=""></image>
+                    <text class="left-text">过滤条件</text>
+                </view>
+                <view v-if="(phone == 'huawei' && isScroll) || phone == 'vivo'" class="flex flex-align-center">
+                    <text class="left-text">信息</text>
+                </view>
+            </template>
+            <!-- 中间标题 -->
+            <template v-slot:center>
+                <view v-if="phone == 'iphone' && isScroll" class="center-text">
+                    信息
+                </view>
+            </template>
+            <!-- 右侧图标 -->
+            <template v-slot:right>
+                <!-- iphone -->
+                <view v-if="phone == 'iphone'">
+                    <image class="right-icon mg-r-30" src="/static/image/phone-message/iphone/more.png" mode=""></image>
+                    <image class="right-icon mg-r-5" src="/static/image/phone-message/iphone/edit.png" mode=""></image>
+                </view>
+                <!-- mi -->
+                <view v-if="phone == 'mi'">
+                    <image class="right-icon" src="/static/image/phone-message/mi/setting.png" mode=""></image>
+                </view>
+                <!-- oppo -->
+                <view v-if="phone == 'oppo'">
+                    <image class="right-icon mg-r-52" src="/static/image/phone-message/oppo/search.png" mode=""></image>
+                    <image class="right-icon mg-r-14" src="/static/image/phone-message/oppo/more.png" mode=""></image>
+                </view>
+                <!-- huawei -->
+                <view v-if="phone == 'huawei'">
+                    <image v-if="isScroll" class="right-icon" src="/static/image/phone-message/huawei/nav-search.png"
+                        mode="">
+                    </image>
+                    <image class="right-icon" src="/static/image/phone-message/huawei/add.png" mode=""></image>
+                    <image class="right-icon" src="/static/image/phone-message/huawei/more.png" mode=""></image>
+                </view>
+                <!-- vivo -->
+                <view v-if="phone == 'vivo'">
+                    <image class="right-icon" src="/static/image/phone-message/vivo/select.png" mode="">
+                    </image>
+                    <image class="right-icon" src="/static/image/phone-message/vivo/add.png" mode=""></image>
+                    <image class="right-icon m-r-34" src="/static/image/phone-message/vivo/more.png" mode=""></image>
+                </view>
+            </template>
+        </NavBar>
+        <!-- 主体内容 -->
+        <view class="main-container">
+            <!-- 顶部搜索栏样式 -->
+            <view class="top-box">
+                <view v-if="showInfo.text" class="text">{{ showInfo.text }}</view>
+                <view v-if="showInfo.secondText" class="second-text">{{ showInfo.secondText }}</view>
+                <view v-if="showInfo.placeholder" class="search-box flex flex-align-center">
+                    <image class="icon" :src="`/static/image/phone-message/${props.phone}/search.png`">
+                    </image>
+                    <input class="input flex-1" :placeholder="showInfo.placeholder" type="text">
+                    <image class="icon" :src="`/static/image/phone-message/${props.phone}/mic.png`"></image>
+                </view>
+            </view>
+            <slot>
+            </slot>
+        </view>
+        <!-- 底部样式 -->
+        <template v-if="phone == 'mi' || phone == 'oppo'">
+            <image class="add-message" :src="`/static/image/phone-message/${props.phone}/add-message.png`"></image>
+            <view class="bottom-box flex">
+                <view class="item flex-1 h100">
+                    <image class="icon" :src="`/static/image/phone-message/${props.phone}/bottom-left.png`"></image>
+                    <text>{{ showInfo.bottomLtext }}</text>
+                </view>
+                <view class="item flex-1 h100">
+                    <image class="icon" :src="`/static/image/phone-message/${props.phone}/bottom-right.png`"></image>
+                    <text class="grey">{{ showInfo.bottomRtext }}</text>
+                </view>
+            </view>
+        </template>
+
+    </view>
+</template>
+
+<script setup>
+import NavBar from '@/components/nav-bar/nav-bar.vue'
+import {
+    ref,
+    reactive,
+    computed
+} from 'vue'
+import {
+    util
+} from '@/utils/common.js';
+
+const props = defineProps({
+    // 手机品牌
+    phone: {
+        type: String,
+        default: 'iphone'
+    },
+    // 是否向下滚动
+    isScroll: {
+        type: Boolean,
+        default: false
+    }
+})
+
+// 展示文字信息
+const showInfo = computed(() => {
+    let text, placeholder, secondText, bottomLtext, bottomRtext
+    switch (props.phone) {
+        case "iphone":
+            text = "信息"
+            placeholder = '搜索'
+            break;
+        case "mi":
+            text = "主要"
+            placeholder = '搜索短信'
+            bottomLtext = "主要"
+            bottomRtext = "推广"
+            break;
+        case "oppo":
+            text = "消息"
+            placeholder = ''
+            bottomLtext = "消息"
+            bottomRtext = "通知"
+            break;
+        case "huawei":
+            text = "信息"
+            placeholder = '搜索信息'
+            secondText = "388 条未读"
+            break;
+        case "vivo":
+            placeholder = '搜索信息'
+            break;
+        default:
+            break;
+    }
+    return { text, placeholder, secondText, bottomLtext, bottomRtext }
+})
+
+const data = reactive({
+    navBar: {
+        title: '信息',
+        bgColor: '#FFFFFF',
+    }
+})
+</script>
+
+<style>
+@import '@/common/main.css';
+
+page {
+    background-color: #FFFFFF;
+}
+</style>
+<style lang="less">
+::v-deep .uni-navbar__header-btns {
+    width: 100px !important;
+    flex: 1;
+}
+
+::v-deep .uni-navbar__header {
+    align-items: center !important;
+}
+
+.bottom-box {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 120rpx;
+    border-top: 1rpx solid #E7E7E7;
+    background-color: #ffffff;
+
+    .item {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+
+        .icon {
+            width: 44rpx;
+            height: 44rpx;
+        }
+
+        text {
+            font-size: 20rpx;
+            color: #333;
+        }
+
+        .grey {
+            color: #999999;
+        }
+    }
+}
+
+// 苹果机型样式
+.iphone-style {
+    .mg-r-30 {
+        margin-right: 60rpx;
+    }
+
+    .mg-r-5 {
+        margin-right: 10rpx;
+    }
+
+    .left-icon {
+        width: 40rpx;
+        height: 40rpx;
+    }
+
+    .right-icon {
+        width: 48rpx;
+        height: 48rpx;
+    }
+
+    .left-text {
+        font-size: 32rpx;
+        color: #0278E2;
+        margin-left: 10rpx;
+    }
+
+    .center-text {
+        font-size: 32rpx;
+        color: #1a1a1a;
+    }
+
+    .main-container {
+        .top-box {
+            padding: 20rpx 32rpx 0;
+
+            .text {
+                color: #1A1A1A;
+                font-size: 64rpx;
+                font-weight: 700;
+            }
+
+            .search-box {
+                margin-top: 20rpx;
+                background-color: #EEEEF0;
+                height: 68rpx;
+                border-radius: 24rpx;
+                padding: 0 16rpx;
+
+                .icon {
+                    width: 32rpx;
+                    height: 32rpx;
+                }
+
+                .input {
+                    margin: 0 14rpx;
+
+                    ::v-deep .input-placeholder {
+                        color: #838383;
+                        font-size: 32rpx;
+                    }
+                }
+            }
+        }
+    }
+
+}
+
+// 小米机型样式
+.mi-style {
+    .right-icon {
+        width: 40rpx;
+        height: 40rpx;
+        margin-right: 30rpx;
+    }
+
+    .main-container {
+
+        .top-box {
+            padding: 0 22rpx 0;
+
+            .text {
+                color: #1A1A1A;
+                font-size: 60rpx;
+                font-weight: 500;
+            }
+
+            .search-box {
+                margin-top: 32rpx;
+                background-color: #F0F0F0;
+                height: 84rpx;
+                border-radius: 42rpx;
+                padding: 0 34rpx;
+
+                .icon {
+                    width: 32rpx;
+                    height: 32rpx;
+                }
+
+                .input {
+                    margin: 0 18rpx;
+
+                    ::v-deep .input-placeholder {
+                        color: #A9A9A9;
+                        font-size: 32rpx;
+                    }
+                }
+            }
+        }
+    }
+
+    .add-message {
+        position: fixed;
+        bottom: 168rpx;
+        right: 44rpx;
+        width: 120rpx;
+        height: 120rpx;
+    }
+
+
+}
+
+// oppo机型
+.oppo-style {
+    .mg-r-52 {
+        margin-right: 52rpx;
+    }
+
+    .mg-r-14 {
+        margin-right: 14rpx;
+    }
+
+    .right-icon {
+        width: 48rpx;
+        height: 48rpx;
+    }
+
+    .main-container {
+
+
+        .top-box {
+            padding: 16rpx 34rpx 0;
+            margin-bottom: 50rpx;
+
+            .text {
+                color: #1A1A1A;
+                font-size: 64rpx;
+                font-weight: 900;
+            }
+        }
+    }
+
+    .add-message {
+        width: 116rpx;
+        height: 116rpx;
+        position: fixed;
+        bottom: 200rpx;
+        right: 46rpx;
+    }
+
+    .bottom-box {
+        height: 148rpx;
+        background-color: #FAFAFA;
+        border-top: 1rpx solid #DCDCDC;
+
+        .item {
+            .icon {
+                width: 48rpx;
+                height: 48rpx;
+                margin-bottom: 12rpx;
+            }
+
+            text {
+                color: #191919;
+            }
+
+            .grey {
+                color: #717171;
+            }
+        }
+    }
+
+}
+
+// 华为机型
+.huawei-style {
+
+    ::v-deep .uni-navbar__header-container {
+        flex: 0;
+    }
+
+    .left-text {
+        color: #1a1a1a;
+        font-size: 50rpx;
+        font-weight: 700;
+        margin-left: 10rpx;
+    }
+
+    .right-icon {
+        width: 76rpx;
+        height: 76rpx;
+        margin: 0 8rpx;
+    }
+
+    .main-container {
+
+
+        .top-box {
+            padding: 40rpx 34rpx 0;
+
+            .text {
+                color: #1A1A1A;
+                font-size: 60rpx;
+                font-weight: 700;
+                line-height: 60rpx;
+            }
+
+            .second-text {
+                color: #646464;
+                font-size: 28rpx;
+                margin-top: 10rpx;
+            }
+
+            .search-box {
+                margin-top: 40rpx;
+                background-color: #F4F4F4;
+                height: 76rpx;
+                border-radius: 38rpx;
+                padding: 0 24rpx;
+
+                .icon {
+                    width: 32rpx;
+                    height: 32rpx;
+                }
+
+                .input {
+                    margin: 0 14rpx;
+
+                    ::v-deep .input-placeholder {
+                        color: #646464;
+                        font-size: 32rpx;
+                    }
+                }
+            }
+        }
+    }
+}
+
+// vivo机型
+.vivo-style {
+    ::v-deep .uni-navbar__header-container {
+        flex: 0;
+    }
+
+    .m-r-34 {
+        margin-right: 34rpx !important;
+    }
+
+    .right-icon {
+        width: 44rpx;
+        height: 44rpx;
+        margin-right: 52rpx;
+    }
+
+    .left-text {
+        font-size: 54rpx;
+        color: #1A1A1A;
+        font-weight: 700;
+        margin-left: 30rpx;
+    }
+
+    .main-container {
+        .top-box {
+            padding: 0 46rpx;
+
+            .search-box {
+                position: relative;
+                margin-top: 70rpx;
+                background-color: #ffffff;
+                height: 76rpx;
+                border-radius: 38rpx;
+                padding: 0 10rpx;
+
+                .icon {
+                    width: 32rpx;
+                    height: 32rpx;
+                }
+
+                .input {
+                    margin: 0 20rpx;
+
+                    ::v-deep .input-placeholder {
+                        color: #646464;
+                        font-size: 32rpx;
+                    }
+                }
+            }
+
+            .search-box::after {
+                position: absolute;
+                content: '';
+                width: 100%;
+                height: 12rpx;
+                background-color: #F0F0F0;
+                bottom: 0;
+                left: 0;
+            }
+        }
+    }
+}
+</style>
diff --git a/components/nav-bar/nav-bar.vue b/components/nav-bar/nav-bar.vue
index 1525ee8..d0b53b9 100644
--- a/components/nav-bar/nav-bar.vue
+++ b/components/nav-bar/nav-bar.vue
@@ -13,7 +13,7 @@
 					<template v-slot:left>
 						<view class="nav-bar-left">
 							<slot name="left">
-								<view class="left-icon" @click.stop="onBack">
+								<view v-if="isBack" class="left-icon" @click.stop="onBack">
 									<image class="nav-icon-back"
 										:src="`/static/image/nav-bar/back-${textColor == '#fff' || textColor == '#fffffff' ? 'white' : 'black'}.png`"
 										mode="">
@@ -130,6 +130,10 @@ const props = defineProps({
 		type: Boolean,
 		default: false
 	},
+	isBack: {
+		type: Boolean,
+		default: true
+	},
 	tipLayerText: {
 		type: String,
 		default: ''
diff --git a/main.js b/main.js
index 264e37d..1b77748 100644
--- a/main.js
+++ b/main.js
@@ -27,7 +27,7 @@ export function createApp() {
 	const systemInfo = uni.getStorageSync('systemInfo') || {}
 	app.config.globalProperties.$system = systemInfo.platform == 'ios' ? 'iOS' : 'Android'
 	app.config.globalProperties.$systemInfo = systemInfo
-	uni.setStorageSync('version', '1.0.3')
+	uni.setStorageSync('version', '1.0.3.sp1')
 	app.config.globalProperties.$version = uni.getStorageSync('version')
 
 	app.use(globalMethods);
diff --git a/pages.json b/pages.json
index dccb99b..882f792 100644
--- a/pages.json
+++ b/pages.json
@@ -9,18 +9,26 @@
 			}
 		}
 	],
-	
-	"subPackages": [
-		{
+
+	"subPackages": [{
 			"root": "pages/call-log",
 			"pages": [{
-							"path": "call",
-							"style": {
-								"navigationBarTitleText": "通话记录页面",
-								"navigationStyle": "custom"
-							}
-						}
-					]
+				"path": "call",
+				"style": {
+					"navigationBarTitleText": "通话记录页面",
+					"navigationStyle": "custom"
+				}
+			}]
+		},
+		{
+			"root": "pages/message",
+			"pages": [{
+				"path": "list-index",
+				"style": {
+					"navigationBarTitleText": "短信列表首页",
+					"navigationStyle": "custom"
+				}
+			}]
 		},
 		{
 			"root": "pages/balance",
@@ -237,6 +245,13 @@
 						"navigationBarTitleText": "充值页",
 						"navigationStyle": "custom"
 					}
+				},
+				{
+					"path": "call-and-message-entry/call-and-message-entry",
+					"style": {
+						"navigationBarTitleText": "呼叫和短信入口",
+						"navigationStyle": "custom"
+					}
 				}
 			]
 		}
@@ -250,7 +265,9 @@
 				"pages/common",
 				"pages/finance-management",
 				"pages/ant-credit-pay",
-				"pages/other"
+				"pages/other",
+				"pages/message",
+				"pages/call-log"
 			]
 		}
 	},
diff --git a/pages/common/call-and-message-entry/call-and-message-entry.vue b/pages/common/call-and-message-entry/call-and-message-entry.vue
new file mode 100644
index 0000000..2d6b33d
--- /dev/null
+++ b/pages/common/call-and-message-entry/call-and-message-entry.vue
@@ -0,0 +1,164 @@
+<template>
+	<view>
+		<NavBar :title="data.navBar.title" :bgColor="data.navBar.bgColor" />
+		<view class="list-container">
+			<view class="item" v-for="item in source" :key="item.id"
+				:style="{ background: `linear-gradient( -270deg, ${item.color.bgColor} 0%, #FFFFFF 70%), #FFFFFF` }">
+				<view class="content flex flex-align-center">
+					<image class="logo" :src="`/static/image/common/phone/${item.icon}.png`" mode=""></image>
+					<view class="name flex-1">{{ item.name }}机型</view>
+					<view class="right-button" :style="{ background: item.color.buttonColor }"
+						@click="goPage(data.type == 'message' ? item.messageUrl : item.callUrl)">立即进入</view>
+				</view>
+				<view class="line" :style="{ background: item.color.lineColor }"></view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import NavBar from '@/components/nav-bar/nav-bar.vue'
+import {
+	ref,
+	reactive
+} from 'vue'
+import {
+	onLoad
+} from "@dcloudio/uni-app";
+import {
+	util
+} from '@/utils/common.js';
+
+// 列表
+const source = ref([{
+	name: '苹果',
+	color: {
+		bgColor: '#F3EAFF',
+		lineColor: '#B78EF5',
+		buttonColor: '#BA8DFF',
+	},
+	icon: 'iphone',
+	messageUrl: "/pages/message/list-index?phone=iphone",
+	callUrl: ""
+},
+{
+	name: '华为',
+	color: {
+		bgColor: '#FFE9E9',
+		lineColor: '#FF6969',
+		buttonColor: '#FB6767',
+	},
+	icon: 'huawei',
+	messageUrl: "/pages/message/list-index?phone=huawei",
+	callUrl: ""
+},
+{
+	name: '小米',
+	color: {
+		bgColor: '#FFF0DD',
+		lineColor: '#FFA143',
+		buttonColor: '#FFA64D',
+	},
+	icon: 'mi',
+	messageUrl: "/pages/message/list-index?phone=mi",
+	callUrl: ""
+},
+{
+	name: 'oppo',
+	color: {
+		bgColor: '#E0FFD9',
+		lineColor: '#56B745',
+		buttonColor: '#5DCD49',
+	},
+	icon: 'oppo',
+	messageUrl: "/pages/message/list-index?phone=oppo",
+	callUrl: ""
+}, {
+	name: 'vivo',
+	color: {
+		bgColor: '#D4F4FF',
+		lineColor: '#52C2FF',
+		buttonColor: '#50C1FE',
+	},
+	icon: 'vivo',
+	messageUrl: "/pages/message/list-index?phone=vivo",
+	callUrl: ""
+},
+])
+
+const data = reactive({
+	navBar: {
+		title: '选择机型',
+		bgColor: '#F0F4F9',
+	},
+	type: "message"
+})
+
+onLoad((options) => {
+	if (options.type) {
+		data.type = options.type
+	}
+})
+
+function goPage(url) {
+	if (url) {
+		util.goPage(url)
+	} else {
+		uni.showToast({
+			title: '开发中',
+			icon: 'none'
+		})
+	}
+}
+</script>
+
+<style>
+@import '@/common/main.css';
+</style>
+<style lang="less">
+.list-container {
+	background-color: #F0F4F9;
+	padding: 24rpx 32rpx;
+}
+
+.item {
+	width: 100%;
+	height: 188rpx;
+	border-radius: 24rpx;
+	margin-bottom: 24rpx;
+	padding: 40rpx 36rpx 24rpx 28rpx;
+
+	.content {
+		.logo {
+			width: 96rpx;
+			height: 96rpx;
+			flex-shrink: 0;
+		}
+
+		.name {
+			margin-left: 32rpx;
+			color: #1A1A1A;
+			font-size: 36rpx;
+			font-weight: 500;
+		}
+
+		.right-button {
+			width: 140rpx;
+			height: 64rpx;
+			border-radius: 16rpx;
+			color: #ffffff;
+			font-size: 28rpx;
+			line-height: 64rpx;
+			text-align: center;
+		}
+	}
+
+	.line {
+		width: 100rpx;
+		height: 8rpx;
+		filter: blur(5px);
+		opacity: 0.5;
+		margin-top: 4rpx;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/pages/index/index.nvue b/pages/index/index.nvue
index 3b2ed7f..fe0dce0 100644
--- a/pages/index/index.nvue
+++ b/pages/index/index.nvue
@@ -79,7 +79,7 @@
 					<view class="group-box">
 						<image class="title-img" src="/static/image/index/shipingjiaocheng.png"></image>
 						<view class="video-help-box">
-							<view class="video-help-item" :style="{ width: (windowWidth - 50) / 4 + 'px' }"
+							<view class="video-help-item" :style="{ width: (windowWidth - 32) / 4 + 'px' }"
 								v-for="item in videoHelpList" :key="item.id" @click="clickVideoHelp(item)">
 								<image class="video-help-img" :src="item.icon"></image>
 								<text class="video-help-title">{{ item.text }}</text>
@@ -114,7 +114,7 @@
 					<view class="group-box">
 						<image class="title-img" src="/static/image/index/qita.png"></image>
 						<view class="video-help-box">
-							<view class="video-help-item" :style="{ width: (windowWidth - 50) / 4 + 'px' }"
+							<view class="video-help-item" :style="{ width: (windowWidth - 32) / 4 + 'px' }"
 								v-for="item in otherList" :key="item.id" @click="clickMenu(item)">
 								<image class="video-help-img" :src="item.icon"></image>
 								<text class="video-help-title">{{ item.name }}</text>
@@ -255,6 +255,11 @@ const otherList = [{
 	name: "身份证",
 	path: "/pages/other/card/card"
 },
+{
+	icon: "/static/image/index/qita/card.png",
+	name: "短信",
+	path: "/pages/common/call-and-message-entry/call-and-message-entry?type=message"
+},
 ]
 
 const data = reactive({
@@ -843,7 +848,7 @@ onUnload(() => {
 }
 
 .group-box {
-	margin: 32rpx;
+	margin: 16px;
 	margin-bottom: 0;
 }
 
@@ -856,7 +861,7 @@ onUnload(() => {
 	display: flex;
 	flex-direction: row;
 	align-items: center;
-	justify-content: space-between;
+	justify-content: flex-start;
 	background-color: #FFFFFF;
 	padding: 24rpx 0;
 	border-radius: 24rpx;
diff --git a/pages/message/list-index.vue b/pages/message/list-index.vue
new file mode 100644
index 0000000..34745c5
--- /dev/null
+++ b/pages/message/list-index.vue
@@ -0,0 +1,117 @@
+<template>
+	<view>
+		<MessageNavBar :phone="data.phone" :isScroll="data.isScroll">
+			<!-- <view v-for="index in 100">{{ index }}</view> -->
+			<!-- <List :phone="data.phone"></List> -->
+			<MessageList></MessageList>
+
+		</MessageNavBar>
+	</view>
+</template>
+
+<script setup>
+import MessageNavBar from '@/components/message/message-nav-bar.vue'
+import MessageList from '@/components/message/list.vue'
+import {
+	ref,
+	reactive
+} from 'vue'
+import {
+	onLoad,
+	onPageScroll
+} from "@dcloudio/uni-app";
+import {
+	util
+} from '@/utils/common.js';
+import List from '@/components/call-log/list/list.vue';
+
+const data = reactive({
+	navBar: {
+		title: '信息',
+		bgColor: '#FFFFFF',
+	},
+	phone: 'iphone',
+	isScroll: false
+})
+
+const options = [{
+	text: '取消',
+	style: {
+		backgroundColor: '#007aff'
+	}
+}, {
+	text: '确认',
+	style: {
+		backgroundColor: '#dd524d'
+	}
+}]
+
+onLoad((options) => {
+	if (options.phone) {
+		data.phone = options.phone
+	}
+})
+
+onPageScroll((e) => {
+	console.log(e.scrollTop)
+	if (e.scrollTop > 60) {
+		data.isScroll = true
+	} else {
+		data.isScroll = false
+	}
+})
+
+</script>
+
+<style>
+@import '@/common/main.css';
+
+page {
+	background-color: #FFFFFF;
+}
+</style>
+<style lang="less">
+::v-deep .uni-navbar__header-btns {
+	width: 100px !important;
+	flex: 1;
+}
+
+.iphone-style {
+	.mg-r-30 {
+		margin-right: 60rpx;
+	}
+
+	.mg-r-5 {
+		margin-right: 10rpx;
+	}
+
+	.left-icon {
+		width: 40rpx;
+		height: 40rpx;
+	}
+
+	.right-icon {
+		width: 48rpx;
+		height: 48rpx;
+	}
+
+	.left-text {
+		font-size: 32rpx;
+		color: #0278E2;
+		margin-left: 10rpx;
+	}
+
+	.center-text {
+		font-size: 32rpx;
+		color: #1a1a1a;
+	}
+}
+
+.mi-style {
+	.right-icon {
+		width: 40rpx;
+		height: 40rpx;
+		margin-right: 30rpx;
+	}
+}
+</style>
diff --git a/pages/other/train-tickets/edit/edit.vue b/pages/other/train-tickets/edit/edit.vue
index aa1a043..28d7bb1 100644
--- a/pages/other/train-tickets/edit/edit.vue
+++ b/pages/other/train-tickets/edit/edit.vue
@@ -87,6 +87,10 @@
 						<text class="label">火车名称</text>
 						<input class="input" v-model="ticketsInfo.ticketInfo.trainName" />
 					</view>
+					<view v-if="app == 'fliggy'" class="form-item">
+						<text class="label">车票状态</text>
+						<input class="input" v-model="ticketsInfo.ticketInfo.status" />
+					</view>
 				</view>
 			</view>
 
diff --git a/pages/other/train-tickets/fliggy-air-tickets/fliggy-air-tickets.vue b/pages/other/train-tickets/fliggy-air-tickets/fliggy-air-tickets.vue
deleted file mode 100644
index 3ef91a3..0000000
--- a/pages/other/train-tickets/fliggy-air-tickets/fliggy-air-tickets.vue
+++ /dev/null
@@ -1,1024 +0,0 @@
-<template>
-	<view>
-
-		<view class="codefun-flex-col section">
-			<NavBar title="订单详情" :bgColor="data.navBar.bgColor" :buttonGroup="buttonGroup"
-				@button-click="util.clickTitlePopupButton" tipLayerType="fliggy-train-tickets-tip" isTipLayer
-				tipLayerText="修改车票信息">
-				<template v-slot:right>
-					<view class="codefun-flex-row pos">
-						<image class="image_4"
-							src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=5791ac1ae3c68c2c33ebc8939b64f1f2.png" />
-						<image class="image_4 codefun-ml-12"
-							src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=02bc5c64c2f1d46338920db657cf6ca3.png" />
-					</view>
-				</template>
-			</NavBar>
-			<view class="codefun-flex-col group_3">
-				<text class="codefun-self-start text_2">出票成功</text>
-				<text class="codefun-self-start font_2 text_3 mt-19">该票为电子票，可直接凭购票证件进站乘车</text>
-				<view class="codefun-flex-col codefun-self-stretch mt-19">
-					<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper">
-						<text class="font_12 text_4">再订一张</text>
-					</view>
-					<view
-						class="codefun-flex-col codefun-justify-start codefun-items-start text-wrapper_2 codefun-mt-8">
-						<text class="font_2 text_5">车次{{ ticketsInfo.ticketInfo.trainNo }}为电子票，无需取票可刷身份证乘车。</text>
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="main-box">
-			<view class="codefun-flex-col section_2">
-				<view class="codefun-flex-col">
-					<view class="codefun-flex-row codefun-justify-between codefun-items-center section_3">
-						<view class="codefun-flex-row codefun-items-center">
-							<image class="codefun-shrink-0 image_6"
-								src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=b4e0db763d76ace53907598afb994e20.png" />
-							<view class="group_4 codefun-ml-6">
-								<text class="text_6">品质出行</text>
-								<text class="text_7">·保障更安心</text>
-							</view>
-						</view>
-						<image class="image_7"
-							src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=75526b11380ff557dd97aee719079769.png" />
-					</view>
-					<view class="codefun-flex-col section_4 codefun-mt-8">
-						<view class="codefun-flex-col group_5">
-							<view class="codefun-flex-col section_5">
-								<view class="codefun-flex-col codefun-self-stretch">
-									<view class="codefun-flex-row codefun-items-center codefun-self-stretch">
-										<text class="font_1 text_8">检票口</text>
-										<text class="font_6 text_9 codefun-ml-8">{{ ticketsInfo.ticketInfo.gate
-										}}检口</text>
-										<image class="image_8 codefun-ml-8"
-											src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=fba3d9d180bc82c4a19633fd737ece63.png" />
-									</view>
-									<text class="codefun-self-end font_2 text_10">{{ ticketsInfo.ticketInfo.status
-									}}</text>
-								</view>
-								<text class="codefun-self-start text_11 mt-3">以上信息仅供参考，以车站公告为准</text>
-							</view>
-							<view class="codefun-flex-col codefun-items-start group_6 codefun-mt-14">
-								<text class="font_8 text_12">取票号:{{ ticketsInfo.orderInfo.orderNo }}</text>
-								<view class="codefun-flex-col group_7 mt-15">
-									<view class="codefun-flex-row codefun-justify-between">
-										<text class="font_9 text_13">{{
-											formatDateTime(ticketsInfo.ticketInfo.departureTime,
-												ticketsInfo.ticketInfo.date) }}</text>
-										<text class="font_1 text_13">{{
-											formatDateTime(ticketsInfo.ticketInfo.arrivalTime,
-												ticketsInfo.ticketInfo.date) }}</text>
-									</view>
-									<view class="codefun-flex-row codefun-justify-between codefun-items-start group_8">
-										<text class="font_10 text_44 text_16 alipay-font">
-											{{ ticketsInfo.ticketInfo.departureTime.split(' ')[1] }}</text>
-										<view class="codefun-flex-col codefun-items-center">
-											<text class="font_1 text_15">{{ ticketsInfo.ticketInfo.duration }}</text>
-											<image class="image_9 mt-1"
-												src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=0b61de17a8d42837e11dca1b57da5339.png" />
-										</view>
-										<text class="font_10 text_16 alipay-font">
-											{{ ticketsInfo.ticketInfo.arrivalTime.split(' ')[1] }}</text>
-									</view>
-									<view class="codefun-flex-row codefun-justify-center">
-										<text class="font_6 text_18">{{ ticketsInfo.ticketInfo.trainNo }}</text>
-										<image class="image_7 codefun-ml-6"
-											src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=34cd38ec11162326a09ca1b31c2a1f21.png" />
-									</view>
-									<view class="codefun-flex-row codefun-justify-between">
-										<view class="codefun-flex-row codefun-items-center">
-											<text class="font_2 text_45 text_19">{{
-												ticketsInfo.ticketInfo.departureStation
-											}}</text>
-											<image class="codefun-shrink-0 image_8 ml-7"
-												src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=596ed704e779e31f6020aee20a31e4b3.png" />
-										</view>
-										<view class="codefun-flex-row codefun-items-center group_9">
-											<image class="codefun-shrink-0 image_8"
-												src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=596ed704e779e31f6020aee20a31e4b3.png" />
-											<text class="font_2 text_19 codefun-ml-6">{{
-												ticketsInfo.ticketInfo.arrivalStation
-											}}</text>
-										</view>
-									</view>
-								</view>
-							</view>
-						</view>
-						<view class="codefun-flex-col group">
-							<template v-for="item in ticketsInfo.passengerList">
-								<view class="divider"></view>
-								<view class="codefun-flex-col group_11">
-									<view class="codefun-flex-row codefun-justify-between codefun-items-center">
-										<text class="font_3">{{ item.name }}</text>
-										<view class="codefun-flex-row codefun-items-center">
-											<view
-												class="codefun-flex-col codefun-justify-start codefun-items-center codefun-shrink-0 text-wrapper_3">
-												<text class="font_11 text_21">靠窗</text>
-											</view>
-											<text class="font_12 text_22 codefun-ml-4">{{ item.carriage }}车厢
-												{{ item.seatNo }}号</text>
-										</view>
-									</view>
-									<view class="codefun-flex-row codefun-justify-between mt-7">
-										<view class="codefun-self-center group_12">
-											<text class="font_2 text_23">{{ item.idType }}：</text>
-											<text class="font_7">{{ item.idType.includes('身份证') ?
-												showFristAndLastNumber(item.idNumber) : (item.idType.includes('护照') ?
-													stringUtil.maskPassport(item.idNumber) : item.idNumber) }}</text>
-										</view>
-										<view class="codefun-flex-row codefun-items-center">
-											<text class="codefun-shrink-0 font_5 text_24">{{ item.seatType }}</text>
-											<text class="font_5 text_25">¥{{ item.price }}</text>
-										</view>
-									</view>
-									<view class="codefun-flex-row codefun-justify-end mt-7">
-										<view
-											class="codefun-flex-col codefun-justify-center codefun-items-center text-wrapper_1">
-											<text class="font_15">退票</text>
-										</view>
-										<view
-											class="codefun-flex-col codefun-justify-center codefun-items-center codefun-ml-10 text-wrapper_1">
-											<text class="font_14">改签</text>
-										</view>
-									</view>
-								</view>
-							</template>
-						</view>
-					</view>
-				</view>
-				<view
-					class="codefun-flex-col codefun-justify-start codefun-items-center codefun-relative codefun-mt-14">
-					<view class="codefun-flex-row">
-						<view class="codefun-flex-col codefun-items-center equal-division-item">
-							<image class="codefun-shrink-0 image_4"
-								src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=3c5ea49bf94832231d0884d0d49b266f.png" />
-							<text class="font_2 text_27 codefun-mt-8">电子发票</text>
-						</view>
-						<view class="codefun-flex-col codefun-items-center equal-division-item codefun-ml-74">
-							<image class="codefun-shrink-0 image_4"
-								src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=4292f1abf2d258f293a22de5d05128c8.png" />
-							<text class="font_2 text_27 codefun-mt-8">车站大屏</text>
-						</view>
-						<view class="codefun-flex-col codefun-items-center equal-division-item codefun-ml-74">
-							<image class="codefun-shrink-0 image_4"
-								src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=d6ebbff0802a1e0fd8ec03cdbbb2c001.png" />
-							<text class="font_2 text_27 codefun-mt-8">退改说明</text>
-						</view>
-					</view>
-					<view class="section_6 pos_3"></view>
-					<view class="section_6 pos_4"></view>
-				</view>
-			</view>
-			<view class="codefun-flex-row codefun-justify-between codefun-items-center section_7">
-				<view class="codefun-flex-row">
-					<image class="image_10"
-						src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=01287bd38f190c8abee35be47a26fec6.png" />
-					<view class="codefun-flex-col codefun-items-start codefun-ml-12">
-						<text class="font_14">关注飞猪旅行公众号</text>
-						<text class="font_8 text_29 codefun-mt-10">第一时间接受出票、出行信息</text>
-					</view>
-				</view>
-				<view class="codefun-flex-col codefun-justify-center codefun-items-center text-wrapper_6">
-					<text class="font_2 text_28">去关注</text>
-				</view>
-			</view>
-
-			<view class="codefun-flex-col codefun-items-start section_8">
-				<text class="font_14 text_30">已购服务</text>
-				<view class="codefun-flex-row codefun-items-center mt-27">
-					<text class="codefun-shrink-0 font_6 text_31">{{ ticketsInfo.serviceText }}</text>
-				</view>
-			</view>
-			<view class="codefun-flex-col section_9">
-				<view class="codefun-flex-row codefun-justify-between codefun-items-center">
-					<text class="font_14 text_33">您可能遇到的问题</text>
-					<view class="codefun-flex-row codefun-items-center">
-						<text class="font_2 text_34">更多</text>
-						<image class="codefun-shrink-0 image_11"
-							src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=6e3d20c393a57089ea90ab5c3e626131.png" />
-					</view>
-				</view>
-				<view class="grid codefun-mt-14">
-					<view class="codefun-flex-col codefun-justify-center codefun-items-center grid-item">
-						<text class="font_1 text_36">如何取火车票</text>
-					</view>
-					<view class="codefun-flex-col codefun-justify-center codefun-items-center grid-item">
-						<text class="font_1 text_37">如何改签火车票</text>
-					</view>
-					<view class="codefun-flex-col codefun-justify-center codefun-items-center grid-item">
-						<text class="font_1 text_38">取票常见问题</text>
-					</view>
-					<view class="codefun-flex-col codefun-justify-center codefun-items-center grid-item">
-						<text class="font_1 text_39">如何使用电子票</text>
-					</view>
-					<view class="codefun-flex-col codefun-justify-center codefun-items-center grid-item">
-						<text class="font_1 text_40">申请退票退费</text>
-					</view>
-					<view class="codefun-flex-col codefun-justify-center codefun-items-center grid-item">
-						<text class="font_1 text_43">如何申请退票</text>
-					</view>
-				</view>
-			</view>
-		</view>
-	</view>
-
-	<view class="footer-box">
-		<view class="codefun-flex-col codefun-justify-start codefun-items-center section_10">
-			<view class="codefun-flex-row codefun-items-center group_14">
-				<image class="codefun-shrink-0 image_12"
-					src="https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=ffe37b203149da7cc21296cfc2844737.png" />
-				<text class="font_14 text_35 codefun-ml-8">联系飞猪</text>
-			</view>
-		</view>
-	</view>
-
-</template>
-
-<script setup>
-import NavBar from '@/components/nav-bar/nav-bar.vue';
-import { reactive, ref, computed, toRefs } from 'vue';
-import { onShow, onPageScroll } from '@dcloudio/uni-app';
-import { util, stringUtil } from '@/utils/common.js';
-
-const buttonGroup = [{
-	name: "编辑车票信息",
-	click: () => {
-		goEdit()
-	}
-}]
-
-function goEdit() {
-	util.goPage(`/pages/other/train-tickets/edit/edit?app=fliggy&storageKey=${data.STORAGE_KEY}`)
-}
-
-const data = reactive({
-	navBar: {
-		bgColor: '#FCE041'
-	},
-	STORAGE_KEY: 'fliggyTrainTicketsInfo',
-	ticketsInfo: {
-		"orderInfo": {
-			"orderNo": "EJ66223536",
-			"price": "4440"
-		},
-		"ticketInfo": {
-			"departureTime": "01-01 09:19",
-			"departureStation": "北京南",
-			"arrivalTime": "01-01 14:04",
-			"arrivalStation": "上海虹桥",
-			"trainNo": "G905",
-			"duration": "4时45分",
-			"date": "2026.01.01",
-			"weekDay": "星期四",
-			"gate": "6A、7A",
-			"trainName": "复兴号",
-			"status": "正在检票"
-		},
-		"passengerList": [
-			{
-				"name": "张元英",
-				"type": "成人票",
-				"seatType": "商务座",
-				"carriage": "01",
-				"seatNo": "03C",
-				"idType": "身份证",
-				"idNumber": "1111111111111333",
-				"price": "2110",
-				"status": "已支付",
-				"isMe": true,
-				"points": 9632
-			}
-		],
-		"hotelInfo": {
-			"cashback": "25",
-			"startDay": "01-01",
-			"endDay": "01-02"
-		},
-		"serviceText": "多人连坐 ￥10x2份"
-	},
-})
-let { ticketsInfo } = toRefs(data)
-
-onShow(() => {
-	const stored = uni.getStorageSync(data.STORAGE_KEY)
-	if (stored) {
-		Object.assign(data.ticketsInfo, stored)
-	}
-})
-
-const formatDateTime = (timeStr, dateStr) => {
-	if (!timeStr) return '';
-	const parts = timeStr.split(' ');
-	const md = parts[0];
-	if (!md) return '';
-	const mdParts = md.split('-');
-	let year, month, day;
-
-	if (mdParts.length === 3) {
-		year = mdParts[0];
-		month = mdParts[1];
-		day = mdParts[2];
-	} else if (mdParts.length === 2) {
-		month = mdParts[0];
-		day = mdParts[1];
-		year = new Date().getFullYear();
-		if (dateStr) {
-			year = dateStr.split('.')[0];
-		}
-	} else {
-		return '';
-	}
-
-	const dateObj = new Date(Number(year), Number(month) - 1, Number(day));
-	const weekDays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
-	const week = isNaN(dateObj.getTime()) ? '' : weekDays[dateObj.getDay()];
-
-	return `${month}-${day} ${week}`;
-}
-
-const showFristAndLastNumber = (str) => {
-	if (!str) {
-		return '';
-	}
-	const len = str.length;
-	if (len <= 2) {
-		return str;
-	}
-	return str.slice(0, 1) + '*'.repeat(len - 2) + str.slice(-1);
-}
-</script>
-<style>
-@import '/common/global.css';
-@import '/common/main.css';
-</style>
-<style lang="less" scoped>
-.ml-5 {
-	margin-left: 10rpx;
-}
-
-.mt-19 {
-	margin-top: 38rpx;
-}
-
-.mt-3 {
-	// margin-top: 6rpx;
-}
-
-.mt-15 {
-	margin-top: 30rpx;
-}
-
-.mt-1 {
-	margin-top: 2rpx;
-}
-
-.ml-7 {
-	margin-left: 14rpx;
-}
-
-.mt-7 {
-	margin-top: 14rpx;
-}
-
-.mt-27 {
-	margin-top: 54rpx;
-}
-
-.section {
-	padding: 0 18rpx 16rpx;
-	background-color: #fce041;
-
-	.pos {
-		position: absolute;
-		top: 50%;
-		transform: translateY(-50%);
-
-		.image_4 {
-			width: 48rpx;
-			height: 48rpx;
-		}
-	}
-
-	.group_2 {
-
-		.image_5 {
-			width: 44rpx;
-			height: 44rpx;
-		}
-
-		.pos_2 {
-			position: absolute;
-			left: 10rpx;
-			top: 50%;
-			transform: translateY(-50%);
-		}
-
-		.font_14 {
-			font-size: 30rpx;
-			line-height: 27.88rpx;
-			font-weight: 700;
-			color: #1a1a1a;
-		}
-
-		.text {
-			font-size: 32rpx;
-			line-height: 29.5rpx;
-		}
-
-
-	}
-
-	.group_3 {
-		margin-top: 32rpx;
-
-		.text_2 {
-			margin-left: 27rpx;
-			color: #1a1a1a;
-			font-size: 48rpx;
-			font-weight: 500;
-			line-height: 44.44rpx;
-		}
-
-		.font_2 {
-			font-size: 26rpx;
-			line-height: 22.34rpx;
-			color: #1a1a1a;
-		}
-
-		.text_3 {
-			margin-left: 23.28rpx;
-			font-size: 28rpx;
-			line-height: 26.66rpx;
-			margin-top: 26rpx;
-		}
-
-		.text-wrapper {
-			margin: 0 6rpx;
-			padding: 24rpx 0;
-			background-color: #fef8ca;
-			border-radius: 36rpx;
-
-			.font_12 {
-				font-size: 30rpx;
-				line-height: 30rpx;
-				color: #1a1a1a;
-			}
-
-			.text_4 {
-				line-height: 27.14rpx;
-			}
-		}
-
-		.text-wrapper_2 {
-			padding: 20rpx 0;
-			background-color: #fefefe;
-			border-radius: 12rpx;
-
-			.text_5 {
-				margin-left: 25.46rpx;
-				color: #ae916e;
-				font-size: 24rpx;
-				line-height: 22.84rpx;
-			}
-		}
-	}
-}
-
-
-
-.section_2 {
-	padding: 24rpx 18rpx 36rpx;
-	background-color: #ffffff;
-
-	.section_3 {
-		padding: 12rpx 16rpx;
-		background-color: #fdf8d9;
-		border-radius: 8rpx;
-
-		.image_6 {
-			width: 142rpx;
-			height: 32rpx;
-		}
-
-		.group_4 {
-			line-height: 20.36rpx;
-			height: 20.4rpx;
-
-			.text_6 {
-				color: #636363;
-				font-size: 22rpx;
-				line-height: 20.32rpx;
-			}
-
-			.text_7 {
-				color: #645f4c;
-				font-size: 22rpx;
-				line-height: 20.36rpx;
-			}
-		}
-	}
-
-	.section_4 {
-		filter: drop-shadow(0rpx 10rpx 10rpx #00000008);
-		background-image: url('https://ide.code.fun/api/image?token=69ae28bb97ce8400118178f6&name=ce4aca9097cf1d57763cc647764b458d.png');
-		background-size: 100% 100%;
-		background-repeat: no-repeat;
-
-		.group_5 {
-			padding-bottom: 32rpx;
-
-			.section_5 {
-				padding: 26rpx 12.76rpx 23.44rpx 20.92rpx;
-				background-color: #f6f8fa;
-				border-radius: 24rpx 24rpx 0rpx 0rpx;
-				border: solid 4rpx #ffffff;
-
-				.text_8 {
-					font-size: 28rpx;
-					line-height: 25.98rpx;
-				}
-
-				.text_9 {
-					font-size: 28rpx;
-					line-height: 25.92rpx;
-				}
-
-				.text_10 {
-					margin-right: 8rpx;
-					margin-top: -8.34rpx;
-					color: #53ae66;
-					font-size: 24rpx;
-					font-weight: 800;
-					line-height: 22.28rpx;
-				}
-
-				.text_11 {
-					margin-left: 3.08rpx;
-					color: #979797;
-					font-size: 20rpx;
-					line-height: 19.14rpx;
-				}
-			}
-
-			.group_6 {
-				margin-right: 24rpx;
-				margin-left: 24rpx;
-				padding-top: 3.92rpx;
-
-				.font_8 {
-					font-size: 26rpx;
-					line-height: 22.34rpx;
-					color: #8a8c8d;
-				}
-
-				.text_12 {
-					line-height: 22.9rpx;
-				}
-
-				.group_7 {
-					width: 672.28rpx;
-
-					.font_9 {
-						color: #636363;
-						line-height: 25rpx;
-						letter-spacing: -2.16rpx;
-					}
-
-					.text_13 {
-						font-size: 24rpx;
-						line-height: 25rpx;
-						letter-spacing: -2.16rpx;
-						text-align: right;
-					}
-
-					.group_8 {
-						padding-left: 2.22rpx;
-
-						.font_10 {
-							font-size: 40rpx;
-							line-height: 30rpx;
-							color: #1a1a1a;
-						}
-
-						.text_44 {
-							margin-top: 18rpx;
-							line-height: 29rpx;
-						}
-
-						.text_16 {
-							margin-top: 18rpx;
-							line-height: 29rpx;
-							font-weight: 500;
-						}
-
-						.text_15 {
-							font-size: 24rpx;
-							line-height: 22.04rpx;
-						}
-
-						.image_9 {
-							width: 242rpx;
-							height: 12rpx;
-						}
-					}
-
-					.text_18 {
-						line-height: 19rpx;
-					}
-
-					.text_45 {
-						line-height: 24rpx;
-					}
-
-					.text_19 {
-						line-height: 24rpx;
-					}
-
-					.group_9 {
-						margin-right: 6.28rpx;
-					}
-				}
-			}
-
-			.font_1 {
-				font-size: 26rpx;
-				line-height: 22.34rpx;
-				color: #636363;
-			}
-
-			.font_6 {
-				font-size: 26rpx;
-				line-height: 30rpx;
-				font-weight: 700;
-				color: #1a1a1a;
-			}
-
-			.image_8 {
-				width: 28rpx;
-				height: 28rpx;
-			}
-		}
-
-		.group {
-			padding: 0 12rpx;
-
-			.divider {
-				margin-right: 6rpx;
-				background-image: repeating-linear-gradient(90deg,
-						#d8d8d8,
-						#d8d8d8 0.88%,
-						transparent 0.88%,
-						transparent 1.7570000000000001%);
-				background-position: -3rpx 0rpx;
-				height: 1rpx;
-			}
-
-			.group_11 {
-				padding: 29rpx 11rpx 28rpx;
-
-				.font_3 {
-					font-size: 30rpx;
-					line-height: 26.38rpx;
-					color: #1a1a1a;
-				}
-
-				.text-wrapper_3 {
-					border-radius: 6rpx;
-					width: 66rpx;
-					height: 32rpx;
-					border: solid 1rpx #d3d3d3;
-				}
-
-				.font_12 {
-					font-size: 30rpx;
-					line-height: 30rpx;
-					color: #1a1a1a;
-				}
-
-				.text_22 {
-					line-height: 30.9rpx;
-				}
-
-				.group_12 {
-					line-height: 22.34rpx;
-					height: 22.34rpx;
-
-					.text_23 {
-						font-size: 24rpx;
-					}
-
-					.font_7 {
-						font-size: 20rpx;
-						line-height: 14.6rpx;
-						color: #1a1a1a;
-					}
-				}
-
-				.font_5 {
-					font-size: 26rpx;
-					line-height: 30rpx;
-					color: #636363;
-				}
-
-				.text_24 {
-					font-size: 24rpx;
-				}
-
-				.text_25 {
-					font-size: 24rpx;
-				}
-
-				.text-wrapper_1 {
-					background-color: #ffe133;
-					border-radius: 34rpx;
-					width: 150rpx;
-					height: 68rpx;
-
-					.font_15 {
-						font-size: 30rpx;
-						line-height: 26.42rpx;
-						font-weight: 700;
-						color: #1a1a1a;
-					}
-
-					.font_14 {
-						font-size: 30rpx;
-						line-height: 27.88rpx;
-						font-weight: 700;
-						color: #1a1a1a;
-					}
-				}
-
-				.text-wrapper_5 {
-					border-radius: 6rpx;
-					height: 32rpx;
-					border: solid 1rpx #d3d3d3;
-
-					.text_26 {
-						margin-left: 4.96rpx;
-						margin-right: 5.04rpx;
-					}
-				}
-
-				.font_11 {
-					font-size: 26rpx;
-					line-height: 30rpx;
-					color: #979797;
-				}
-
-				.text_21 {
-					line-height: 28rpx;
-				}
-			}
-		}
-	}
-
-	.image_7 {
-		width: 20rpx;
-		height: 20rpx;
-	}
-
-	.equal-division-item {
-		overflow: hidden;
-		width: 104rpx;
-		height: 88rpx;
-
-		.image_4 {
-			width: 48rpx;
-			height: 48rpx;
-		}
-
-		.text_27 {
-			line-height: 24.1rpx;
-		}
-	}
-
-	.font_2 {
-		font-size: 26rpx;
-		line-height: 22.34rpx;
-		color: #1a1a1a;
-	}
-
-	.section_6 {
-		background-color: #d8d8d8;
-		width: 1rpx;
-		height: 24rpx;
-	}
-
-	.pos_3 {
-		position: absolute;
-		left: 231rpx;
-		top: 50%;
-		transform: translateY(-50%);
-	}
-
-	.pos_4 {
-		position: absolute;
-		right: 232rpx;
-		top: 50%;
-		transform: translateY(-50%);
-	}
-}
-
-.section_7 {
-	margin-top: 16rpx;
-	padding: 31.14rpx 30rpx 31.18rpx;
-	background-color: #ffffff;
-
-	.image_10 {
-		margin: 4.86rpx 0 4.82rpx;
-		width: 60rpx;
-		height: 60rpx;
-	}
-
-	.font_14 {
-		font-size: 30rpx;
-		line-height: 27.88rpx;
-		font-weight: 700;
-		color: #1a1a1a;
-	}
-
-	.font_8 {
-		font-size: 26rpx;
-		line-height: 22.34rpx;
-		color: #8a8c8d;
-	}
-
-	.text_29 {
-		font-size: 24rpx;
-		line-height: 22.4rpx;
-	}
-
-	.text-wrapper_6 {
-		background-color: #ffe133;
-		border-radius: 34rpx;
-		width: 180rpx;
-		height: 60rpx;
-
-		.font_2 {
-			font-size: 26rpx;
-			line-height: 22.34rpx;
-			color: #1a1a1a;
-		}
-
-		.text_28 {
-			line-height: 24rpx;
-		}
-	}
-}
-
-
-
-.section_8 {
-	margin-top: 16rpx;
-	padding: 31.3rpx 30.1rpx 19.96rpx;
-	background-color: #ffffff;
-
-	.font_14 {
-		font-size: 30rpx;
-		line-height: 27.88rpx;
-		font-weight: 700;
-		color: #1a1a1a;
-	}
-
-	.text_30 {
-		line-height: 27.66rpx;
-	}
-
-	.font_6 {
-		font-size: 26rpx;
-		line-height: 30rpx;
-		font-weight: 700;
-		color: #1a1a1a;
-	}
-
-	.text_31 {
-		font-size: 28rpx;
-		line-height: 28.84rpx;
-	}
-
-	.text_32 {
-		font-size: 28rpx;
-	}
-}
-
-.section_9 {
-	margin-top: 16rpx;
-	padding: 34rpx 18rpx 18rpx 23.04rpx;
-	background-color: #ffffff;
-
-	.font_14 {
-		font-size: 30rpx;
-		line-height: 27.88rpx;
-		font-weight: 700;
-		color: #1a1a1a;
-	}
-
-	.text_33 {
-		line-height: 27.76rpx;
-	}
-
-	.font_2 {
-		font-size: 26rpx;
-		line-height: 22.34rpx;
-		color: #1a1a1a;
-	}
-
-	.text_34 {
-		line-height: 24.02rpx;
-	}
-
-	.image_11 {
-		width: 32rpx;
-		height: 32rpx;
-	}
-
-	.grid {
-		margin-right: 4rpx;
-		height: 204rpx;
-		display: grid;
-		grid-template-rows: repeat(3, minmax(0, 1fr));
-		grid-template-columns: repeat(2, minmax(0, 1fr));
-		row-gap: 14rpx;
-		column-gap: 26rpx;
-
-		.grid-item {
-			background-color: #f5f7f9;
-			border-radius: 30rpx;
-
-			.font_1 {
-				font-size: 26rpx;
-				line-height: 22.34rpx;
-				color: #636363;
-			}
-
-			.text_36 {
-				line-height: 24.08rpx;
-			}
-
-			.text_37 {
-				line-height: 24.16rpx;
-			}
-
-			.text_38 {
-				line-height: 23.98rpx;
-			}
-
-			.text_39 {
-				line-height: 24.1rpx;
-			}
-
-			.text_40 {
-				line-height: 23.94rpx;
-			}
-
-			.text_43 {
-				line-height: 23.94rpx;
-			}
-		}
-	}
-}
-
-.main-box {
-	padding-bottom: 120rpx;
-	padding-bottom: calc(120rpx + constant(safe-area-inset-bottom));
-	padding-bottom: calc(120rpx + env(safe-area-inset-bottom));
-}
-
-.footer-box {
-	position: fixed;
-	bottom: 0;
-	left: 0;
-	width: 100%;
-	background-color: #fff;
-	padding-bottom: constant(safe-area-inset-bottom);
-	padding-bottom: env(safe-area-inset-bottom);
-
-	.section_10 {
-		padding: 32rpx 0 34rpx;
-		background-color: #ffffff;
-
-		.group_14 {
-			overflow: hidden;
-			width: 176rpx;
-
-			.image_12 {
-				width: 40rpx;
-				height: 40rpx;
-			}
-
-			.font_14 {
-				font-size: 30rpx;
-				line-height: 27.88rpx;
-				font-weight: 700;
-				color: #1a1a1a;
-			}
-
-			.text_35 {
-				line-height: 27.84rpx;
-			}
-		}
-	}
-}
-</style>
diff --git a/pages/other/train-tickets/fliggy-train-tickets/fliggy-train-tickets.vue b/pages/other/train-tickets/fliggy-train-tickets/fliggy-train-tickets.vue
index 05fca18..047d9a8 100644
--- a/pages/other/train-tickets/fliggy-train-tickets/fliggy-train-tickets.vue
+++ b/pages/other/train-tickets/fliggy-train-tickets/fliggy-train-tickets.vue
@@ -43,15 +43,17 @@
 					<view class="codefun-flex-col section_4 codefun-mt-8">
 						<view class="codefun-flex-col group_5">
 							<view class="codefun-flex-col section_5">
-								<view class="codefun-flex-col codefun-self-stretch">
+								<view class="codefun-flex-row codefun-items-center codefun-justify-between">
 									<view class="codefun-flex-row codefun-items-center codefun-self-stretch">
 										<text class="font_1 text_8">检票口</text>
 										<text class="font_6 text_9 codefun-ml-8">{{ ticketsInfo.ticketInfo.gate
 										}}检口</text>
 										<uni-icons type="right" size="16" color="#979797"></uni-icons>
 									</view>
-									<text class="codefun-self-end font_2 text_10">{{ ticketsInfo.ticketInfo.status
-									}}</text>
+									<text class="codefun-self-end font_2 text_10"
+										:style="{ color: ticketsInfo.ticketInfo.status == '正在检票' ? '#53ae66' : '#333' }">{{
+											ticketsInfo.ticketInfo.status
+										}}</text>
 								</view>
 								<text class="codefun-self-start text_11 mt-3">以上信息仅供参考，以车站公告为准</text>
 							</view>
@@ -420,7 +422,7 @@ const showFristAndLastNumber = (str) => {
 			font-size: 30rpx;
 			line-height: 27.88rpx;
 			font-weight: 500;
-			color: #1a1a1a;
+			color: #333;
 		}
 
 		.text {
@@ -436,7 +438,7 @@ const showFristAndLastNumber = (str) => {
 
 		.text_2 {
 			margin-left: 27rpx;
-			color: #1a1a1a;
+			color: #333;
 			font-size: 48rpx;
 			font-weight: 500;
 			line-height: 44.44rpx;
@@ -445,7 +447,7 @@ const showFristAndLastNumber = (str) => {
 		.font_2 {
 			font-size: 26rpx;
 			line-height: 22.34rpx;
-			color: #1a1a1a;
+			color: #333;
 		}
 
 		.text_3 {
@@ -464,7 +466,7 @@ const showFristAndLastNumber = (str) => {
 			.font_12 {
 				font-size: 30rpx;
 				line-height: 30rpx;
-				color: #1a1a1a;
+				color: #333;
 			}
 
 			.text_4 {
@@ -549,10 +551,9 @@ const showFristAndLastNumber = (str) => {
 				.text_10 {
 					margin-right: 8rpx;
 					margin-top: -8.34rpx;
-					color: #53ae66;
 					font-size: 24rpx;
-					font-weight: 800;
-					line-height: 22.28rpx;
+					font-weight: 500;
+					line-height: 24px;
 				}
 
 				.text_11 {
@@ -600,7 +601,7 @@ const showFristAndLastNumber = (str) => {
 						.font_10 {
 							font-size: 40rpx;
 							line-height: 30rpx;
-							color: #1a1a1a;
+							color: #333;
 						}
 
 						.text_44 {
@@ -653,7 +654,7 @@ const showFristAndLastNumber = (str) => {
 				font-size: 26rpx;
 				line-height: 30rpx;
 				font-weight: 500;
-				color: #1a1a1a;
+				color: #333;
 			}
 
 			.image_8 {
@@ -682,7 +683,7 @@ const showFristAndLastNumber = (str) => {
 				.font_3 {
 					font-size: 30rpx;
 					line-height: 26.38rpx;
-					color: #1a1a1a;
+					color: #333;
 				}
 
 				.text-wrapper_3 {
@@ -695,7 +696,7 @@ const showFristAndLastNumber = (str) => {
 				.font_12 {
 					font-size: 30rpx;
 					line-height: 30rpx;
-					color: #1a1a1a;
+					color: #333;
 				}
 
 				.text_22 {
diff --git a/static/image/common/phone/huawei.png b/static/image/common/phone/huawei.png
new file mode 100644
index 0000000..e139deb
Binary files /dev/null and b/static/image/common/phone/huawei.png differ
diff --git a/static/image/common/phone/iphone.png b/static/image/common/phone/iphone.png
new file mode 100644
index 0000000..8a8cbcf
Binary files /dev/null and b/static/image/common/phone/iphone.png differ
diff --git a/static/image/common/phone/mi.png b/static/image/common/phone/mi.png
new file mode 100644
index 0000000..d9d80b0
Binary files /dev/null and b/static/image/common/phone/mi.png differ
diff --git a/static/image/common/phone/oppo.png b/static/image/common/phone/oppo.png
new file mode 100644
index 0000000..a1b6dc9
Binary files /dev/null and b/static/image/common/phone/oppo.png differ
diff --git a/static/image/common/phone/vivo.png b/static/image/common/phone/vivo.png
new file mode 100644
index 0000000..a15f2a2
Binary files /dev/null and b/static/image/common/phone/vivo.png differ
diff --git a/static/image/other/air-tickets/fliggy-air/spring-festival-banner.png b/static/image/other/air-tickets/fliggy-air/spring-festival-banner.png
index 6ddf2b8..e99619a 100644
Binary files a/static/image/other/air-tickets/fliggy-air/spring-festival-banner.png and b/static/image/other/air-tickets/fliggy-air/spring-festival-banner.png differ
diff --git a/static/image/other/train-tickets/12306-tickets/bottom-bg.png b/static/image/other/train-tickets/12306-tickets/bottom-bg.png
index 3675a94..512e97a 100644
Binary files a/static/image/other/train-tickets/12306-tickets/bottom-bg.png and b/static/image/other/train-tickets/12306-tickets/bottom-bg.png differ
diff --git a/static/image/phone-message/huawei/add.png b/static/image/phone-message/huawei/add.png
new file mode 100644
index 0000000..f665aeb
Binary files /dev/null and b/static/image/phone-message/huawei/add.png differ
diff --git a/static/image/phone-message/huawei/more.png b/static/image/phone-message/huawei/more.png
new file mode 100644
index 0000000..2eb7681
Binary files /dev/null and b/static/image/phone-message/huawei/more.png differ
diff --git a/static/image/phone-message/huawei/nav-search.png b/static/image/phone-message/huawei/nav-search.png
new file mode 100644
index 0000000..f31eaf1
Binary files /dev/null and b/static/image/phone-message/huawei/nav-search.png differ
diff --git a/static/image/phone-message/huawei/search.png b/static/image/phone-message/huawei/search.png
new file mode 100644
index 0000000..31d6271
Binary files /dev/null and b/static/image/phone-message/huawei/search.png differ
diff --git a/static/image/phone-message/iphone/back.png b/static/image/phone-message/iphone/back.png
new file mode 100644
index 0000000..d8071e4
Binary files /dev/null and b/static/image/phone-message/iphone/back.png differ
diff --git a/static/image/phone-message/iphone/default.png b/static/image/phone-message/iphone/default.png
new file mode 100644
index 0000000..79e1117
Binary files /dev/null and b/static/image/phone-message/iphone/default.png differ
diff --git a/static/image/phone-message/iphone/delete.png b/static/image/phone-message/iphone/delete.png
new file mode 100644
index 0000000..cd23a83
Binary files /dev/null and b/static/image/phone-message/iphone/delete.png differ
diff --git a/static/image/phone-message/iphone/edit.png b/static/image/phone-message/iphone/edit.png
new file mode 100644
index 0000000..e9dada2
Binary files /dev/null and b/static/image/phone-message/iphone/edit.png differ
diff --git a/static/image/phone-message/iphone/mic.png b/static/image/phone-message/iphone/mic.png
new file mode 100644
index 0000000..f2c6acc
Binary files /dev/null and b/static/image/phone-message/iphone/mic.png differ
diff --git a/static/image/phone-message/iphone/more.png b/static/image/phone-message/iphone/more.png
new file mode 100644
index 0000000..cfdf25b
Binary files /dev/null and b/static/image/phone-message/iphone/more.png differ
diff --git a/static/image/phone-message/iphone/mute.png b/static/image/phone-message/iphone/mute.png
new file mode 100644
index 0000000..093bd7d
Binary files /dev/null and b/static/image/phone-message/iphone/mute.png differ
diff --git a/static/image/phone-message/iphone/notice.png b/static/image/phone-message/iphone/notice.png
new file mode 100644
index 0000000..7ba1472
Binary files /dev/null and b/static/image/phone-message/iphone/notice.png differ
diff --git a/static/image/phone-message/iphone/search.png b/static/image/phone-message/iphone/search.png
new file mode 100644
index 0000000..251eacf
Binary files /dev/null and b/static/image/phone-message/iphone/search.png differ
diff --git a/static/image/phone-message/mi/add-message.png b/static/image/phone-message/mi/add-message.png
new file mode 100644
index 0000000..559dfc9
Binary files /dev/null and b/static/image/phone-message/mi/add-message.png differ
diff --git a/static/image/phone-message/mi/bottom-left.png b/static/image/phone-message/mi/bottom-left.png
new file mode 100644
index 0000000..96aa164
Binary files /dev/null and b/static/image/phone-message/mi/bottom-left.png differ
diff --git a/static/image/phone-message/mi/bottom-right.png b/static/image/phone-message/mi/bottom-right.png
new file mode 100644
index 0000000..8eb7378
Binary files /dev/null and b/static/image/phone-message/mi/bottom-right.png differ
diff --git a/static/image/phone-message/mi/search.png b/static/image/phone-message/mi/search.png
new file mode 100644
index 0000000..c95f062
Binary files /dev/null and b/static/image/phone-message/mi/search.png differ
diff --git a/static/image/phone-message/mi/setting.png b/static/image/phone-message/mi/setting.png
new file mode 100644
index 0000000..4dfa20f
Binary files /dev/null and b/static/image/phone-message/mi/setting.png differ
diff --git a/static/image/phone-message/oppo/add-message.png b/static/image/phone-message/oppo/add-message.png
new file mode 100644
index 0000000..56ee98d
Binary files /dev/null and b/static/image/phone-message/oppo/add-message.png differ
diff --git a/static/image/phone-message/oppo/bottom-left.png b/static/image/phone-message/oppo/bottom-left.png
new file mode 100644
index 0000000..ceb01c4
Binary files /dev/null and b/static/image/phone-message/oppo/bottom-left.png differ
diff --git a/static/image/phone-message/oppo/bottom-right.png b/static/image/phone-message/oppo/bottom-right.png
new file mode 100644
index 0000000..abd5f14
Binary files /dev/null and b/static/image/phone-message/oppo/bottom-right.png differ
diff --git a/static/image/phone-message/oppo/more.png b/static/image/phone-message/oppo/more.png
new file mode 100644
index 0000000..f255c55
Binary files /dev/null and b/static/image/phone-message/oppo/more.png differ
diff --git a/static/image/phone-message/oppo/search.png b/static/image/phone-message/oppo/search.png
new file mode 100644
index 0000000..194d319
Binary files /dev/null and b/static/image/phone-message/oppo/search.png differ
diff --git a/static/image/phone-message/vivo/add.png b/static/image/phone-message/vivo/add.png
new file mode 100644
index 0000000..0ca70fc
Binary files /dev/null and b/static/image/phone-message/vivo/add.png differ
diff --git a/static/image/phone-message/vivo/more.png b/static/image/phone-message/vivo/more.png
new file mode 100644
index 0000000..5407298
Binary files /dev/null and b/static/image/phone-message/vivo/more.png differ
diff --git a/static/image/phone-message/vivo/search.png b/static/image/phone-message/vivo/search.png
new file mode 100644
index 0000000..ff922b8
Binary files /dev/null and b/static/image/phone-message/vivo/search.png differ
diff --git a/static/image/phone-message/vivo/select.png b/static/image/phone-message/vivo/select.png
new file mode 100644
index 0000000..90a9663
Binary files /dev/null and b/static/image/phone-message/vivo/select.png differ