From 6f00dc31c6e7b2e4f1a42585feb0fccd244d1989 Mon Sep 17 00:00:00 2001
From: aihe <961836564@qq.com>
Date: Fri, 1 Dec 2023 09:03:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/uni-nvue.css               |   5 +-
 components/u-link/u-link.vue      |  59 +++++
 pages.json                        |   3 +-
 pages/tabBar/mine/mine.vue        | 178 ++++++++++++++
 pages/tabBar/search/search.vue    | 392 ++++++++++++++++++++++++++++++
 pages/tabBar/sending/sending.vue  | 279 +++++++++++++++++++++
 uni.scss                          |   2 +-
 uni_modules/uview-plus/theme.scss |   2 +-
 windows/left-window.vue           |   6 +-
 9 files changed, 918 insertions(+), 8 deletions(-)
 create mode 100644 components/u-link/u-link.vue
 create mode 100644 pages/tabBar/mine/mine.vue
 create mode 100644 pages/tabBar/search/search.vue
 create mode 100644 pages/tabBar/sending/sending.vue

diff --git a/common/uni-nvue.css b/common/uni-nvue.css
index 3bdbb83..6863ac9 100644
--- a/common/uni-nvue.css
+++ b/common/uni-nvue.css
@@ -1,8 +1,9 @@
+/* #ifndef APP-PLUS-NVUE */
 page {
     min-height: 100%;
-	height: auto;
-	height: 100%;
+    height: auto;
 }
+/* #endif */
 
 /* 解决头条小程序字体图标不显示问题，因为头条运行时自动插入了span标签，且有全局字体 */
 /* #ifdef MP-TOUTIAO */
diff --git a/components/u-link/u-link.vue b/components/u-link/u-link.vue
new file mode 100644
index 0000000..de56c41
--- /dev/null
+++ b/components/u-link/u-link.vue
@@ -0,0 +1,59 @@
+<template>
+	<text style="text-decoration:underline" :href="href" @click="openURL" :inWhiteList="inWhiteList">{{text}}</text>
+</template>
+
+<script>
+	/**
+	 * @description u-link是一个外部网页超链接组件，在小程序内打开内部web-view组件或复制url，在app内打开外部浏览器，在h5端打开新网页
+	 * @property {String} href 点击后打开的外部网页url，小程序中必须以https://开头
+	 * @property {String} text 显示的文字
+	 * @property {Boolean} inWhiteList 是否在小程序白名单中，如果在的话，在小程序端会直接打开内置web-view，否则会只会复制url，提示在外部打开
+	 * @example * <u-link href="https://ext.dcloud.net.cn" text="https://ext.dcloud.net.cn" :inWhiteList="true"></u-link>
+	 */
+	export default {
+		name: 'u-link',
+		props: {
+			href: {
+				type: String,
+				default: ''
+			},
+			text: {
+				type: String,
+				default: ''
+			},
+			inWhiteList: {
+				type: Boolean,
+				default: false
+			}
+		},
+		methods: {
+			openURL() {
+				// #ifdef APP-PLUS
+				plus.runtime.openURL(this.href) //这里默认使用外部浏览器打开而不是内部web-view组件打开
+				// #endif
+				// #ifdef H5
+				window.open(this.href)
+				// #endif
+				// #ifdef MP
+				if (this.inWhiteList) { //如果在小程序的网址白名单中，会走内置webview打开，否则会复制网址提示在外部浏览器打开
+					uni.navigateTo({
+						url: '/pages/component/web-view/web-view?url=' + this.href
+					});
+				} else {
+					uni.setClipboardData({
+						data: this.href
+					});
+					uni.showModal({
+						content: '本网址无法直接在小程序内打开。已自动复制网址，请在手机浏览器里粘贴该网址',
+						showCancel: false
+					});
+				}
+				// #endif
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/pages.json b/pages.json
index 2185cc7..0213899 100644
--- a/pages.json
+++ b/pages.json
@@ -19,7 +19,8 @@
 	"pages": [{
 			"path": "pages/tabBar/sending/sending",
 			"style": {
-				"navigationBarTitleText": "探路物流 速运全球",
+				"navigationBarTitleText": "",
+				"navigationStyle":"custom",
 				"app-plus": {
 					"bounce": "vertical",
 					"titleNView": {
diff --git a/pages/tabBar/mine/mine.vue b/pages/tabBar/mine/mine.vue
new file mode 100644
index 0000000..5c78a9d
--- /dev/null
+++ b/pages/tabBar/mine/mine.vue
@@ -0,0 +1,178 @@
+<template>
+	<view class="uni-container">
+		<view v-if="!hasLeftWin" class="uni-header-logo">
+			<image class="uni-header-image" src="/static/extuiIndex.png"></image>
+		</view>
+		<view v-if="!hasLeftWin" class="uni-hello-text">
+			<text class="hello-text"></text>
+			
+		</view>
+		<view :class="{'pc-hide': hideList.indexOf(item.url) !== -1  && hasLeftWin}" class="uni-panel"
+			v-for="item in lists" :key="item.url">
+			<view :class="{'left-win-active': leftWinActive ===  item.url && hasLeftWin}" class="uni-panel-h"
+				@click="goDetailPage(item.url)">
+				<text class="uni-panel-text">{{item.name}}</text>
+				<text class="uni-panel-icon uni-icon">&#xe470;</text>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	export default {
+		props: {
+			hasLeftWin: {
+				type: Boolean
+			},
+			leftWinActive: {
+				type: String
+			}
+		},
+		data() {
+			return {
+				hideList: [
+					'load-more'
+				],
+				lists: [
+					{
+						name: "uni-forms 表单",
+						url: "forms"
+					},
+					{
+						name: "uni-badge 数字角标",
+						url: "badge"
+					},
+					{
+						name: "uni-breadcrumb 面包屑",
+						url: "breadcrumb"
+					},
+					// {
+					// 	name: "uni-calendar 日历",
+					// 	url: "calendar"
+					// },
+					{
+						name: "uni-card 卡片",
+						url: "card"
+					},
+					{
+						name: "uni-collapse 折叠面板",
+						url: "collapse"
+					},
+
+					// #ifndef APP-NVUE
+					{
+						name: "uni-combox 组合框",
+						url: "combox"
+					},
+					// #endif
+					
+					{
+						name: "uni-data-checkbox 数据选择器",
+						url: "data-checkbox"
+					},
+					{
+						name: "uni-data-picker 数据驱动的picker选择器",
+						url: "data-picker"
+					},
+					{
+						name: "uni-data-select 数据驱动的下拉框",
+						url: "data-select"
+					},
+					{
+						name: "uni-dateformat 日期格式化",
+						url: "dateformat"
+					},
+					{
+						name: "uni-datetime-picker 日期选择器",
+						url: "datetime-picker"
+					},
+					{
+						name: "uni-easyinput 增强输入框",
+						url: "easyinput"
+					},
+					{
+						name: "uni-fab 悬浮按钮",
+						url: "fab"
+					},
+					
+					{
+						name: "uni-goods-nav 商品导航",
+						url: "goods-nav"
+					},
+					{
+						name: "uni-grid 宫格",
+						url: "grid"
+					},
+					{
+						name: "uni-group 分组",
+						url: "group"
+					},
+					{
+						name: "uni-icons 图标",
+						url: "icons"
+					},
+					{
+						name: "uni-notice-bar 通告栏",
+						url: "notice-bar"
+					},
+					{
+						name: "uni-number-box 数字输入框",
+						url: "number-box"
+					},
+					{
+						name: "uni-pagination 分页器",
+						url: "pagination"
+					},
+					{
+						name: "uni-popup 弹出层",
+						url: "popup"
+					},
+					{
+						name: "uni-tooltip 文字提示",
+						url: "tooltip"
+					},
+				]
+			};
+		},
+		onLoad() {},
+		onReady() {
+			// #ifdef APP-NVUE
+			uni.preloadPage({
+				url: "/pages/extUI/calendar/calendar",
+				success() {
+					console.log("preloadPage /pages/extUI/calendar/calendar")
+				},
+				fail() {}
+			})
+			// #endif
+		},
+		onShareAppMessage() {
+			return {
+				title: '欢迎体验uni-app',
+				path: '/pages/tabBar/extUI/extUI'
+			}
+		},
+		onNavigationBarButtonTap(e) {
+			uni.navigateTo({
+				url: '/pages/about/about'
+			});
+		},
+		methods: {
+			goDetailPage(path) {
+				const url = '/pages/extUI/' + path + '/' + path
+				if (this.hasLeftWin) {
+					uni.reLaunch({
+						url: url
+					})
+				} else {
+					uni.navigateTo({
+						url: url
+					})
+				}
+			}
+		}
+	}
+</script>
+
+<style>
+	@import '../../../common/uni-nvue.css';
+</style>
diff --git a/pages/tabBar/search/search.vue b/pages/tabBar/search/search.vue
new file mode 100644
index 0000000..7774542
--- /dev/null
+++ b/pages/tabBar/search/search.vue
@@ -0,0 +1,392 @@
+<template>
+    <view class="uni-container">
+        <template v-if="showSetTabBarPage">
+            <set-tab-bar @unmount="leaveSetTabBarPage"></set-tab-bar>
+        </template>
+        <template v-else>
+            <view v-if="!hasLeftWin" class="uni-header-logo">
+                <image class="uni-header-image" src="/static/apiIndex.png"></image>
+            </view>
+            
+            <view class="uni-panel" v-for="(item, index) in list" :key="item.id">
+                <view class="uni-panel-h" :class="item.open ? 'uni-panel-h-on' : ''" @click="triggerCollapse(index, item.id)">
+                    <text class="uni-panel-text">{{item.name}}</text>
+                    <text class="uni-panel-icon uni-icon" :class="item.open ? 'uni-panel-icon-on' : ''">{{item.pages ? '&#xe581;' : '&#xe470;'}}</text>
+                </view>
+                <view class="uni-panel-c" v-if="item.open">
+                    <view :class="{'left-win-active': leftWinActive === item2.url && hasLeftWin, 'pc-hide': item2.name === '设置TabBar' && hasLeftWin}" class="uni-navigate-item" v-for="(item2,key) in item.pages" :key="key" :url="item.url" @click="goDetailPage(item.id, item2.url)">
+                        <text class="uni-navigate-text">{{item2.name ? item2.name : item2}}</text>
+                        <text class="uni-navigate-icon uni-icon">&#xe470;</text>
+                    </view>
+                </view>
+            </view>
+        </template>
+    </view>
+</template>
+<script>
+    import setTabBar from '@/components/api-set-tabbar.nvue';
+    export default {
+        components: {
+            setTabBar
+        },
+		props: {
+			hasLeftWin: {
+				type: Boolean
+			},
+			leftWinActive: {
+				type: String
+			}
+		},
+        data() {
+            // 暂时这么写，后面看怎么优化。
+            let mediaPages = [{
+                    name: '图片',
+                    url: 'image'
+                },
+				// #ifndef MP-LARK
+				{
+				    name: '音频',
+				    url: 'inner-audio'
+				},
+                // #endif
+                // #ifdef APP-PLUS || MP-WEIXIN || MP-BAIDU || MP-QQ|| MP-JD 
+                {
+                    name: '录音',
+                    url: 'voice'
+                },
+                {
+                    name: '背景音频',
+                    url: 'background-audio'
+                },
+                // #endif
+                // #ifndef MP-ALIPAY
+                {
+                    name: '视频',
+                    url: 'video'
+                },
+                // #endif
+                // #ifndef H5
+                {
+                    name: '文件',
+                    url: 'file'
+                },
+                // #endif
+                // #ifndef H5 || MP-ALIPAY
+                {
+                    name: '保存媒体到本地',
+                    url: 'save-media'
+                }
+                // #endif
+            ];
+
+            const list = [{
+                            name: '扫码',
+                            url: 'scan-code'
+                        },
+						{
+							name: '按键扫码',
+							url: 'scan-code2',
+						},
+						// #ifdef APP-PLUS || MP-WEIXIN || MP-QQ || MP-JD
+						{
+						    name: '蓝牙',
+							pages: [
+								// {
+								// 	name: '经典蓝牙打印',
+								// 	url: 'bluetooth-printer'
+								// },
+								// {
+								// 	name: '低功耗蓝牙打印',
+								// 	url: 'bluetooth-mini-printer'
+								// },
+								{
+									name: '基准',
+									url: 'bluetooth'
+								}
+							]
+						},
+						// #endif
+						{
+						id: 'page',
+						name: '界面',
+						open: false,
+						pages: [
+						{
+                            name: '设置导航条',
+                            url: 'set-navigation-bar-title'
+                        },
+                       
+                        {
+                            name: '页面跳转',
+                            url: 'navigator'
+                        },
+                        //#ifndef MP-TOUTIAO
+                        {
+                            name: '设置TabBar',
+                            url: 'set-tabbar'
+                        },
+                        //#endif
+                        {
+                            name: '下拉刷新',
+                            url: 'pull-down-refresh'
+                        },
+                        {
+                            name: '显示操作菜单',
+                            url: 'action-sheet'
+                        },
+                        {
+                            name: '显示模态弹窗',
+                            url: 'modal'
+                        },
+                        {
+                            name: '显示加载提示框',
+                            url: 'show-loading'
+                        },
+                        {
+                            name: '显示消息提示框',
+                            url: 'toast'
+                        }
+                    ]
+                },
+                {
+                    id: 'device',
+                    name: '设备',
+                    open: false,
+                    pages: [{
+                            name: '获取设备网络状态',
+                            url: 'get-network-type'
+                        },
+                        {
+                            name: '获取设备系统信息',
+                            url: 'get-system-info'
+                        },
+                        {
+                            name: '打电话',
+                            url: 'make-phone-call'
+                        },
+                        //#ifndef H5
+                        {
+                            name: '震动',
+                            url: 'vibrate'
+                        },
+                        {
+                            name: '添加手机联系人',
+                            url: 'add-phone-contact'
+                        },
+                        
+                        {
+                            name: '剪贴板',
+                            url: 'clipboard'
+                        },
+                        //#endif
+                        // #ifndef H5 || MP-ALIPAY
+                        {
+                            name: '屏幕亮度',
+                            url: 'brightness'
+                        },
+                        // #endif
+                        
+								// #ifdef APP-PLUS || MP-WEIXIN || MP-QQ
+                        {
+                            name: '生物认证',
+                            url: 'soter'
+                        },
+                        // #endif
+                        // #ifdef APP-PLUS || MP-WEIXIN
+                        {
+                            name: 'iBeacon',
+                            url: 'ibeacon'
+                        },
+                        // #endif
+								// #ifndef H5
+								{
+								    name: '监听加速度传感器',
+								    url: 'on-accelerometer-change'
+								},
+								// #endif
+								// #ifndef H5 || MP-JD 
+								{
+								    name: '监听罗盘数据',
+								    url: 'on-compass-change'
+								},
+								// #endif
+                        //#ifdef APP-PLUS
+                        {
+                            name: '监听距离传感器',
+                            url: '/platforms/app-plus/proximity/proximity'
+                        },
+                        {
+                            name: '监听方向传感器',
+                            url: '/platforms/app-plus/orientation/orientation'
+                        }
+                        //#endif
+                    ]
+                },
+                {
+                    id: 'network',
+                    name: '网络',
+                    open: false,
+                    pages: [{
+                            name: '发起一个请求',
+                            url: 'request'
+                        },
+                        {
+                            name: '上传文件',
+                            url: 'upload-file'
+                        },
+                        {
+                            name: '下载文件',
+                            url: 'download-file'
+                        }
+                    ]
+                },
+                
+                {
+                    id: 'media',
+                    name: '媒体',
+                    open: false,
+                    pages: mediaPages
+                },
+				// #ifndef MP-KUAISHOU
+                {
+                    id: 'location',
+                    name: '位置',
+                    open: false,
+                    pages: [{
+                            name: '获取当前位置',
+                            url: 'get-location'
+                        },
+                        {
+                            name: '使用地图查看位置',
+                            url: 'open-location'
+                        },
+                        // #ifndef MP-TOUTIAO
+                        {
+                            name: '使用地图选择位置',
+                            url: 'choose-location'
+                        }
+                        // #endif
+                        // #ifndef MP-QQ || MP-TOUTIAO || MP-LARK
+                        ,
+                        {
+                            name: '地图控制',
+                            url: 'map'
+                        }
+                        // #endif
+                        // #ifdef APP-PLUS
+                        ,
+                        {
+                            name: '地图搜索',
+                            url: 'map-search'
+                        }
+                        // #endif
+                    ]
+                },
+				// #endif
+                
+                // #ifdef APP-PLUS
+                
+                {
+                    id: 'push',
+                    name: '推送',
+                    open: false,
+                    pages: [{
+                        name: '推送',
+                        url: '/platforms/app-plus/push/push'
+                    }]
+                }
+                //#endif
+            ];
+            return {
+                showSetTabBarPage: false,
+                list: list,
+				notForPc: [{
+						name: '设置TabBar',
+						url: 'set-tabbar'
+				}]
+            };
+        },
+        onShareAppMessage() {
+            return {
+                title: '欢迎体验uni-app',
+                path: '/pages/tabBar/API/API'
+            };
+        },
+        onNavigationBarButtonTap(e) {
+            uni.navigateTo({
+                url: '/pages/about/about'
+            });
+        },
+        onLoad() {
+        },
+        onReady() {
+        },
+        onShow() {
+            this.navigateFlag = false;
+            this.leaveSetTabBarPage();
+        },
+        onHide() {
+            this.leaveSetTabBarPage();
+        },
+
+		// #ifdef H5
+		watch:{
+			$route: {
+				immediate: true,
+				handler(newRoute) {
+					if (newRoute.matched.length) {
+						let path = newRoute.path.split('/')[3]
+						for (const item of this.list) {
+							if (Array.isArray(item.pages)) {
+								for (const page of item.pages) {
+									if (page === path || page.url && page.url === path) {
+										item.open = true
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+		},
+		// #endif
+        methods: {
+            triggerCollapse(e, id) {
+                if (!this.list[e].pages) {
+                    this.goDetailPage('', this.list[e].url);
+                    return;
+                }
+				for (var i = 0; i < this.list.length; ++i) {
+					if (e === i) {
+						this.list[i].open = !this.list[i].open;
+					} else {
+						this.list[i].open = false;
+					}
+				}
+            },
+            goDetailPage(panel, e) {
+				if (e === 'set-tabbar') {
+					this.showSetTabBarPage = true;
+					return;
+				}
+				let url = ~e.indexOf('platform') ? e : '/pages/API/' + e + '/' + e;
+				if (this.hasLeftWin) {
+					uni.reLaunch({
+						url: url
+					})
+				} else {
+					uni.navigateTo({
+						url: url
+					})
+				}
+            },
+            leaveSetTabBarPage() {
+                this.showSetTabBarPage = false;
+            }
+        }
+    };
+</script>
+
+<style>
+    @import '../../../common/uni-nvue.css';
+</style>
diff --git a/pages/tabBar/sending/sending.vue b/pages/tabBar/sending/sending.vue
new file mode 100644
index 0000000..c682ecd
--- /dev/null
+++ b/pages/tabBar/sending/sending.vue
@@ -0,0 +1,279 @@
+<template>
+	 <view class="status_bar">
+	    <!-- 这里是状态栏 -->
+	 </view>
+			
+	<view style="position: relative;background-color: #fff;">
+		
+				
+		<image class="hdbg" :src="getCdnUrl(`sdg/hdbg.png`)"/>
+		<view class="pg-container">
+			<view class="header">
+				<view class="title1">探路物流 速运全球 </view>
+				<view class="desc">省钱，省时，省力</view>
+				<button type="primary" class="btn-ljyy">立即预约</button>
+				<view class="btnlist1">
+					<view v-for="mbItem in mainBtnlist" class="mbitem">
+						<image mode="aspectFit" class="tb1" :src="mbItem.icon"/>
+						<view class="neirong">
+							<view class="nr1">{{mbItem.title}}</view>
+							<view class="nr2">{{mbItem.subTitle}}</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			
+			<view class="pbody">
+				<view class="btnlist2">
+					<view v-for="tlItem in toolBtnlist" class="tlitem">
+						<view class="neirong">
+							<view class="nr1">{{tlItem.title}}</view>
+							<view class="nr2">{{tlItem.subTitle}}</view>
+						</view>
+						<image class="tb1" :src="tlItem.icon" mode="heightFix"/>
+					</view>
+				</view>
+			</view>
+			<view class="pfoot">
+				<view class="flw-dec">关注探路者官方公众号，实时接收物流信息</view>
+				<view class="btn-login">去登录</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	import getCdnUrl from "@/common/getCdnUrl"
+	export default {
+		props: {
+			// hasLeftWin: {
+			// 	type: Boolean
+			// }
+		},
+		data() {
+			return {
+				mainBtnlist: [
+					{  title: '下单寄件', subTitle: "上门揽件/寄仓库", icon: getCdnUrl(`sdg/btn-send.png`), url: '' },
+					{  title: '专属小哥', subTitle: "下单给专属业务员", icon: getCdnUrl(`sdg/btn-bindbr.png`), url: '' }
+				],
+				toolBtnlist: [
+					{  title: '进仓单', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-jcd.png`), url: '' },
+					{  title: '时效预估', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-sxyg.png`), url: '' },
+					{  title: '运费试算', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-shisuan.png`), url: '' },
+					{  title: '我的订单', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-dingdan.png`), url: '' },
+					{  title: '运单查询', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-yundan.png`), url: '' },
+					{  title: '地址簿', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-dizhi.png`), url: '' },
+					{  title: '网点查询', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-wangdain.png`), url: '' },
+					{  title: 'HSCODE', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-HS.png`), url: '' },
+					{  title: 'RECP', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-RE.png`), url: '' },
+					{  title: '扫码寄件', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-saoma.png`), url: '' },
+					{  title: '寄件须知', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-xuzhi.png`), url: '' },
+				]
+			}
+		},
+		onShareAppMessage() {
+			return {
+				title: '探路物流 速运全球',
+				// path: 'TODO'
+			}
+		},
+		methods: {
+			getCdnUrl,
+		}
+	}
+</script>
+
+<style>
+	@import '../../../common/uni-nvue.css';
+</style>
+<style scoped lang="scss">
+	.status_bar {
+		box-sizing: content-box;
+	    height: var(--status-bar-height);
+		padding-top: 60rpx;
+	    width: 100%;
+		background-color: $uni-color-primary;
+	}
+	.hdbg{
+		position: absolute;
+		z-index: 1;
+		width: 100%;
+	}
+	.pg-container{
+		position: relative;
+		z-index: 2;
+		overflow-x: hidden;
+	}
+	.header{
+		padding: 0 28rpx;
+		.title1{
+			width: 362rpx;
+			height: 41rpx;
+			font-size: 40rpx;
+			font-weight: bold;
+			color: #FFF;
+			text-shadow: 3rpx 4rpx 0rpx rgba(92,15,12,0.2);
+		}
+		.desc{
+			margin-top: 22rpx;
+			width: 207rpx;
+			height: 28rpx;
+			font-size: 24rpx;
+			color: #FFF;
+		}
+		.btn-ljyy{
+			margin-left: 0;
+			width: 144rpx;
+			margin-top: 40rpx;
+			box-sizing: content-box;
+			background: #FFF;
+			border-radius: 21rpx;
+			font-size: 24rpx;
+			color: #B12D29;
+			padding: 8rpx 0;
+			text-align: center;
+			line-height: normal;
+		}
+		
+		.btnlist1 {
+			margin-top: 38rpx;
+			display: flex;
+			justify-content: space-between;
+			flex-direction: row;
+			background: linear-gradient(0deg, #1D1818 0%, #0E0708 100%);
+			border-radius: 30rpx 30rpx 0rpx 0rpx;
+			padding: 36rpx 24rpx 22rpx 24rpx;
+			.mbitem{
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				position: relative;
+				.tb1 {
+					width: 92rpx;
+					height: 73rpx;
+				}
+				.neirong{
+					margin-left: 22rpx;
+					.nr1{
+						font-size: 32rpx;
+						font-weight: bold;
+						color: #fff;
+					}
+					.nr2{
+						margin-top: 15rpx;
+						font-size: 22rpx;
+						font-weight: 400;
+						color: #999;
+					}
+				}
+				&::after {
+					position: absolute;
+					top: 0;
+					bottom: 0;
+					content: ' ';
+					right: -40rpx;
+					display: block;
+					background: #FFF;
+					opacity: 0.5;
+					width: 1rpx;
+				}
+				&:last-child {
+					&::after {
+						display: none;
+					}
+				}
+			}
+		}
+	}
+	
+	.pbody{
+		background: #FFFFFF;
+		border-radius: 30rpx;
+		padding: 40rpx 28rpx 100rpx 28rpx;
+		.btnlist2{
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			flex-wrap: wrap;
+			.tlitem {
+				box-sizing: content-box;
+				margin: 0 0 20rpx 0;
+				width: 40%;
+				background: #F6F6F6;
+				padding: 30rpx 28rpx;
+				border-radius: 20rpx;
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				justify-content: space-between;
+				position: relative;
+				&:nth-child(2n) {
+				    /* 去除第2n个的margin-right */
+				    margin-right: 0;
+				}
+				.tb1 {
+					width: auto;
+					height: 50rpx;
+				}
+				.neirong{
+					margin-left: 22rpx;
+					.nr1{
+						font-weight: 600;
+						color: #0E0708;
+						font-size: 28rpx
+					}
+					.nr2{
+						margin-top: 15rpx;
+						font-size: 22rpx;
+						font-weight: 400;
+						color: #999;
+					}
+				}
+				&::after {
+					position: absolute;
+					top: 0;
+					bottom: 0;
+					content: ' ';
+					right: -40rpx;
+					display: block;
+					background: #FFF;
+					opacity: 0.5;
+					width: 1rpx;
+				}
+				&:last-child {
+					&::after {
+						display: none;
+					}
+				}
+			}
+		}
+	}
+	.pfoot {
+		position: fixed;
+		bottom: 20rpx;
+		left: 28rpx;
+		right: 28rpx;
+		padding: 0 8rpx 0 26rpx;
+		height: 72rpx;
+		background: #0E0708;
+		border-radius: 36rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		flex-direction: row;
+		.flw-dec{
+			font-size: 24rpx;
+			color: #FFF;
+		}
+		.btn-login{
+			text-align: center;
+			width: 130rpx;
+			height: 60rpx;
+			line-height: 60rpx;
+			background: #B12D29;
+			border-radius: 30rpx;
+			font-size: 24rpx;
+			color: #fff;
+			font-weight: 500;
+		}
+	}
+</style>
diff --git a/uni.scss b/uni.scss
index 698feeb..07ae966 100644
--- a/uni.scss
+++ b/uni.scss
@@ -17,7 +17,7 @@
 /* 颜色变量 */
 
 /* 行为相关颜色 */
-$uni-color-primary: #007aff;
+$uni-color-primary: #B12D29;
 $uni-color-success: #4cd964;
 $uni-color-warning: #f0ad4e;
 $uni-color-error: #dd524d;
diff --git a/uni_modules/uview-plus/theme.scss b/uni_modules/uview-plus/theme.scss
index 331b30f..5d718f1 100644
--- a/uni_modules/uview-plus/theme.scss
+++ b/uni_modules/uview-plus/theme.scss
@@ -10,7 +10,7 @@ $u-border-color: #dadbde;
 $u-bg-color: #f3f4f6;
 $u-disabled-color: #c8c9cc;
 
-$u-primary: #3c9cff;
+$u-primary: #B12D29;
 $u-primary-dark: #398ade;
 $u-primary-disabled: #9acafc;
 $u-primary-light: #ecf5ff;
diff --git a/windows/left-window.vue b/windows/left-window.vue
index f4a888e..6349b2b 100644
--- a/windows/left-window.vue
+++ b/windows/left-window.vue
@@ -9,9 +9,9 @@
 </template>
 
 <script>
-	import Sending from '@/pages/tabBar/sending/sending.nvue'
-	import Mine from '@/pages/tabBar/mine/mine.nvue'
-	import Search from '@/pages/tabBar/search/search.nvue'
+	import Sending from '@/pages/tabBar/sending/sending.vue'
+	import Mine from '@/pages/tabBar/mine/mine.vue'
+	import Search from '@/pages/tabBar/search/search.vue'
 
 	import {
 		mapMutations,