From f0bb586b14c694b12f9f591b31a65064d835fd56 Mon Sep 17 00:00:00 2001
From: tangxinyue <524779910@qq.com>
Date: Wed, 27 May 2026 16:47:38 +0800
Subject: [PATCH] =?UTF-8?q?oppp=E7=9F=AD=E4=BF=A1=E5=8F=91=E9=80=81?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/message/chat/chat-layout.vue       | 214 ++++++--
 components/message/chat/chat-list.vue         | 102 +++-
 components/message/list/list.vue              |  89 +++-
 main.js                                       |   2 +-
 pages.json                                    |  33 +-
 pages/message/chat-page/chat-page.vue         | 477 +++++++++++++----
 pages/message/list-index.vue                  |  61 ++-
 pages/shopping/index.vue                      | 105 ++--
 .../pdd/components/list-card/list-card.vue    | 479 ++++++++++++++++++
 pages/shopping/pdd/list-index.vue             | 218 ++++++++
 .../pdd/order-detail/order-detail.vue         | 376 ++++++++++++++
 .../taobao/components/list-card/list-card.vue |   4 +-
 .../image/phone-message/oppo/add-message.png  | Bin 1773 -> 10886 bytes
 static/image/phone-message/oppo/link.png      | Bin 0 -> 1303 bytes
 static/image/phone-message/oppo/send.png      | Bin 3797 -> 3788 bytes
 static/image/phone-message/oppo/unSend.png    | Bin 2305 -> 2083 bytes
 static/image/shopping/pdd/back.png            | Bin 0 -> 996 bytes
 static/image/shopping/pdd/location.png        | Bin 0 -> 2156 bytes
 static/image/shopping/pdd/pinpai.png          | Bin 0 -> 1520 bytes
 static/image/shopping/pdd/pinpairenzheng.png  | Bin 0 -> 3125 bytes
 static/image/shopping/pdd/qijiandian.png      | Bin 0 -> 2904 bytes
 static/image/shopping/pdd/safety.png          | Bin 0 -> 1098 bytes
 static/image/shopping/pdd/search.png          | Bin 0 -> 1346 bytes
 static/image/shopping/pdd/yunshuzhong.png     | Bin 0 -> 1674 bytes
 24 files changed, 1909 insertions(+), 251 deletions(-)
 create mode 100644 pages/shopping/pdd/components/list-card/list-card.vue
 create mode 100644 pages/shopping/pdd/list-index.vue
 create mode 100644 pages/shopping/pdd/order-detail/order-detail.vue
 create mode 100644 static/image/phone-message/oppo/link.png
 create mode 100644 static/image/shopping/pdd/back.png
 create mode 100644 static/image/shopping/pdd/location.png
 create mode 100644 static/image/shopping/pdd/pinpai.png
 create mode 100644 static/image/shopping/pdd/pinpairenzheng.png
 create mode 100644 static/image/shopping/pdd/qijiandian.png
 create mode 100644 static/image/shopping/pdd/safety.png
 create mode 100644 static/image/shopping/pdd/search.png
 create mode 100644 static/image/shopping/pdd/yunshuzhong.png

diff --git a/components/message/chat/chat-layout.vue b/components/message/chat/chat-layout.vue
index 2c910bd..6189aef 100644
--- a/components/message/chat/chat-layout.vue
+++ b/components/message/chat/chat-layout.vue
@@ -4,18 +4,19 @@
         <!-- <view class="top-placeholder" :style="{ height: data.topBoxHeight + 'px' }"></view> -->
         <view class="top-box " :style="{ top: data.statusBarHeight + 'px' }">
             <slot name="top">
-                <view class="top-container" v-show="!sortMode">
+                <view class="top-container" v-show="!sortMode" @click.stop="handleTitleClick">
                     <view class="h100 flex-align-center flex-justify-between">
                         <view class="left flex-align-center">
-                            <image @click="util.goBack()" :src="`/static/image/phone-message/${phone}/back.png`">
+                            <image @click.stop="util.goBack()" :src="`/static/image/phone-message/${phone}/back.png`">
                             </image>
                             <view v-if="phone == 'iphone' && number > 0" class="number-box">{{ number }}</view>
                         </view>
                         <view class="center">
                             <image v-if="phone == 'iphone' || phone == 'huawei'" class="img shrink-0"
+                                :class="chatInfo.imgShape"
                                 :src="chatInfo.img || `/static/image/phone-message/${phone}/default.png`">
                             </image>
-                            <text v-if="phone != 'iphone'" class="title">{{ chatInfo.title }}</text>
+                            <text v-if="phone != 'iphone'" class="title">{{ displayTitle }}</text>
                             <text v-if="phone == 'oppo' && chatInfo.area" class="second-text">{{ chatInfo.area }}</text>
                         </view>
                         <view class="right flex-align-center">
@@ -37,7 +38,7 @@
                         </view>
                     </view>
                     <view v-if="phone == 'iphone'" class="text-box flex-align-center flex-justify-center">
-                        <text class="title">{{ chatInfo.title }}</text>
+                        <text class="title">{{ displayTitle }}</text>
                         <!-- <uni-icons type="right" size="10" color="#D8D8D8"></uni-icons> -->
                         <image style="width: 16rpx;height: 16rpx;"
                             src="/static/image/phone-message/iphone/chat-right.png"></image>
@@ -56,7 +57,8 @@
             <slot name="bottom">
                 <view class="bottom-container flex-align-center" v-show="!sortMode">
                     <image v-if="phone != 'huawei' && phone != 'vivo'" class="add-img shrink-0"
-                        :src="`/static/image/phone-message/${phone}/chat-left.png`"></image>
+                        :src="`/static/image/phone-message/${phone}/chat-left.png`"
+                        @click="phone === 'oppo' ? chooseImage() : null"></image>
                     <image v-if="phone == 'huawei'" class="add-img shrink-0"
                         :src="`/static/image/phone-message/huawei/emoji.png`"></image>
                     <view class="search-box flex-1 flex-align-center">
@@ -66,10 +68,11 @@
                             src="/static/image/phone-message/huawei/down.png"></image>
                         <!-- <input class="input flex-1" :placeholder="showInfo.placeholder" v-model="content"
                             @input="onInput"></input> -->
-                        <textarea class="input flex-1" :adjust-position="false" fixed auto-height show-confirm-bar
+                        <!-- <textarea class="input flex-1" :adjust-position="false" fixed auto-height show-confirm-bar
                             auto-blur :placeholder="showInfo.placeholder" v-model="content" @input="onInput"
-                            @focus="onFocus" @blur="onBlur"></textarea>
-                        <!-- <editor class="input flex-1" :placeholder="showInfo.placeholder"></editor> -->
+                            @focus="onFocus" @blur="onBlur"></textarea> -->
+                        <editor id="chat-layout-editor" class="input flex-1" :placeholder="showInfo.placeholder"
+                            @input="onInput"></editor>
                         <image v-if="phone == 'iphone' && !isSend" class="right-icon"
                             src="/static/image/phone-message/iphone/mic.png"></image>
                         <image v-if="phone == 'iphone' && isSend" class="right-send-icon"
@@ -100,14 +103,13 @@
                 </view>
             </slot>
         </view>
-        <view class="bottom-placeholder" :style="{ height: (data.bottomBoxHeight + data.keyboardHeight) + 'px' }">
+        <view class="bottom-placeholder" :style="{ height: (data.bottomBoxHeight) + 'px' }">
         </view>
     </view>
 </template>
 <script setup>
-import { ref, reactive, onMounted, computed, toRefs } from 'vue'
-import { onLoad, onPageScroll } from "@dcloudio/uni-app";
-import { stringUtil, dateUtil, util } from '@/utils/common.js';
+import { reactive, onMounted, computed, toRefs, getCurrentInstance } from 'vue'
+import { dateUtil, util } from '@/utils/common.js';
 const props = defineProps({
     // 手机品牌
     phone: {
@@ -116,14 +118,14 @@ const props = defineProps({
     },
     chatInfo: {
         type: Object,
-        default: {
+        default: () => ({
             unRead: false,
             noNotice: false,
             img: "",
             title: "淘宝通知",
             content: "您关注的商品降价啦，快来抢购吧！",
             time: "2026-02-20 20:55:12"
-        }
+        })
     },
     // 是否处于拖拽排序模式
     sortMode: {
@@ -148,23 +150,16 @@ const data = reactive({
     lastClickTime: 0
 })
 
-let { isSend, content, simIndex, scrollTop, lastClickTime } = toRefs(data)
-
-const emit = defineEmits(['send', 'dblclick-left', 'dblclick-right'])
-
-onMounted(() => {
-    // 延迟极小时间确保 DOM 已更新循环并将滚动条拉到极限底端
-    setTimeout(() => {
-        data.scrollTop = 99999 + Math.random();
-    }, 100);
-})
+let { isSend, content, simIndex, scrollTop } = toRefs(data)
 
+const emit = defineEmits(['send', 'dblclick-left', 'dblclick-right', 'title-click'])
 const onInput = (e) => {
-    content.value = e.detail.value
-    if (content.value.length > 0) {
-        isSend.value = true
-    } else {
+    content.value = e.detail.html
+    const htmlStr = (content.value || '').trim()
+    if (htmlStr === '' || htmlStr === '<p><br></p>' || htmlStr === '<br>') {
         isSend.value = false
+    } else {
+        isSend.value = true
     }
     setTimeout(() => {
         uni.createSelectorQuery().select('.bottom-box').boundingClientRect(rect => {
@@ -175,19 +170,7 @@ const onInput = (e) => {
     }, 50);
 }
 
-const onFocus = (e) => {
-    if (e.detail.height) {
-        data.keyboardHeight = e.detail.height;
-        // 键盘弹起时，也需要滚动到底部
-        setTimeout(() => {
-            data.scrollTop = 99999 + Math.random();
-        }, 100);
-    }
-}
 
-const onBlur = () => {
-    data.keyboardHeight = 0;
-}
 
 /**
  * 切换sim卡
@@ -212,6 +195,14 @@ const sendMessage = () => {
     data.content = ""
     data.isSend = false
 
+    // 清空 editor 中输入的值
+    uni.createSelectorQuery().select('#chat-layout-editor').context((res) => {
+        if (res && res.context) {
+            res.context.clear()
+        }
+        data.isSend = false
+    }).exec()
+
     // 延迟极小时间确保 DOM 已更新循环并将滚动条拉到极限底端
     setTimeout(() => {
         data.scrollTop = 99999 + Math.random();
@@ -220,7 +211,9 @@ const sendMessage = () => {
                 data.bottomBoxHeight = rect.height;
             }
         }).exec();
+        data.isSend = false
     }, 100);
+    data.isSend = false
 }
 
 /**
@@ -255,6 +248,23 @@ const handleBoxClick = (e) => {
 }
 
 
+const handleTitleClick = () => {
+    emit('title-click');
+}
+
+
+// 处理标题显示
+const displayTitle = computed(() => {
+    let title = props.chatInfo.title || '';
+    if (props.phone === 'oppo') {
+        const noSpace = title.replace(/\s+/g, '');
+        if (/^\d{11}$/.test(noSpace)) {
+            return noSpace.replace(/(\d{3})(\d{4})(\d{4})/, '$1 $2 $3');
+        }
+    }
+    return title;
+})
+
 // 展示文字信息
 const showInfo = computed(() => {
     let placeholder
@@ -280,6 +290,84 @@ const showInfo = computed(() => {
     return { placeholder }
 })
 
+/**
+ * 选择图片并发送
+ */
+const chooseImage = () => {
+    uni.chooseImage({
+        count: 1, // 仅选一张
+        sizeType: ['original', 'compressed'], // 原图或压缩图
+        sourceType: ['album', 'camera'], // 从相册选择或拍照
+        success: (res) => {
+            const tempFilePaths = res.tempFilePaths;
+            if (tempFilePaths.length > 0) {
+                const tempPath = tempFilePaths[0];
+
+                const processImage = (finalPath) => {
+                    // 获取图片信息，计算横竖向及相应宽高
+                    uni.getImageInfo({
+                        src: finalPath,
+                        success: (image) => {
+                            let w = image.width;
+                            let h = image.height;
+
+                            // 根据 EXIF 方向修正实际视觉宽高
+                            if (image.orientation && ['left', 'right', 'left-mirrored', 'right-mirrored'].includes(image.orientation)) {
+                                w = image.height;
+                                h = image.width;
+                            }
+
+                            const isHorizontal = w >= h;
+                            const width = isHorizontal ? '368rpx' : '274rpx';
+                            const height = isHorizontal ? '274rpx' : '368rpx';
+
+                            const date = dateUtil.now("YYYY-MM-DD HH:mm")
+                            // 封装成HTML的img标签作为消息内容
+                            const content = `<img src="${finalPath}" style="width: ${width}; height: ${height}; border-radius: 16rpx; display: block;" />`;
+                            const params = {
+                                content: content,
+                                imgUrl: finalPath,
+                                type: 'image',
+                                imgWidth: width,
+                                imgHeight: height,
+                                simIndex: simIndex.value,
+                                time: date,
+                                isMe: true
+                            }
+                            emit('send', params)
+
+                            // 延迟拉动到底部
+                            setTimeout(() => {
+                                data.scrollTop = 99999 + Math.random();
+                                uni.createSelectorQuery().in(getCurrentInstance()).select('.bottom-box').boundingClientRect(rect => {
+                                    if (rect) {
+                                        data.bottomBoxHeight = rect.height;
+                                    }
+                                }).exec();
+                            }, 100);
+                        }
+                    })
+                };
+
+                // #ifdef APP-PLUS
+                uni.saveFile({
+                    tempFilePath: tempPath,
+                    success: (saveRes) => {
+                        processImage(saveRes.savedFilePath);
+                    },
+                    fail: () => {
+                        processImage(tempPath);
+                    }
+                });
+                // #endif
+                // #ifndef APP-PLUS
+                processImage(tempPath);
+                // #endif
+            }
+        }
+    })
+}
+
 onMounted(() => {
     // 同步获取系统信息
     const systemInfo = uni.getSystemInfoSync();
@@ -299,6 +387,16 @@ onMounted(() => {
         }).exec();
     }, 50);
 
+    // 延迟极小时间确保 DOM 已更新循环并将滚动条拉到极限底端
+    setTimeout(() => {
+        data.scrollTop = 99999 + Math.random();
+        uni.createSelectorQuery().select('.bottom-box').boundingClientRect(rect => {
+            if (rect) {
+                data.bottomBoxHeight = rect.height;
+            }
+        }).exec();
+    }, 300);
+
 })
 
 
@@ -325,7 +423,7 @@ onMounted(() => {
 .center-box {
     overflow: hidden;
     // overflow-y: scroll;
-    padding-bottom: 12px;
+    // padding-bottom: 12px;
 }
 
 .fixed-bottom-box {
@@ -347,6 +445,13 @@ onMounted(() => {
 
 //苹果样式
 .iphone-style {
+    .circle {
+        border-radius: 50% !important;
+    }
+
+    .square {
+        border-radius: 16rpx !important;
+    }
 
     .status-placeholder {
         background-color: #F7F7F7;
@@ -411,7 +516,6 @@ onMounted(() => {
                     left: 20rpx;
                     margin-right: 6rpx;
                     font-weight: 500;
-                    line-height: 20rpx;
                 }
             }
         }
@@ -628,11 +732,25 @@ onMounted(() => {
 
     .top-box {
 
+        .top-container::after {
+            position: absolute;
+            content: '';
+            width: 100%;
+            height: 1px;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background-color: #D0D1D3;
+            transform: scaleY(0.3);
+        }
+
         .top-container {
+            position: relative;
             padding: 0 52rpx;
             background-color: #F0F1F3;
-            height: 88rpx;
-            box-shadow: inset 0 -0.3px 0 0 #D0D1D3;
+            height: 98rpx;
+            padding-top: 6rpx;
+            padding-bottom: 12rpx;
 
             .left {
 
@@ -752,6 +870,7 @@ onMounted(() => {
                     max-height: 160rpx;
                     overflow: hidden;
                     overflow-y: scroll;
+                    caret-color: #1ABA11;
                 }
 
                 .right-icon {
@@ -821,7 +940,7 @@ onMounted(() => {
                     font-size: 40rpx;
                     color: #1A1A1A;
                     font-weight: 500;
-                    line-height: 36rpx;
+                    line-height: 40rpx;
                     overflow: hidden;
                     text-overflow: ellipsis;
                     white-space: nowrap;
@@ -1057,4 +1176,9 @@ onMounted(() => {
     }
 
 }
+
+.bottom-placeholder {
+    margin-top: env(safe-area-inset-bottom);
+    margin-top: constant(safe-area-inset-bottom);
+}
 </style>
\ No newline at end of file
diff --git a/components/message/chat/chat-list.vue b/components/message/chat/chat-list.vue
index 0030550..31a8ca5 100644
--- a/components/message/chat/chat-list.vue
+++ b/components/message/chat/chat-list.vue
@@ -10,8 +10,8 @@
         }">
 
             <!-- 排序模式下的拖拽手柄 -->
-            <view v-if="sortMode" class="sort-handle-wrap" @longpress="onSortLongPress(index, $event)"
-                @touchmove.stop.prevent="onSortTouchMove(index, $event)" @touchend.stop="onSortTouchEnd(index, $event)">
+            <view v-if="sortMode" class="sort-handle-wrap" @longpress="onSortLongPress(index)"
+                @touchmove.stop.prevent="onSortTouchMove($event)" @touchend.stop="onSortTouchEnd()">
                 <view class="sort-handle-bar"></view>
                 <view class="sort-handle-bar"></view>
                 <view class="sort-handle-bar"></view>
@@ -34,13 +34,15 @@
                     </image>
                 </view>
                 <view class="chat-box" :id="'msg-' + index" :class="{
-                    'tail-right': shouldApplyTailRight(index),
-                    'tail-left': shouldApplyTailLeft(index),
+                    'tail-right': shouldApplyTailRight(index) && !isImageMsg(message),
+                    'tail-left': shouldApplyTailLeft(index) && !isImageMsg(message),
                     'delivered': isLastMeMessage(index)
                 }" @longpress="!sortMode && onMessageLongPress(index, message)">
                     <text v-if="message.isMe && phone == 'mi'" class="send-text">送达</text>
-                    <view class="chat-bubble">
-                        <view v-html="formatMessageContent(message.content, message.isMe)"></view>
+                    <view class="chat-bubble" :class="{ 'image-bubble': isImageMsg(message) }">
+                        <image v-if="isImageMsg(message)" :src="getImageSrc(message)" mode="aspectFill"
+                            class="chat-image" :style="getImageStyle(message)"></image>
+                        <rich-text v-else :nodes="formatMessageContent(message.content, message.isMe)"></rich-text>
                     </view>
                 </view>
                 <view v-if="phone == 'huawei'" class="second-info">
@@ -56,9 +58,8 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted, computed, watch, nextTick } from 'vue'
-import { onLoad, onPageScroll } from "@dcloudio/uni-app";
-import { stringUtil, util } from '@/utils/common.js';
+import { ref, onMounted, computed, watch, nextTick } from 'vue'
+import { util } from '@/utils/common.js';
 const props = defineProps({
     // 手机品牌
     phone: {
@@ -67,7 +68,7 @@ const props = defineProps({
     },
     messageList: {
         type: Array,
-        default: []
+        default: () => []
     },
     // 是否处于拖拽排序模式
     sortMode: {
@@ -105,7 +106,11 @@ let sortItemRects = []
 // 当 sortMode 切换时同步本地副本
 watch(() => props.sortMode, (val) => {
     if (val) {
-        localSortList.value = props.messageList.map(item => ({ ...item }))
+        let list = props.messageList;
+        if (props.phone !== 'oppo') {
+            list = list.filter(msg => !isImageMsg(msg));
+        }
+        localSortList.value = list.map(item => ({ ...item }))
     } else {
         dragIndex.value = -1
         dragOverIndex.value = -1
@@ -115,10 +120,15 @@ watch(() => props.sortMode, (val) => {
     }
 })
 
-// 实际渲染用的列表：排序模式下用内部副本，否则用原始列表
+// 实际渲染用的列表：排序模式下用内部副本，否则用原始列表（非 oppo 机型过滤图片）
 const displayList = computed(() => {
     if (props.sortMode) return localSortList.value
-    return props.messageList
+
+    let list = props.messageList;
+    if (props.phone !== 'oppo') {
+        list = list.filter(msg => !isImageMsg(msg));
+    }
+    return list;
 })
 
 // 判断消息isMe==true时上一条消息是否也是isMe==true，如果不是则应用m-t-16样式
@@ -132,18 +142,7 @@ const shouldApplyMt16 = (index) => {
     return false;
 }
 
-// 判断消息isMe==true时下一条消息是否也是isMe==true，如果不是则应用m-t-16样式
-const shouldApplyNextIsMe = (index) => {
-    const currentMsg = displayList.value[index];
-    // 拦截：如果已经是数组的最后一条消息，必然不存在下一条消息
-    if (index >= displayList.value.length - 1) return false;
 
-    const nextMsg = displayList.value[index + 1];
-    if (currentMsg.isMe && nextMsg.isMe) {
-        return true;
-    }
-    return false;
-}
 
 // 判断是否为最后一条自己发出的消息
 const isLastMeMessage = (currentIndex) => {
@@ -335,11 +334,45 @@ const formatMessageContent = (content, isMe) => {
         let color = '#3A85F8'
         if (props.phone == 'iphone') color = '#0B7AE3'
         if (props.phone == 'mi') color = '#3A85F8'
+        if (props.phone == 'oppo') color = '#03A311'
         const colorStyle = !isMe ? `color: ${color};` : '';
         return `<span style="text-decoration: underline; ${colorStyle}">${match}</span>`;
     });
 }
 
+// 判断该消息是否为纯图片消息
+const isImageMsg = (message) => {
+    if (message.type === 'image') return true;
+    if (message.content && typeof message.content === 'string') {
+        const str = message.content.trim();
+        // 如果是以 <img 开头且没有其他多余文本
+        if (str.startsWith('<img') && str.endsWith('/>') && str.indexOf('<img') === str.lastIndexOf('<img')) {
+            return true;
+        }
+    }
+    return false;
+}
+
+// 提取图片 src
+const getImageSrc = (message) => {
+    if (message.imgUrl) return message.imgUrl;
+    if (message.content && typeof message.content === 'string') {
+        const match = message.content.match(/src="([^"]+)"/);
+        if (match && match[1]) return match[1];
+    }
+    return '';
+}
+
+// 提取并应用图片的特定宽高
+const getImageStyle = (message) => {
+    if (message.imgWidth && message.imgHeight) {
+        return {
+            width: message.imgWidth,
+            height: message.imgHeight
+        };
+    }
+    return {};
+}
 
 /**
  * 长按信息
@@ -373,7 +406,7 @@ const refreshSortRects = (callback) => {
 /**
  * 长按手柄开始拖拽
  */
-const onSortLongPress = (idx, e) => {
+const onSortLongPress = (idx) => {
     dragIndex.value = idx
     dragOverIndex.value = idx
     isDragging = true
@@ -386,7 +419,7 @@ const onSortLongPress = (idx, e) => {
 /**
  * 拖拽移动 - 根据触摸点 Y 坐标確定悬停位置和插入方向
  */
-const onSortTouchMove = (idx, e) => {
+const onSortTouchMove = (e) => {
     if (!isDragging || dragIndex.value === -1) return
     if (!e.touches || !e.touches[0]) return
     const touchY = e.touches[0].clientY
@@ -408,7 +441,7 @@ const onSortTouchMove = (idx, e) => {
 /**
  * 拖拽结束 - 根据 dropPosition 決定插入到目标的上方还是下方
  */
-const onSortTouchEnd = (idx, e) => {
+const onSortTouchEnd = () => {
     if (!isDragging) return
     const from = dragIndex.value
     const to = dragOverIndex.value
@@ -483,6 +516,21 @@ const onSortTouchEnd = (idx, e) => {
     padding-bottom: 4rpx;
 }
 
+/* 纯图片消息覆盖样式 */
+.chat-bubble.image-bubble {
+    background-color: transparent !important;
+    padding: 0 !important;
+    border: none !important;
+    border-radius: 16rpx !important;
+    overflow: hidden;
+}
+
+.chat-image {
+    max-width: 400rpx;
+    border-radius: 16rpx;
+    display: block;
+}
+
 // 苹果样式
 .iphone-style {
     .m-t-16 {
diff --git a/components/message/list/list.vue b/components/message/list/list.vue
index a3b13a0..502b274 100644
--- a/components/message/list/list.vue
+++ b/components/message/list/list.vue
@@ -2,7 +2,7 @@
     <view :style="`${phone}-style`">
         <uni-swipe-action class="swipe-action">
             <!-- 使用插槽 （请自行给定插槽内容宽度）-->
-            <uni-swipe-action-item class="swipe-action-item" v-for="(item, index) in list" :key="item.id">
+            <uni-swipe-action-item class="swipe-action-item" v-for="item in list" :key="item.id">
                 <view class="flex flex-align-center " @click="clickItem(item)">
 
                     <view class="item flex w100">
@@ -19,13 +19,19 @@
                         <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">{{ item.title }}</text>
-                                    <text class="time">{{ formatDate(item.chatList?.[item.chatList?.length -
-                                        1]?.time || item.time)
+                                    <text class="title">{{ displayTitle(item.title) }}</text>
+                                    <text class="time">{{ formatDate(getLastMessage(item.chatList)?.time || item.time)
                                         }}</text>
                                 </view>
-                                <view class="content"
-                                    v-html="item.chatList?.[item.chatList?.length - 1]?.content || ''"></view>
+                                <view class="content">
+                                    <view v-if="isImageMsg(getLastMessage(item.chatList))"
+                                        class="flex flex-align-center">
+                                        <image style="width: 24rpx;height: 24rpx;margin-right: 16rpx;"
+                                            src="/static/image/phone-message/oppo/link.png"></image>
+                                        <text>[图片]</text>
+                                    </view>
+                                    <rich-text v-else :nodes="getLastMessage(item.chatList)?.content || ''"></rich-text>
+                                </view>
                             </view>
                             <view class="box-right h100 flex-column flex-align-center">
                                 <image v-if="phone == 'iphone'" src="/static/image/phone-message/iphone/right.png">
@@ -56,18 +62,8 @@
         </uni-swipe-action>
     </view>
 </template>
-<script>
-import { stringUtil } from '@/utils/common.js';
-
-</script>
 <script setup>
 import {
-    ref,
-    reactive,
-    computed
-} from 'vue'
-import {
-    util,
     dateUtil
 } from '@/utils/common.js';
 // 定义事件
@@ -107,6 +103,52 @@ const formatDate = (date) => {
     }
 }
 
+/**
+ * 格式化联系人名称，处理 OPPO 纯数字11位手机号显示
+ */
+const displayTitle = (title) => {
+    let t = title || '';
+    if (props.phone === 'oppo') {
+        const noSpace = t.replace(/\s+/g, '');
+        if (/^\d{11}$/.test(noSpace)) {
+            return noSpace.replace(/(\d{3})(\d{4})(\d{4})/, '$1 $2 $3');
+        }
+    }
+    return t;
+}
+
+/**
+ * 判断该消息是否为图片消息
+ */
+const isImageMsg = (message) => {
+    if (!message) return false;
+    if (message.type === 'image') return true;
+    if (message.content && typeof message.content === 'string') {
+        const str = message.content.trim();
+        if (str.startsWith('<img') && str.endsWith('/>') && str.indexOf('<img') === str.lastIndexOf('<img')) {
+            return true;
+        }
+    }
+    return false;
+}
+
+/**
+ * 获取最新一条有效消息（非 oppo 屏蔽图片消息）
+ */
+const getLastMessage = (chatList) => {
+    if (!chatList || chatList.length === 0) return null;
+    if (props.phone === 'oppo') {
+        return chatList[chatList.length - 1];
+    }
+    // 非 oppo 机型，倒序查找最后一条非图片消息
+    for (let i = chatList.length - 1; i >= 0; i--) {
+        if (!isImageMsg(chatList[i])) {
+            return chatList[i];
+        }
+    }
+    return null;
+}
+
 /**
  * 点击列表元素
  */
@@ -449,11 +491,24 @@ const editItem = (item) => {
 
         .border-box {
             position: relative;
-            padding: 4rpx 34rpx 28rpx 0;
+            padding: 4rpx 0 28rpx 0;
             margin-left: 32rpx;
+            margin-right: 34rpx;
             height: 100%;
         }
 
+        .border-box::after {
+            position: absolute;
+            content: '';
+            width: 100%;
+            height: 1px;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background-color: #E2E2E2;
+            transform: scaleY(0.3);
+        }
+
         .main-box {
             .title-box {
                 margin-bottom: 16rpx;
diff --git a/main.js b/main.js
index 4580d59..5ce7d2d 100644
--- a/main.js
+++ b/main.js
@@ -29,7 +29,7 @@ export function createApp() {
 	app.config.globalProperties.$system = plus.os.name;
 	// #endif
 	app.config.globalProperties.$systemInfo = systemInfo
-	uni.setStorageSync('version', '1.0.5.sp9')
+	uni.setStorageSync('version', '1.0.5.sp12')
 	app.config.globalProperties.$version = uni.getStorageSync('version')
 	app.use(globalMethods);
 	return {
diff --git a/pages.json b/pages.json
index 6431d01..2c5a45b 100644
--- a/pages.json
+++ b/pages.json
@@ -32,7 +32,10 @@
 					"path": "chat-page/chat-page",
 					"style": {
 						"navigationBarTitleText": "短信聊天页面",
-						"navigationStyle": "custom"
+						"navigationStyle": "custom",
+						"app-plus": {
+							"softinputMode": "adjustResize"
+						}
 					}
 				}
 			]
@@ -110,10 +113,23 @@
 					}
 				},
 				{
-					"path" : "taobao/add-shangou-order/add-shangou-order",
-					"style" : 
-					{
-						"navigationBarTitleText" : "添加淘宝闪购订单详情",
+					"path": "taobao/add-shangou-order/add-shangou-order",
+					"style": {
+						"navigationBarTitleText": "添加淘宝闪购订单详情",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "pdd/list-index",
+					"style": {
+						"navigationBarTitleText": "拼多多购物列表",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "pdd/order-detail/order-detail",
+					"style": {
+						"navigationBarTitleText": "拼多多订单详情",
 						"navigationStyle": "custom"
 					}
 				}
@@ -346,10 +362,9 @@
 					}
 				},
 				{
-					"path" : "about-this-iphone/about-this-iphone",
-					"style" : 
-					{
-						"navigationBarTitleText" : "苹果关于本机",
+					"path": "about-this-iphone/about-this-iphone",
+					"style": {
+						"navigationBarTitleText": "苹果关于本机",
 						"navigationStyle": "custom"
 					}
 				}
diff --git a/pages/message/chat-page/chat-page.vue b/pages/message/chat-page/chat-page.vue
index 6c99056..1735d1d 100644
--- a/pages/message/chat-page/chat-page.vue
+++ b/pages/message/chat-page/chat-page.vue
@@ -8,97 +8,96 @@
 	</view>
 	<view :class="`${data.phone}-style`">
 		<ChatLayout :phone="data.phone" :chatInfo="data.data" :sortMode="isSortMode" @send="handleSend"
-			:number="data.number" @dblclick-left="onDblclickLeft" @dblclick-right="onDblclickRight">
-			<!-- 弹出操作层及遮罩 -->
-			<view v-if="showActionPopup" class="action-mask" @tap="closeActionPopup">
-				<view class="action-popup" :style="{ top: popupTop + 'px', left: popupLeft + 'px' }">
-					<view class="action-item" @tap.stop="handleEdit">
-						<image class="action-icon" src="/static/image/phone-message/bianji.png"></image>
-						<text>编辑</text>
-					</view>
-					<view class="action-item" @tap.stop="handleSwap">
-						<image class="action-icon" src="/static/image/phone-message/huhuan.png"></image>
-						<text>消息互换</text>
-					</view>
-					<view class="action-item" @tap.stop="handleSort">
-						<image class="action-icon" src="/static/image/phone-message/sort.png"></image>
-						<text>排序</text>
-					</view>
-					<view class="action-item" @tap.stop="handleChangeSpeaker">
-						<image class="action-icon" src="/static/image/phone-message/change.png"></image>
-						<text>切换发言人</text>
-					</view>
-					<view class="action-item" @tap.stop="handleDelete">
-						<image class="action-icon" src="/static/image/phone-message/shanchu.png"></image>
-						<text>删除</text>
-					</view>
-					<!-- 向上指的三角形，因为要求在长按元素下方 -->
-					<view class="triangle"></view>
-				</view>
-			</view>
-
-			<!-- 编辑消息弹窗 -->
-			<view v-if="showEditPopup" class="edit-mask" @tap="closeEditPopup">
-				<view class="edit-popup" @tap.stop>
-					<view class="edit-header">编辑消息</view>
-					<view class="edit-body">
-						<view class="edit-row">
-							<text class="edit-label">时间：</text>
-							<view class="time-picker-group">
-								<picker mode="date" :fields="$system == 'Android' ? 'day' : ''" :value="editingDate"
-									@change="onDateChange">
-									<view class="time-picker-item">
-										<text>{{ editingDate || '选择日期' }}</text>
-									</view>
-								</picker>
-								<picker mode="time" :fields="$system == 'Android' ? 'minute' : ''"
-									:value="editingTimeOfDay" @change="onTimeOfDayChange">
-									<view class="time-picker-item">
-										<text>{{ editingTimeOfDay || '选择时刻' }}</text>
-									</view>
-								</picker>
-							</view>
-						</view>
-						<view class="edit-row" style="align-items: flex-start;">
-							<text class="edit-label" style="padding-top: 6rpx;">时间显示：</text>
-							<view class="time-mode-group">
-								<view class="time-mode-btn" :class="{ active: editingTimeMode === 'auto' }"
-									@tap="editingTimeMode = 'auto'">自动</view>
-								<view class="time-mode-btn" :class="{ active: editingTimeMode === 'show' }"
-									@tap="editingTimeMode = 'show'">强制显示</view>
-								<view class="time-mode-btn" :class="{ active: editingTimeMode === 'hide' }"
-									@tap="editingTimeMode = 'hide'">强制隐藏</view>
-							</view>
-						</view>
-						<view class="edit-row"
-							v-if="data.phone == 'huawei' || data.phone == 'oppo' || data.phone == 'vivo'">
-							<text class="edit-label">SIM卡：</text>
-							<view class="edit-input"
-								style="padding: 0; background: transparent; display: flex; align-items: center; border-radius: 8rpx; height: 70rpx;">
-								<uni-data-select v-model="editingSimKa" :localdata="simList" :clear="false"
-									placeholder="请选择卡号" @change="onSimKaChange"
-									style="flex: 1; border: none !important; width: 100%;"></uni-data-select>
-							</view>
-						</view>
-						<view class="edit-row">
-							<text class="edit-label">内容：</text>
-						</view>
-						<editor id="editor" class="edit-textarea" placeholder="请输入消息内容..." @ready="onEditorReady">
-						</editor>
-					</view>
-					<view class="edit-footer">
-						<view class="edit-btn cancel" @tap="closeEditPopup">取消</view>
-						<view class="edit-btn confirm" @tap="confirmEdit">确定</view>
-					</view>
-				</view>
-			</view>
-
+			:number="data.number" @dblclick-left="onDblclickLeft" @dblclick-right="onDblclickRight"
+			@title-click="handleTitleClick">
 			<ChatList :messageList="messageList" :phone="data.phone" :sortMode="isSortMode"
 				@onLongPress="onMessageLongPress" @sort="onSortChange"></ChatList>
-
-
 		</ChatLayout>
 
+		<!-- 弹出操作层及遮罩 -->
+		<view v-if="showActionPopup" class="action-mask" @tap="closeActionPopup">
+			<view class="action-popup" :style="{ top: popupTop + 'px', left: popupLeft + 'px' }">
+				<view class="action-item" @tap.stop="handleEdit">
+					<image class="action-icon" src="/static/image/phone-message/bianji.png"></image>
+					<text>编辑</text>
+				</view>
+				<view class="action-item" @tap.stop="handleSwap">
+					<image class="action-icon" src="/static/image/phone-message/huhuan.png"></image>
+					<text>消息互换</text>
+				</view>
+				<view class="action-item" @tap.stop="handleSort">
+					<image class="action-icon" src="/static/image/phone-message/sort.png"></image>
+					<text>排序</text>
+				</view>
+				<view class="action-item" @tap.stop="handleChangeSpeaker">
+					<image class="action-icon" src="/static/image/phone-message/change.png"></image>
+					<text>切换发言人</text>
+				</view>
+				<view class="action-item" @tap.stop="handleDelete">
+					<image class="action-icon" src="/static/image/phone-message/shanchu.png"></image>
+					<text>删除</text>
+				</view>
+				<!-- 向上指的三角形，因为要求在长按元素下方 -->
+				<view class="triangle"></view>
+			</view>
+		</view>
+
+		<!-- 编辑消息弹窗 -->
+		<view v-if="showEditPopup" class="edit-mask" @tap="closeEditPopup">
+			<view class="edit-popup" @tap.stop>
+				<view class="edit-header">编辑消息</view>
+				<view class="edit-body">
+					<view class="edit-row">
+						<text class="edit-label">时间：</text>
+						<view class="time-picker-group">
+							<picker mode="date" :fields="$system == 'Android' ? 'day' : ''" :value="editingDate"
+								@change="onDateChange">
+								<view class="time-picker-item">
+									<text>{{ editingDate || '选择日期' }}</text>
+								</view>
+							</picker>
+							<picker mode="time" :fields="$system == 'Android' ? 'minute' : ''" :value="editingTimeOfDay"
+								@change="onTimeOfDayChange">
+								<view class="time-picker-item">
+									<text>{{ editingTimeOfDay || '选择时刻' }}</text>
+								</view>
+							</picker>
+						</view>
+					</view>
+					<view class="edit-row" style="align-items: flex-start;">
+						<text class="edit-label" style="padding-top: 6rpx;">时间显示：</text>
+						<view class="time-mode-group">
+							<view class="time-mode-btn" :class="{ active: editingTimeMode === 'auto' }"
+								@tap="editingTimeMode = 'auto'">自动</view>
+							<view class="time-mode-btn" :class="{ active: editingTimeMode === 'show' }"
+								@tap="editingTimeMode = 'show'">强制显示</view>
+							<view class="time-mode-btn" :class="{ active: editingTimeMode === 'hide' }"
+								@tap="editingTimeMode = 'hide'">强制隐藏</view>
+						</view>
+					</view>
+					<view class="edit-row"
+						v-if="data.phone == 'huawei' || data.phone == 'oppo' || data.phone == 'vivo'">
+						<text class="edit-label">SIM卡：</text>
+						<view class="edit-input"
+							style="padding: 0; background: transparent; display: flex; align-items: center; border-radius: 8rpx; height: 70rpx;">
+							<uni-data-select v-model="editingSimKa" :localdata="simList" :clear="false"
+								placeholder="请选择卡号" @change="onSimKaChange"
+								style="flex: 1; border: none !important; width: 100%;"></uni-data-select>
+						</view>
+					</view>
+					<view class="edit-row">
+						<text class="edit-label">内容：</text>
+					</view>
+					<editor id="editor" class="edit-textarea" placeholder="请输入消息内容..." @ready="onEditorReady">
+					</editor>
+				</view>
+				<view class="edit-footer">
+					<view class="edit-btn cancel" @tap="closeEditPopup">取消</view>
+					<view class="edit-btn confirm" @tap="confirmEdit">确定</view>
+				</view>
+			</view>
+		</view>
+
 		<!-- 排序模式底部工具条 -->
 		<view v-if="isSortMode" class="sort-toolbar">
 			<view class="sort-toolbar-tip">长按消息并拖动调整顺序</view>
@@ -107,6 +106,61 @@
 				<view class="sort-toolbar-btn confirm" @tap="confirmSort">完成</view>
 			</view>
 		</view>
+
+		<!-- 修改当前短信信息弹窗 -->
+		<view v-if="showAddPopup" class="add-mask" @tap="closeAddPopup">
+			<view class="add-popup" @tap.stop>
+				<view class="add-header">编辑当前短信信息</view>
+				<view class="add-body">
+					<view class="add-row">
+						<text class="add-label">头像URL：</text>
+						<view style="position: relative;">
+							<view class="image-box" :class="addForm.imgShape" style="width: 84rpx;height: 84rpx;"
+								@tap="selectImage">
+								<image v-if="addForm.img" class="image w100 h100" :src="addForm.img" mode="aspectFill">
+								</image>
+								<image v-else class="image w100 h100" src="/static/image/phone-message/add.png"
+									mode="aspectFill">
+								</image>
+							</view>
+							<view v-if="addForm.img" class="delete-img-icon" @tap.stop="deleteImage">
+								×
+							</view>
+						</view>
+						<view v-if="data.phone == 'iphone'"
+							style="flex: 1;display: flex;align-items: center;justify-content: flex-end;">
+							<uni-data-checkbox style="display: flex;justify-content: flex-end;"
+								v-model="addForm.imgShape" :localdata="shape"></uni-data-checkbox>
+						</view>
+					</view>
+					<view class="add-row">
+						<text class="add-label required">联系人</text>
+						<input class="add-input" v-model="addForm.title" placeholder="请输入名称或号码" />
+					</view>
+					<view class="add-row" v-if="data.phone == 'oppo'">
+						<text class="add-label">地区</text>
+						<input class="add-input" v-model="addForm.area" placeholder="请输入地区" />
+					</view>
+					<view class="add-row between" v-if="data.phone == 'iphone'">
+						<text class="add-label">取消通知</text>
+						<switch :checked="addForm.noNotice" @change="addForm.noNotice = !addForm.noNotice" />
+					</view>
+					<view class="add-row between">
+						<text class="add-label">是否未读</text>
+						<switch :checked="addForm.unRead" @change="addForm.unRead = !addForm.unRead" />
+					</view>
+					<view class="add-row"
+						v-if="addForm.unRead && (data.phone == 'oppo' || data.phone == 'huawei' || data.phone == 'iphone')">
+						<text class="add-label">未读数量</text>
+						<input class="add-input" type="number" v-model="addForm.unReadNumber" placeholder="请输入未读数量" />
+					</view>
+				</view>
+				<view class="add-footer">
+					<view class="add-btn cancel" @tap="closeAddPopup">取消</view>
+					<view class="add-btn confirm" @tap="confirmAdd">确定</view>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -378,6 +432,19 @@ const handleChangeSpeaker = () => {
  */
 const handleDelete = () => {
 	const index = messageList.value.findIndex(item => item.id === selectedMessage.value.id)
+	const deletedMsg = messageList.value[index]
+
+	// 如果是图片消息且存在本地持久化路径，则执行删除物理文件
+	// #ifdef APP-PLUS
+	if (deletedMsg && deletedMsg.type === 'image' && deletedMsg.imgUrl && deletedMsg.imgUrl.includes('_doc/')) {
+		uni.removeSavedFile({
+			filePath: deletedMsg.imgUrl,
+			success: () => console.log('单条图片消息本地文件删除成功:', deletedMsg.imgUrl),
+			fail: (err) => console.warn('单条图片消息本地文件删除失败:', deletedMsg.imgUrl, err)
+		})
+	}
+	// #endif
+
 	messageList.value.splice(index, 1)
 	closeActionPopup();
 	saveChatList()
@@ -440,6 +507,7 @@ onShow(() => {
 	// #endif
 })
 
+
 const handleSend = (params) => {
 	console.log(params)
 	params.id = stringUtil.uuid()
@@ -469,6 +537,99 @@ const onDblclickRight = () => {
 		icon: "none"
 	})
 }
+
+
+const showAddPopup = ref(false)
+const addForm = reactive({
+	title: '',
+	img: '',
+	imgShape: 'circle',
+	area: '',
+	unRead: false,
+	unReadNumber: 1,
+	noNotice: false
+})
+const shape = [{ text: '圆形', value: 'circle' }, { text: '方形', value: 'square' }]
+
+const handleTitleClick = () => {
+	const item = data.data
+	addForm.title = item.title || ''
+	addForm.img = item.img || ''
+	addForm.imgShape = item.imgShape || 'circle'
+	addForm.area = item.area || ''
+	addForm.unRead = !!item.unRead
+	addForm.unReadNumber = item.unReadNumber || 0
+	addForm.noNotice = item.noNotice || false
+	showAddPopup.value = true
+}
+
+const closeAddPopup = () => {
+	showAddPopup.value = false
+}
+
+const selectImage = () => {
+	uni.chooseImage({
+		count: 1,
+		success: (res) => {
+			addForm.img = res.tempFilePaths[0]
+		}
+	})
+}
+
+const deleteImage = () => {
+	addForm.img = ''
+}
+
+const confirmAdd = async () => {
+	if (!addForm.title.trim()) {
+		uni.showToast({ title: '请输入联系人名称', icon: 'none' })
+		return
+	}
+
+	let finalImgPath = addForm.img
+	if (addForm.img && !addForm.img.startsWith('_doc') && !addForm.img.startsWith('/static')) {
+		try {
+			const res = await new Promise((resolve, reject) => {
+				uni.saveFile({
+					tempFilePath: addForm.img,
+					success: resolve,
+					fail: reject
+				})
+			})
+			finalImgPath = res.savedFilePath
+		} catch (e) {
+			console.error('保存图片失败', e)
+		}
+	}
+
+	data.data.title = addForm.title.trim()
+	data.data.img = finalImgPath
+	data.data.unRead = addForm.unRead
+	data.data.unReadNumber = addForm.unReadNumber
+	data.data.noNotice = addForm.noNotice
+	data.data.imgShape = addForm.imgShape
+	data.data.area = addForm.area
+
+	try {
+		const cached = uni.getStorageSync(STORAGE_KEY)
+		let list = cached ? JSON.parse(cached) : []
+		const idx = list.findIndex(item => item.id == currentId)
+		if (idx > -1) {
+			list[idx].title = data.data.title
+			list[idx].img = data.data.img
+			list[idx].unRead = data.data.unRead
+			list[idx].unReadNumber = data.data.unReadNumber
+			list[idx].noNotice = data.data.noNotice
+			list[idx].imgShape = data.data.imgShape
+			list[idx].area = data.data.area
+			uni.setStorageSync(STORAGE_KEY, JSON.stringify(list))
+		}
+	} catch (e) {
+		console.error(e)
+	}
+
+	closeAddPopup()
+}
 </script>
 
 <style lang="less" scoped>
@@ -563,7 +724,7 @@ const onDblclickRight = () => {
 	justify-content: space-between;
 	transform: translateX(-50%);
 	width: 540rpx;
-	z-index: 10;
+	z-index: 999;
 }
 
 .action-popup .triangle {
@@ -739,4 +900,144 @@ const onDblclickRight = () => {
 	color: #333333;
 	text-align: center;
 }
+
+/* ===== 添加短信弹窗 ===== */
+.add-mask {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-color: rgba(0, 0, 0, 0.5);
+	z-index: 1300;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.add-popup {
+	width: 88%;
+	background-color: #ffffff;
+	border-radius: 24rpx;
+	overflow: hidden;
+}
+
+.add-header {
+	padding: 36rpx 40rpx 20rpx;
+	font-size: 34rpx;
+	font-weight: bold;
+	color: #1A1A1A;
+	text-align: center;
+}
+
+.add-body {
+	padding: 8rpx 0;
+}
+
+.add-row {
+	display: flex;
+	align-items: center;
+	padding: 20rpx 32rpx;
+	gap: 16rpx;
+
+	.image-box {
+		width: 76rpx;
+		height: 76rpx;
+		border-radius: 50%;
+		overflow: hidden;
+
+		.image {
+			width: 100%;
+			height: 100%;
+		}
+	}
+
+	.circle {
+		border-radius: 50%;
+	}
+
+	.square {
+		border-radius: 16rpx;
+	}
+}
+
+.between {
+	justify-content: space-between;
+}
+
+.required {
+	position: relative;
+}
+
+.required::before {
+	position: absolute;
+	left: -10px;
+	content: '*';
+	top: 0;
+	color: #EA0000;
+}
+
+.add-label {
+	font-size: 28rpx;
+	color: #1A1A1A;
+	width: 150rpx;
+	flex-shrink: 0;
+}
+
+.add-input {
+	flex: 1;
+	height: 70rpx;
+	background-color: #F6F6F6;
+	border-radius: 14rpx;
+	padding: 0 20rpx;
+	font-size: 28rpx;
+	color: #1A1A1A;
+
+	::v-deep .uni-input {
+		color: #aaaaaa;
+	}
+}
+
+.add-footer {
+	padding: 32rpx 24rpx;
+	display: flex;
+}
+
+.add-btn {
+	flex: 1;
+	height: 90rpx;
+	line-height: 90rpx;
+	text-align: center;
+	font-size: 32rpx;
+	background-color: #F1F1F1;
+	margin: 0 16rpx;
+	border-radius: 12rpx;
+}
+
+.add-btn.cancel {
+	color: #767676;
+}
+
+.add-btn.confirm {
+	color: #fff;
+	background-color: #1777FF;
+}
+
+.delete-img-icon {
+	position: absolute;
+	top: -12rpx;
+	right: -12rpx;
+	width: 32rpx;
+	height: 32rpx;
+	background-color: red;
+	color: #fff;
+	border-radius: 50%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: 30rpx;
+	line-height: 28rpx;
+	padding-bottom: 2rpx;
+	z-index: 2;
+}
 </style>
diff --git a/pages/message/list-index.vue b/pages/message/list-index.vue
index d074fb4..c5e6710 100644
--- a/pages/message/list-index.vue
+++ b/pages/message/list-index.vue
@@ -30,13 +30,18 @@
 				<view class="add-body">
 					<view class="add-row">
 						<text class="add-label">头像URL：</text>
-						<view class="image-box" :class="addForm.imgShape" style="width: 84rpx;height: 84rpx;"
-							@tap="selectImage">
-							<image v-if="addForm.img" class="image w100 h100" :src="addForm.img" mode="aspectFill">
-							</image>
-							<image v-else class="image w100 h100" src="/static/image/phone-message/add.png"
-								mode="aspectFill">
-							</image>
+						<view style="position: relative;">
+							<view class="image-box" :class="addForm.imgShape" style="width: 84rpx;height: 84rpx;"
+								@tap="selectImage">
+								<image v-if="addForm.img" class="image w100 h100" :src="addForm.img" mode="aspectFill">
+								</image>
+								<image v-else class="image w100 h100" src="/static/image/phone-message/add.png"
+									mode="aspectFill">
+								</image>
+							</view>
+							<view v-if="addForm.img" class="delete-img-icon" @tap.stop="deleteImage">
+								×
+							</view>
 						</view>
 						<view v-if="data.phone == 'iphone'"
 							style="flex: 1;display: flex;align-items: center;justify-content: flex-end;">
@@ -210,7 +215,7 @@ onShow(() => {
 		if (cachedNotice !== '') {
 			data.noticeCount = Number(cachedNotice)
 		}
-	} catch (e) { }
+	} catch (e) { console.error(e) }
 })
 
 
@@ -228,7 +233,7 @@ onPageScroll((e) => {
  * @returns {Promise<string>} 持久化后的文件路径
  */
 const saveImageToLocal = (tempFilePath) => {
-	return new Promise((resolve, reject) => {
+	return new Promise((resolve) => {
 		// 如果是已经持久化的路径或是静态资源，直接返回
 		if (!tempFilePath || tempFilePath.startsWith('_doc') || tempFilePath.startsWith('/static')) {
 			return resolve(tempFilePath)
@@ -277,10 +282,18 @@ const deleteItem = (item) => {
 			if (res.confirm) {
 				const idx = defaultList.value.findIndex(i => i.id === item.id)
 				if (idx > -1) {
-					// 删除关联的本地图片文件
+					// 删除关联的本地图片文件（头像）
 					if (item.img) {
 						removeLocalFile(item.img)
 					}
+					// 删除该对话中所有的图片文件
+					if (item.chatList && item.chatList.length > 0) {
+						item.chatList.forEach(msg => {
+							if (msg.type === 'image' && msg.imgUrl && msg.imgUrl.includes('_doc/')) {
+								removeLocalFile(msg.imgUrl)
+							}
+						})
+					}
 					defaultList.value.splice(idx, 1)
 					uni.setStorageSync(STORAGE_KEY, JSON.stringify(defaultList.value))
 				}
@@ -303,6 +316,10 @@ const selectImage = () => {
 	})
 }
 
+const deleteImage = () => {
+	addForm.img = ''
+}
+
 const itemClick = (item) => {
 	util.goPage(`/pages/message/chat-page/chat-page?phone=${data.phone}&id=${item.id}`)
 }
@@ -439,7 +456,7 @@ const confirmAdd = async () => {
 	})
 	try {
 		uni.setStorageSync(STORAGE_KEY, JSON.stringify(defaultList.value))
-	} catch (e) { }
+	} catch (e) { console.error(e) }
 	closeAddPopup()
 }
 
@@ -474,7 +491,7 @@ const confirmSim = () => {
 			sim2: simForm.sim2.trim() || '移动'
 		}))
 		uni.showToast({ title: '保存成功', icon: 'success' })
-	} catch (e) { }
+	} catch (e) { console.error(e) }
 	closeSimPopup()
 }
 
@@ -498,7 +515,7 @@ const confirmNotice = () => {
 	try {
 		uni.setStorageSync(NOTICE_COUNT_KEY, data.noticeCount)
 		uni.showToast({ title: '保存成功', icon: 'success' })
-	} catch (e) { }
+	} catch (e) { console.error(e) }
 	closeNoticePopup()
 }
 
@@ -738,4 +755,22 @@ page {
 		flex-shrink: 0;
 	}
 }
+
+.delete-img-icon {
+	position: absolute;
+	top: -12rpx;
+	right: -12rpx;
+	width: 32rpx;
+	height: 32rpx;
+	background-color: red;
+	color: #fff;
+	border-radius: 50%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: 30rpx;
+	line-height: 28rpx;
+	padding-bottom: 2rpx;
+	z-index: 2;
+}
 </style>
diff --git a/pages/shopping/index.vue b/pages/shopping/index.vue
index f875d63..1d7d4a2 100644
--- a/pages/shopping/index.vue
+++ b/pages/shopping/index.vue
@@ -16,10 +16,18 @@
 </template>
 
 <script setup>
-import { ref, reactive, getCurrentInstance } from 'vue';
-import { onLoad } from '@dcloudio/uni-app'
+import {
+	ref,
+	reactive,
+	getCurrentInstance
+} from 'vue';
+import {
+	onLoad
+} from '@dcloudio/uni-app'
 
-const { proxy } = getCurrentInstance();
+const {
+	proxy
+} = getCurrentInstance();
 const data = reactive({
 	phone: ''
 })
@@ -36,51 +44,50 @@ onLoad((options) => {
 	})
 })
 
-const menuList = ref([
-	{
-		name: "京东",
-		icon: "jingdong",
-		bgColor: ["#FFE0DF", "#FFFFFF"],
-		btnBg: "#FF4848",
-		shadowColor: "#FF4848",
-		url: "/pages/shopping/jingdong/list-index"
-	}, {
-		name: "淘宝",
-		icon: "taobao",
-		bgColor: ["#FFF0DA", "#FFFFFF"],
-		btnBg: "#FF953C",
-		shadowColor: "#FF953C",
-		url: "/pages/shopping/taobao/list-index"
-	}, {
-		name: "快手",
-		icon: "kuaishou",
-		bgColor: ["#FFF0DA", "#FFFFFF"],
-		btnBg: "#FF953C",
-		shadowColor: "#FF953C",
-		url: ""
-	}, {
-		name: "抖音",
-		icon: "douyin",
-		bgColor: ["#FAE5FF", "#FFFFFF"],
-		btnBg: "#393939",
-		shadowColor: "#D15CFF",
-		url: ""
-	}, {
-		name: "得物",
-		icon: "dewu",
-		bgColor: ["#FAE5FF", "#FFFFFF"],
-		btnBg: "#393939",
-		shadowColor: "#D15CFF",
-		url: ""
-	}, {
-		name: "拼多多",
-		icon: "pinduoduo",
-		bgColor: ["#FFE0DF", "#FFFFFF"],
-		btnBg: "#FF4848",
-		shadowColor: "#FF4848",
-		url: ""
-	}
-]);
+const menuList = ref([{
+	name: "京东",
+	icon: "jingdong",
+	bgColor: ["#FFE0DF", "#FFFFFF"],
+	btnBg: "#FF4848",
+	shadowColor: "#FF4848",
+	url: "/pages/shopping/jingdong/list-index"
+}, {
+	name: "淘宝",
+	icon: "taobao",
+	bgColor: ["#FFF0DA", "#FFFFFF"],
+	btnBg: "#FF953C",
+	shadowColor: "#FF953C",
+	url: "/pages/shopping/taobao/list-index"
+}, {
+	name: "拼多多",
+	icon: "pinduoduo",
+	bgColor: ["#FFE0DF", "#FFFFFF"],
+	btnBg: "#FF4848",
+	shadowColor: "#FF4848",
+	// url: "/pages/shopping/pdd/list-index"
+	url: ""
+}, {
+	name: "快手",
+	icon: "kuaishou",
+	bgColor: ["#FFF0DA", "#FFFFFF"],
+	btnBg: "#FF953C",
+	shadowColor: "#FF953C",
+	url: ""
+}, {
+	name: "抖音",
+	icon: "douyin",
+	bgColor: ["#FAE5FF", "#FFFFFF"],
+	btnBg: "#393939",
+	shadowColor: "#D15CFF",
+	url: ""
+}, {
+	name: "得物",
+	icon: "dewu",
+	bgColor: ["#FAE5FF", "#FFFFFF"],
+	btnBg: "#393939",
+	shadowColor: "#D15CFF",
+	url: ""
+}]);
 
 const goTo = (url) => {
 	if (url) {
@@ -170,4 +177,4 @@ page {
 	text-align: center;
 	font-weight: 500;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/pages/shopping/pdd/components/list-card/list-card.vue b/pages/shopping/pdd/components/list-card/list-card.vue
new file mode 100644
index 0000000..331f28f
--- /dev/null
+++ b/pages/shopping/pdd/components/list-card/list-card.vue
@@ -0,0 +1,479 @@
+<template>
+    <view class="list-card-container" v-if="item">
+        <!-- 头部店铺信息和状态 -->
+        <view class="header-box flex-between flex-align-center">
+            <view class="shop-info flex-align-center">
+                <view class="shop-logo-placeholder flex-center" v-if="item.isBrand"><text class="logo-text">正品</text>
+                </view>
+                <text class="shop-name">{{ item.shopName }}</text>
+                <!-- <view class="tag-brand" v-if="item.isBrand">品牌认证</view> -->
+                <image v-if="item.isBrand" class="brand-img" src="/static/image/shopping/pdd/pinpairenzheng.png">
+                </image>
+                <image class="flag-img" v-if="item.isFlagship" src="/static/image/shopping/pdd/qijiandian.png"></image>
+                <uni-icons style="margin-top: 4rpx;" type="right" color="#999999" size="12"></uni-icons>
+            </view>
+            <view class="status-text" v-if="item.orderType === 'wait_pay'">待支付</view>
+            <view class="status-text" v-if="item.orderType === 'wait_recv'">待收货</view>
+            <view class="status-text" v-if="item.orderType === 'received'">交易成功</view>
+        </view>
+
+        <!-- 商品主要内容 -->
+        <view class="product-box flex">
+            <view class="product-img-box">
+                <image class="product-img" :src="item.productImg" mode="aspectFill"></image>
+            </view>
+            <view class="product-content flex-1">
+                <view class="title-box">
+                    <view class="brand-tag flex-center">品牌</view>
+                    <text class="title-text">{{ item.productTitle }}</text>
+                </view>
+                <view class="spec-text text-ellipsis">{{ item.productSpec }}</view>
+                <view class="tags-box flex-align-center">
+                    <view class="green-tag" v-for="(tag, index) in item.tags" :key="index">{{ tag }}</view>
+                </view>
+            </view>
+            <view class="price-box flex-column align-end">
+                <text class="price">¥
+                    <text style="font-size: 30rpx;">{{ Number(item.price).toFixed(1).split('.')[0] + '.' }}</text>
+                    <text style="font-size: 22rpx;">{{ Number(item.price).toFixed(1).split('.')[1] }}</text>
+                </text>
+                <text class="count">x{{ item.quantity }}</text>
+            </view>
+        </view>
+
+        <view>
+            <!-- 价格汇总 -->
+            <view class="summary-box flex-between flex-align-center">
+                <view class="avatar-group flex-align-center">
+                    <image class="avatar" v-for="(avatar, idx) in item.avatars" :key="idx" :src="avatar"
+                        mode="aspectFill">
+                    </image>
+                </view>
+                <view class="total-price flex-align-center">
+                    <text class="label">{{ item.orderType === 'wait_pay' ? '应付' : '实付' }}:</text>
+                    <text class="symbol">¥</text>
+                    <text class="amount">{{ item.totalAmount }}</text>
+                    <text class="freight">({{ item.freightText }})</text>
+                </view>
+            </view>
+
+            <!-- 按钮组 -->
+            <view class="action-box flex-end flex-align-center">
+                <template v-if="item.orderType === 'wait_pay'">
+                    <view class="btn plain">取消订单</view>
+                    <view class="btn primary">去支付</view>
+                </template>
+                <template v-if="item.orderType === 'wait_recv'">
+                    <text class="more-btn">更多</text>
+                    <view class="btn plain">申请退款</view>
+                    <view class="btn plain">追加评价</view>
+                    <view class="btn primary with-badge">
+                        确认收货
+                        <!-- <view class="badge" v-if="item.collectCount">{{ item.collectCount }}人收藏</view> -->
+                    </view>
+                </template>
+                <template v-if="item.orderType === 'received'">
+                    <text class="more-btn">更多</text>
+                    <view class="btn plain">申请退款</view>
+                    <view class="btn plain">追加评价</view>
+                    <view class="btn primary with-badge">
+                        再次拼单
+                        <!-- <view class="badge" v-if="item.collectCount">{{ item.collectCount }}人收藏</view> -->
+                    </view>
+                </template>
+            </view>
+
+            <!-- 物流状态栏 -->
+            <view class="delivery-box flex-align-center" v-if="item.deliveryStatus">
+                <view class="truck-icon flex-center">
+                    <image style="width:32rpx;height: 32rpx;" src="/static/image/shopping/pdd/yunshuzhong.png"></image>
+                </view>
+                <view class="delivery-content text-ellipsis flex-1">
+                    <template v-if="item.orderType === 'wait_pay'">
+                        <text class="green-text">{{ item.deliveryStatus }}</text>
+                        <text class="green-text">{{ item.deliveryDetail }}</text>
+                    </template>
+                    <template v-if="item.orderType === 'wait_recv'">
+                        <text class="green-text">{{ item.deliveryStatus }}</text>
+                        <text class="gray-text">{{ item.deliveryDetail }}</text>
+                    </template>
+                </view>
+            </view>
+        </view>
+
+    </view>
+</template>
+
+<script setup>
+import { defineProps } from 'vue';
+
+const props = defineProps({
+    item: {
+        type: Object,
+        default: () => ({})
+    }
+});
+</script>
+
+<style lang="less" scoped>
+.list-card-container {
+    background-color: #ffffff;
+    margin-bottom: 16rpx;
+    padding: 22rpx 0;
+    box-sizing: border-box;
+    padding-bottom: 4rpx;
+}
+
+.flex-between {
+    display: flex;
+    justify-content: space-between;
+}
+
+.flex-align-center {
+    display: flex;
+    align-items: center;
+}
+
+.flex-end {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.flex-center {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.flex {
+    display: flex;
+}
+
+.flex-column {
+    display: flex;
+    flex-direction: column;
+}
+
+.flex-1 {
+    flex: 1;
+}
+
+.text-ellipsis {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+/* Header */
+.header-box {
+    padding: 0 24rpx;
+    margin-bottom: 24rpx;
+
+    .shop-logo-placeholder {
+        width: 44rpx;
+        height: 24rpx;
+        background-color: #E01B13;
+        border-radius: 20rpx;
+        margin-right: 8rpx;
+
+        .logo-text {
+            color: #fff;
+            font-size: 16rpx;
+            transform: scale(0.8);
+        }
+    }
+
+    .shop-name {
+        font-weight: 400;
+        font-size: 28rpx;
+        color: #1A1A1A;
+        line-height: 24rpx;
+        margin-right: 8rpx;
+    }
+
+    .brand-img {
+        width: 94rpx;
+        height: 28rpx;
+        margin-right: 10rpx;
+    }
+
+    .flag-img {
+        width: 74rpx;
+        height: 28rpx;
+    }
+
+    .status-text {
+        font-weight: 400;
+        font-size: 28rpx;
+        color: #DF2E26;
+        line-height: 28rpx;
+    }
+}
+
+/* Product Info */
+.product-box {
+    padding: 0 24rpx;
+    padding-bottom: 14rpx;
+    margin-bottom: 10rpx;
+    border-bottom: 1rpx solid #EFEFEF;
+
+    .product-img-box {
+        width: 148rpx;
+        height: 148rpx;
+        margin-right: 14rpx;
+        border-radius: 4rpx;
+        overflow: hidden;
+        background-color: #f5f5f5;
+        flex-shrink: 0;
+
+        .product-img {
+            width: 100%;
+            height: 100%;
+        }
+    }
+
+    .product-content {
+        width: 0;
+
+        .title-box {
+            font-size: 26rpx;
+            color: #1A1A1A;
+            line-height: 36rpx;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            overflow: hidden;
+
+            .brand-tag {
+                display: inline-block;
+                background-color: #252525;
+                color: #fff;
+                font-size: 22rpx;
+                line-height: 22rpx;
+                padding: 4rpx 8rpx;
+                border-radius: 4rpx;
+                margin-right: 8rpx;
+                margin-top: -4rpx;
+            }
+
+            .title-text {
+                vertical-align: middle;
+            }
+        }
+
+        .spec-text {
+            font-size: 26rpx;
+            color: #999999;
+            line-height: 26rpx;
+            margin-top: 6rpx;
+            margin-bottom: 14rpx;
+        }
+
+        .tags-box {
+
+            /* Overriding image style */
+            .green-tag {
+                display: inline-flex;
+                align-items: center;
+                padding: 0 4rpx;
+                border-radius: 4rpx;
+                margin: 0 4rpx;
+                font-weight: 400;
+                height: 30rpx;
+                color: #fff;
+                background-color: #2BB40C;
+                font-size: 22rpx;
+                line-height: 22rpx;
+                border: none;
+            }
+        }
+    }
+
+    .price-box {
+        margin-left: 10rpx;
+        flex-shrink: 0;
+        flex-direction: column;
+        align-items: flex-end;
+
+        .price {
+            font-size: 24rpx;
+            color: #999;
+        }
+
+        .count {
+            font-size: 24rpx;
+            color: #999;
+            margin-top: 8rpx;
+        }
+
+        .align-end {
+            align-items: flex-end;
+        }
+    }
+}
+
+/* Summary */
+.summary-box {
+    position: relative;
+    margin-bottom: 16rpx;
+    padding: 0 16rpx;
+    padding-bottom: 14rpx;
+
+    &::after {
+        content: "";
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        width: 100%;
+        height: 1px;
+        transform: scaleY(0.3);
+        background-color: #D2D2D2;
+    }
+
+    .avatar-group {
+        position: relative;
+        width: 110rpx;
+        height: 44rpx;
+
+        .avatar {
+            width: 44rpx;
+            height: 44rpx;
+            border-radius: 50%;
+            border: 2rpx solid #FFFFFF;
+            position: absolute;
+        }
+
+        .avatar:nth-child(1) {
+            left: 0;
+            z-index: 4;
+        }
+
+        .avatar:nth-child(2) {
+            left: 34rpx;
+            z-index: 3;
+        }
+
+        .avatar:nth-child(3) {
+            left: 68rpx;
+            z-index: 2;
+        }
+
+        .avatar:nth-child(4) {
+            left: 102rpx;
+            z-index: 1;
+        }
+    }
+
+    .total-price {
+        display: flex;
+        align-items: baseline;
+        font-size: 24rpx;
+        color: #1A1A1A;
+
+        .label {
+            margin-right: 4rpx;
+        }
+
+        .symbol {
+            font-size: 24rpx;
+            margin-right: 4rpx;
+        }
+
+        .amount {
+            font-size: 34rpx;
+        }
+
+        .freight {
+            font-size: 26rpx;
+            margin-left: 8rpx;
+        }
+    }
+}
+
+/* Action Buttons */
+.action-box {
+    margin-bottom: 16rpx;
+    padding: 0 16rpx;
+
+    .more-btn {
+        font-weight: 400;
+        font-size: 28rpx;
+        color: #1A1A1A;
+        line-height: 28rpx;
+        margin-right: 46rpx;
+    }
+
+    .btn {
+        min-width: 138rpx;
+        height: 58rpx;
+        border-radius: 8rpx;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 28rpx;
+        margin-left: 14rpx;
+        padding: 0 12rpx;
+        box-sizing: border-box;
+
+        &.plain {
+            border: 1rpx solid #9E9E9E;
+            color: #1A1A1A;
+            background-color: #fff;
+        }
+
+        &.primary {
+            border: 1rpx solid #DF2E26;
+            background-color: #DF2E26;
+            color: #fff;
+        }
+
+        &.with-badge {
+            position: relative;
+
+            .badge {
+                position: absolute;
+                top: -18rpx;
+                right: -12rpx;
+                background-color: #FFE669;
+                color: #E01B13;
+                font-size: 18rpx;
+                padding: 2rpx 10rpx;
+                border-radius: 20rpx;
+                white-space: nowrap;
+                transform: scale(0.9);
+                z-index: 2;
+            }
+        }
+    }
+}
+
+/* Delivery Info */
+.delivery-box {
+    background-color: #F5F5F5;
+    padding: 10rpx 16rpx;
+    border-radius: 4rpx;
+    margin: 0 16rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-bottom: 16rpx;
+
+    .truck-icon {
+        margin-right: 6rpx;
+    }
+
+    .delivery-content {
+        font-size: 24rpx;
+
+        .green-text {
+            color: #2BB40C;
+        }
+
+        .gray-text {
+            color: #595959;
+            margin-left: 10rpx;
+        }
+    }
+}
+</style>
diff --git a/pages/shopping/pdd/list-index.vue b/pages/shopping/pdd/list-index.vue
new file mode 100644
index 0000000..7c96b3f
--- /dev/null
+++ b/pages/shopping/pdd/list-index.vue
@@ -0,0 +1,218 @@
+<template>
+	<view class="page-container flex-column">
+		<view class="nav-bar">
+			<nav-bar>
+				<template v-slot:left>
+					<image style="width: 48rpx;height: 48rpx;" src="/static/image/shopping/pdd/back.png"></image>
+				</template>
+				<template v-slot:center>
+					<view class="title-box flex-center flex-column">
+						<view class="title">我的订单</view>
+						<view class="flex-center text">
+							<image style="width: 30rpx;height: 30rpx;" src="/static/image/shopping/pdd/safety.png">
+							</image>
+							<text>专属客服 ·闪电退换 ·售后无忧</text>
+						</view>
+					</view>
+				</template>
+				<template v-slot:right>
+					<image style="width: 48rpx;height: 48rpx;" src="/static/image/shopping/pdd/search.png"></image>
+				</template>
+			</nav-bar>
+		</view>
+		<view class="tab-list flex-align-center">
+			<view class="tab-item" :class="{ active: tab.id == activeTab }" v-for="(tab, index) in tabList"
+				:key="index">
+				<text>{{ tab.name }}</text>
+			</view>
+		</view>
+		<scroll-view class="flex-1" style="height: 100px;" scroll-y="true">
+			<list-card v-for="(item, index) in orderList" :key="index" :item="item"></list-card>
+			<view v-if="orderList.length == 0" class="null-data-box flex-align-center">
+				<text>没找到订单？试试</text>
+				<text style="color: #2686E4;">查看全部</text>
+				<text>或</text>
+				<text style="color: #2686E4;">切换账号</text>
+			</view>
+		</scroll-view>
+	</view>
+
+
+</template>
+
+
+
+<script setup>
+import { ref } from 'vue';
+import ListCard from './components/list-card/list-card.vue';
+
+const activeTab = ref(0);
+
+const tabList = ref([
+	{
+		name: '全部',
+		id: 0
+	},
+	{
+		name: '待付款',
+		id: 1
+	},
+	{
+		name: '拼团中',
+		id: 2
+	},
+	{
+		name: '打包中',
+		id: 3
+	},
+	{
+		name: '待收货',
+		id: 4
+	},
+	{
+		name: '评价',
+		id: 5
+	},
+]);
+
+const orderList = ref([
+	{
+		// type: 1,
+		orderType: "wait_pay",
+		shopName: '澳松旗舰店',
+		isBrand: true,
+		isFlagship: true,
+		productImg: 'https://picsum.photos/200/200?random=1',
+		productTitle: '适配哈哈哈哈哈哈哈哈哈哈哈哈头配哈哈哈哈哈哈哈哈哈哈哈哈很好...',
+		productSpec: '(小头款)哈哈哈哈哈哈哈哈哈哈哈哈很好...',
+		tags: ['坏了包赔', '7天无理由退货'],
+		price: '35.9',
+		quantity: 1,
+		avatars: [
+			'https://picsum.photos/40/40?random=1',
+			'https://picsum.photos/40/40?random=2',
+			'https://picsum.photos/40/40?random=3',
+			'https://picsum.photos/40/40?random=4'
+		],
+		totalAmount: '35.9',
+		freightText: '免运费',
+		deliveryStatus: '现在支付，预计6小时内发货，',
+		deliveryDetail: '后天送达'
+	},
+	{
+		// type: 2,
+		orderType: "wait_recv",
+		shopName: '澳松旗舰店',
+		isBrand: true,
+		isFlagship: true,
+		productImg: 'https://picsum.photos/200/200?random=2',
+		productTitle: '适配哈哈哈哈哈哈哈哈哈哈哈哈头配哈哈哈哈哈哈哈哈哈哈哈哈很好...',
+		productSpec: '(小头款)哈哈哈哈哈哈哈哈哈哈哈哈很好...',
+		tags: ['7天无理由退货'],
+		price: '35.9',
+		quantity: 1,
+		avatars: [
+			'https://picsum.photos/40/40?random=5',
+			'https://picsum.photos/40/40?random=6',
+			'https://picsum.photos/40/40?random=7',
+			'https://picsum.photos/40/40?random=8'
+		],
+		totalAmount: '35.9',
+		freightText: '免运费',
+		collectCount: 558,
+		deliveryStatus: '运输中 预计明天送达',
+		deliveryDetail: '申通快递：【洛阳市】快件已发往 新...'
+	},
+	{
+		// type: 3,
+		orderType: "received",
+		shopName: '澳松旗舰店',
+		isBrand: true,
+		isFlagship: true,
+		productImg: 'https://picsum.photos/200/200?random=3',
+		productTitle: '适配哈哈哈哈哈哈哈哈哈哈哈哈头配哈哈哈哈哈哈哈哈哈哈哈哈很好...',
+		productSpec: '(小头款)哈哈哈哈哈哈哈哈哈哈哈哈很好...',
+		tags: ['退货包运费保障中'],
+		price: '35.9',
+		quantity: 1,
+		avatars: [
+			'https://picsum.photos/40/40?random=9',
+			'https://picsum.photos/40/40?random=10',
+			'https://picsum.photos/40/40?random=11',
+			'https://picsum.photos/40/40?random=12'
+		],
+		totalAmount: '35.9',
+		freightText: '免运费',
+		collectCount: 558
+	}
+]);
+
+
+
+</script>
+
+<style lang="less" scoped>
+.page-container {
+	height: 100vh;
+}
+
+.nav-bar {
+	border-bottom: 1rpx solid #D2D2D2;
+}
+
+.title-box {
+	display: flex;
+	flex-direction: column;
+
+	.title {
+		font-weight: 400;
+		font-size: 30rpx;
+		color: #1A1A1A;
+		line-height: 30rpx;
+	}
+
+	.text {
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #16B800;
+		line-height: 24rpx;
+		margin-top: 12rpx;
+	}
+}
+
+.tab-list {
+	height: 80rpx;
+	background-color: #ffff;
+	border-bottom: 0.5px solid #D2D2D2;
+
+	.tab-item {
+		font-weight: 400;
+		font-size: 30rpx;
+		color: #1A1A1A;
+		line-height: 80rpx;
+		white-space: nowrap;
+		margin: 0 22rpx;
+
+		&.active {
+			color: #E01B13;
+			font-weight: 500;
+			border-bottom: 4rpx solid #E01B13;
+		}
+	}
+}
+
+.null-data-box {
+	justify-content: center;
+	font-size: 28rpx;
+	color: #999999;
+	line-height: 28rpx;
+	padding: 42rpx 0;
+}
+</style>
+<style>
+@import '@/common/main.css';
+
+page {
+	background-color: #F5F5F5;
+}
+</style>
\ No newline at end of file
diff --git a/pages/shopping/pdd/order-detail/order-detail.vue b/pages/shopping/pdd/order-detail/order-detail.vue
new file mode 100644
index 0000000..5849667
--- /dev/null
+++ b/pages/shopping/pdd/order-detail/order-detail.vue
@@ -0,0 +1,376 @@
+<template>
+	<view class="page-container flex-column">
+		<view class="hightlight-box">
+			<nav-bar>
+				<template v-slot:center>
+					<view class="flex-column flex-center">
+						<view class="title">待付款 预计后天送达</view>
+						<view class="sub-title">请在23:59:27.2内支付，逾期订单将自动取消</view>
+					</view>
+				</template>
+			</nav-bar>
+		</view>
+		<view class="adress-box flex-align-center flex-justify-between">
+			<image style="width:40rpx;height: 40rpx;flex-shrink: 0;" src="/static/image/shopping/pdd/location.png">
+			</image>
+			<view class="user-info flex-1">
+				<view>
+					<text>姓名</text> <text>电话</text>
+				</view>
+				<view>
+					<text>地址</text>
+				</view>
+			</view>
+			<view v-if="order.orderType == 'wait_pay'" class="edit-btn">修改</view>
+		</view>
+		<view class="upload-shop-logo-box flex-justify-between flex-align-center">
+			<text>上传店铺头像</text>
+			<view>
+
+			</view>
+		</view>
+		<view class="product-card">
+			<!-- 店铺信息 -->
+			<view class="shop-header flex-align-center">
+				<view class="shop-logo flex-center">
+					<text>卫松</text>
+				</view>
+				<text class="shop-name">卫松旗舰店</text>
+				<image class="brand-auth-tag" src="/static/image/shopping/pdd/pinpairenzheng.png" mode="heightFix">
+				</image>
+				<image class="flagship-tag" src="/static/image/shopping/pdd/qijiandian.png" mode="heightFix"></image>
+			</view>
+
+			<!-- 商品主要内容 -->
+			<view class="product-content flex">
+				<view class="img-box">
+					<image class="product-img"
+						src="https://img.pddpic.com/mms-material-img/2022-09-02/76b7e127-ecdf-41ef-8d69-a36c561570d5.png"
+						mode="aspectFill"></image>
+				</view>
+				<view class="info-box flex-1">
+					<view class="title-price flex">
+						<view class="title text-ellipsis-2 flex-1">
+							【云南傣味】 头配哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
+						</view>
+						<view class="price-box flex-column align-end">
+							<text class="price">¥35.9</text>
+							<text class="count">x1</text>
+						</view>
+					</view>
+					<view class="spec text-ellipsis-2">
+						傣味头款哈哈哈哈哈哈哈哈哈哈哈哈哈很哈哈哈哈哈哈
+					</view>
+					<view class="tags flex-align-center">
+						<view class="green-tag">坏了包赔<uni-icons type="right" size="10" color="#fff"
+								style="margin-left: 2rpx;"></uni-icons></view>
+						<view class="green-tag">7天无理由退货<uni-icons type="right" size="10" color="#fff"
+								style="margin-left: 2rpx;"></uni-icons></view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 联系商家按钮 -->
+			<view class="contact-box flex">
+				<view style="flex: 1;"></view>
+				<view class="contact-btn flex-center">
+					<view class="chat-icon">
+						<view class="dot"></view>
+						<view class="dot"></view>
+						<view class="dot"></view>
+					</view>
+					<text>联系商家</text>
+				</view>
+			</view>
+
+			<view class="divider"></view>
+
+			<!-- 底部支付金额 -->
+			<view class="payment-box flex-align-center">
+				<view style="flex: 1;"></view>
+				<text class="label">应付: </text>
+				<text class="symbol">￥</text>
+				<text class="amount">16.9</text>
+				<text class="freight">(免运费)</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+const order = ref({
+	orderType: 'wait_pay'
+})
+
+
+</script>
+
+<style lang="less" scoped>
+.title {
+	font-weight: 500;
+	font-size: 36rpx;
+	color: #1A1A1A;
+	line-height: 36rpx;
+
+}
+
+.sub-title {
+	font-weight: 400;
+	font-size: 26rpx;
+	color: #DF2E26;
+	line-height: 26rpx;
+	white-space: nowrap;
+	margin-top: 14rpx;
+}
+
+.hightlight-box {
+	border-bottom: 1rpx solid #F4F4F4;
+}
+
+.adress-box {
+	background-color: #ffffff;
+	padding: 24rpx 26rpx;
+	margin-bottom: 18rpx;
+
+	.user-info {
+		margin-left: 22rpx;
+		margin-right: 56rpx;
+		color: #535353;
+		font-size: 30rpx;
+	}
+
+	.edit-btn {
+		flex-shrink: 0;
+		font-weight: 400;
+		font-size: 30rpx;
+		line-height: 30rpx;
+		color: #DF2E26;
+		border-radius: 8rpx;
+		border: 1rpx solid #DF2E26;
+		text-align: center;
+		padding: 16rpx 22rpx;
+	}
+}
+
+.product-card {
+	background-color: #ffffff;
+	padding: 24rpx 24rpx 0;
+	margin-bottom: 20rpx;
+
+	.shop-header {
+		margin-bottom: 24rpx;
+
+		.shop-logo {
+			width: 48rpx;
+			height: 26rpx;
+			background-color: #E02020;
+			border-radius: 13rpx;
+			margin-right: 12rpx;
+			position: relative;
+			box-shadow: 0 0 0 2rpx #fff, 0 0 0 4rpx #E02020;
+
+			text {
+				font-size: 16rpx;
+				color: #fff;
+				font-weight: bold;
+				transform: scale(0.8);
+			}
+		}
+
+		.shop-name {
+			font-size: 30rpx;
+			color: #151515;
+			margin-right: 12rpx;
+			font-weight: 500;
+		}
+
+		.brand-auth-tag {
+			height: 30rpx;
+			margin-right: 8rpx;
+		}
+
+		.flagship-tag {
+			height: 30rpx;
+		}
+	}
+
+	.product-content {
+		margin-bottom: 24rpx;
+
+		.img-box {
+			width: 156rpx;
+			height: 156rpx;
+			border-radius: 8rpx;
+			background-color: #f5f5f5;
+			margin-right: 18rpx;
+			flex-shrink: 0;
+			overflow: hidden;
+
+			.product-img {
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		.info-box {
+			width: 0;
+
+			.title-price {
+				align-items: flex-start;
+
+				.title {
+					font-size: 28rpx;
+					color: #151515;
+					line-height: 40rpx;
+					font-weight: 400;
+					margin-right: 20rpx;
+				}
+
+				.price-box {
+					flex-shrink: 0;
+
+					.price {
+						font-size: 26rpx;
+						color: #999999;
+						line-height: 36rpx;
+					}
+
+					.count {
+						font-size: 24rpx;
+						color: #999999;
+						margin-top: 4rpx;
+						text-align: right;
+					}
+				}
+			}
+
+			.spec {
+				font-size: 26rpx;
+				color: #999999;
+				line-height: 36rpx;
+				margin-top: 4rpx;
+				margin-bottom: 12rpx;
+			}
+
+			.tags {
+				.green-tag {
+					background-color: #49B113;
+					color: #ffffff;
+					font-size: 22rpx;
+					line-height: 22rpx;
+					padding: 6rpx 4rpx 6rpx 8rpx;
+					border-radius: 6rpx;
+					margin-right: 10rpx;
+					display: inline-flex;
+					align-items: center;
+				}
+			}
+		}
+	}
+
+	.contact-box {
+		padding-bottom: 24rpx;
+
+		.contact-btn {
+			height: 56rpx;
+			padding: 0 24rpx;
+			border-radius: 8rpx;
+			border: 1rpx solid #DEDEDE;
+
+			.chat-icon {
+				width: 28rpx;
+				height: 24rpx;
+				border-radius: 6rpx;
+				border: 2rpx solid #49B113;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				position: relative;
+				margin-right: 10rpx;
+
+				&::after {
+					content: '';
+					position: absolute;
+					bottom: -6rpx;
+					left: 4rpx;
+					width: 0;
+					height: 0;
+					border-left: 6rpx solid transparent;
+					border-right: 6rpx solid transparent;
+					border-top: 8rpx solid #49B113;
+					transform: rotate(30deg);
+				}
+
+				.dot {
+					width: 4rpx;
+					height: 4rpx;
+					background-color: #49B113;
+					border-radius: 50%;
+					margin: 0 1rpx;
+				}
+			}
+
+			text {
+				font-size: 26rpx;
+				color: #151515;
+			}
+		}
+	}
+
+	.divider {
+		height: 1px;
+		background-color: #EFEFEF;
+		transform: scaleY(0.5);
+		width: 100%;
+	}
+
+	.payment-box {
+		padding: 24rpx 0;
+
+		.label {
+			font-size: 26rpx;
+			color: #151515;
+		}
+
+		.symbol {
+			font-size: 24rpx;
+			color: #DF2E26;
+			margin-left: 10rpx;
+			font-weight: 500;
+		}
+
+		.amount {
+			font-size: 36rpx;
+			color: #DF2E26;
+			font-weight: 500;
+		}
+
+		.freight {
+			font-size: 26rpx;
+			color: #151515;
+			margin-left: 8rpx;
+		}
+	}
+}
+
+.text-ellipsis-2 {
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+}
+
+.align-end {
+	align-items: flex-end;
+}
+
+.upload-shop-logo-box {
+	background-color: #fff;
+	padding: 24rpx 26rpx;
+	margin-bottom: 18rpx;
+}
+</style>
+<style>
+@import '@/common/main.css';
+</style>
diff --git a/pages/shopping/taobao/components/list-card/list-card.vue b/pages/shopping/taobao/components/list-card/list-card.vue
index 4c93d67..b470c18 100644
--- a/pages/shopping/taobao/components/list-card/list-card.vue
+++ b/pages/shopping/taobao/components/list-card/list-card.vue
@@ -35,7 +35,7 @@
                             <view class="goods-title-row">
                                 <view class="good-info-box" :id="'title-box-' + index + '-0'">
                                     <text class="goods-title">{{ getTruncatedTitle(item, index, item.goodsList[0], 0)
-                                        }}</text>
+                                    }}</text>
                                     <view class="goods-spec" style="margin-top: 18rpx; color: #999;">默认</view>
                                     <view class="goods-tags" v-if="item.goodsList[0].tags || item.goodsList[0].tag"
                                         style="margin-top: 18rpx;">
@@ -118,7 +118,7 @@
                                     <text>好评</text>
                                 </view>
                             </view>
-                            <!-- 单个商品的售后状态 -->
+                            <!-- 单个商品的退款状态 -->
                             <view class="goods-evaluation" v-if="item.statusType == 'refunding' && currentFilter != 4">
                                 <view class="left">
                                     <image style="width: 24rpx;height: 24rpx;margin-right: 8rpx;"
diff --git a/static/image/phone-message/oppo/add-message.png b/static/image/phone-message/oppo/add-message.png
index 56ee98d6a5048fe9bcbb516ab8b487466e3d693f..bee7f19f998318d4aca8d08410288e989c4f3116 100644
GIT binary patch
literal 10886
zcma)CXIm3ruuq|c77}_VKtM!F=pY6{XrcFx2#9n95tOC|2vyY3o6<pwG=T_Gq(r3(
z(xnN4QWd3xAUFT}1@3*Z&+fB3XU>!}Grv7&63tBXnCN-v0RRA#K2F;L002V%yC5`_
zHzkKY7XW~SvA(vZRp{)`7YsyqPwS5n9uLyoU$%KFF=&Um>xbfCFpz<cepiJx_5@HZ
z*%0ZHsH4MXz`$Ok1BqiBNz%5_2W3lDz>Ukq)N;OT{OaGnX4DsLkH8zTB*1Z{^$6Zn
z$uA3s&(+RDI!{g`>;A5{zWMv8!cvFb@91a5$oX*Cqh=l|P!t9MgZ!Vjo0nLruTX)2
zTmX8AyF%2c6b{G;DFq?cGp&G7h&ydh^lcsXWqK+L0M}cQDgZSV3nWf@0>}(;Pe#WT
z-yoeg_hW;P1!$<EM~l)?Gx}Z#wx}*GaR_K3I^@za&<q2J!-)sqx4RGG08qPccM&-m
zJ$&2fC)*1t-*naAm{Bp_+k7v`flI>E1hEqbA{e~eqxWUjR^B@OjWViwWCM5B`%{m{
z7|_Sh5M3{6qKpE`aY#IsyL%V$665RkV_F{#@lEq*v;VGh5LfA#@E{9S)M|!l!U2uj
zjeqS5Qr98{^vqo$7~tiMkFYH%0#=9t;^C{oR%YLolH~~p(TB1Ti@IIy%zgvAX+d*_
z4?OXorXS8!3KhT^GGKwh@el?Kh=n@d72i!AYlkQe`@_1xSph6y2R&`-T8Hwp!Em1f
z`@oFec-Zc@fK+LX1HGWhVGOYps0%LyAQ4(oF$|0iW-3H#8o12GwyMTkV`Yn~6IFAV
zJ{?n@C!GGV!hd9yyG#uNTH;)8c+?J{XFl!WtHT}B+f$jmYZK6sYbE#GN2vF|-mvgh
z{ulWA`a8GR<Hx_XUxuw{xBY4Dzqj&mEFLE)f;OI2+z;M)v~n?Weim^2b=UK^=O0h8
zg5j^-U*CW2|2jPF($;x`b8!d84whh?L8-p6!ZeK1;sm^Abo8LSirhKbA>v2z^}*q<
zFZ>i2)xT6eN_PICw86RYUfo2dX@7UE#IfMP^LLNmrFH$e(@E3G(OJGa>y#hIz#(l$
z?h?LX2H*f_VN_i2`rmAi1tL_iH1d+`Mg^uaE4=rbd6YjhoZdhOEU9!ne@P#s*^+Ni
z8(UX7c|0(sIQ6w_`Wmd3KtPJ2u<i6W)*A#1@$OME)mPyx1}*K>bQCEiO^qirkJOt<
zR*$$lf_JjLCN*qXVC2i!_q5v{CbvI*S1mQ%E_q^nHrHMcp^Bw@d>e_xVt_cr2rPq;
z-ji6u-BoxAZu{xsY;D<(9V1e%;Oyk>d0m;Q-i(-Nv_hE5iLv2u^@;Lsz(OXKF#~-i
zXiQ2Wkq(#4#OKzv#31Tq78nbC?5R;S<<p*C_*?e$aRhUR5winJLP_z<w6A^dG9Job
z9IgtqU{hdrgg60v%G>~`W*E)o^xsiY)*XOBdCv(4PmPW#@AiAe<6fT`?gkN}md4W}
znU9^3M}!^Y3w3=u6ChhBpH6-&9mZ{F3C3#D62vHt8rpP01Vru8|2*{!7kw|S@cCo-
z(JFtUZ4pM67m!4B_b{3P;*!Prl0Y#zo?L(!v)qa69=}-ayw$H<rX%rQ$o~+CnJ$@m
zt9S5h4{iAC#X}i?QA=L&*Q=LCov2mZnJ-DI(kN}8e6Vl+G_fbHdDPu+b57;_Z$<*L
z&}g#~6Um$wQR(73Xzos@2B7N_Vx<_QYj*J*B=_sehRpJUNPaLM)*|hf(88cY#3}Xp
zUtR`!3@8v1rzOcXbS;L>p#HOfaq|7QQ?(Z%b;40*!Xu+Gzr1TKFRE7s1Sc`FuyB=K
zR#{3E0OG|_GrNp_6>mNpVPA&PH46qT-IBIB5!mZ6`PItKlCND(_aA2*Gpz`ncN}ZY
zDfRrk_J_ax?Oj^qJ4W|%1;0fEFsViA8&Ryc409-}7Zc)lQF&X|mKo~v`j2(G<o$Am
zfusDZ3ODNV<5}5ANDr?JFcH8<My|dxf9<Zdx?E|q0^k;}VpXfV6pBQ1L*?(Xf(u96
zDeg#KB8qWyTNI(XyLxqBe5l)*9Z-DUGic9)*0C(T=pGRZ(<LFxtH)CA@3IgpAbfB0
zBV($uMc*9rIqg)cHJy9Erpi8Kka71ua6C&swig{S8Zm8=;4k9O#*?$Vgi0eTd!x#k
zFU<|dtb11&>}c<~$jS16>8Sr#VJnFnxrw-6OTNkvqYQj~L;pzFLa(oQW?j?r1T}in
z;>ldy-L^dn%P!GT7rXVOt#{ZD_hhcc4?NBMIyh2)aZS{02C;l47Q}LsG5(}OzFFyK
zq~FcB;!_8W?h(1Lay%K*Rg`IIw;bJD4u;mCJ=4rP8sB)rWoEqA?>sC&^Q$4wFcP#g
z1HmQVL}Owm*u67R2gK+@m|66eV1J>&2Sdf6Q<TP>`!qoysKua&)J}zvjSDQy_-Q5F
zMk6y;@hnBTR)1;_%p#I~A5v*^d{yLU;1bwP;Ju;3u4<y*iM^hdaOsv@`3ehOT>Ns5
zGM~yTJ0B+om1J(@dX8Q^ZxInQ7KFq1F+fkR#YTg9KNjV5bUX(;=Qdak=o6XtHSbtu
zuZXj-0JNV524={QcP;lV<~TQl==$%NIFUB9(u}wJ856fpAbkMD?smwG%|I}L-4CK{
zQeeN*C}loCNM)**^7}#n(8<pShB$e|P$6d{5^C%SU9Od#c^pNZ^u}hR{=-)8tcm{a
zQQEVmqU{N6i&_#Y6KDCo7As@Ue-)e=D{7Bk`yZnd9a4yRl@8jkhu-o#E?dN=?xK!0
zC!TNiAN{DUau;0YTzKzbd#3JeFepY6@tkl-{7h-7s-x?$>T}fv-Y*{p0U_2((APC8
zLav`~uVysy-NluTsF7_X_tj}1j<#>#s%#L<2P=5dr~8$WGz~px?hUCYwoCB#>8(!e
z5UHVOoGwqa9)Iwyr=#a-%t`VWYv8ZUkzhcYoenj8)igEOG}Ik7HaoQ{r;9)N&=__@
zC|Q7~r2pxl=vBc90=cWAg_L99K$z2cq%B(%>l^F{>~Vs7{@`C<9_#&gNisXO+@4@K
z_nH}rNA1CX(5roYI4F&M@(s%%$mhWy=rwr(sop5cvDr*xvKNx&1=10Cs3Vwbfs#OI
zb6Mru_ziqrPhU|^x?h67K7kNW&)`fZvZT%3Q`_cclw#wvT8w&w4av1#Az$%QzZCk}
zj5DCb;sipSs0w8H0i{Dq#&4jv_tyBs^D6Gxh$)OTV*c{J?l?(!@LM=;Y;TEPYUu72
zw#gIV*zqr_Dh`u{M<eVDw59?(xvx)tFD!5_Je2*F(xh8Z&2x?Clafa`{3<fCh$dV_
zc&;+0P4uW=)EM2g6hEDN%FET{D2NUzzS7@6eyJ^>W9w&&9>=XY1HT~-pX_sZn4;Me
zE<{g9yaJQ?;X_(_sa%=z(lIp3<IP(_2gAIGZ_lm(sllI!`YZBU$?QoKXUcGd3PMra
z{;lXiyVll_7@B-U%qPf#VbquBrXpsh$dQDaLAlaxRWWDnx2}?vH^(Mnw=xw1%Hk)#
zoMWr(dm{h{`a|K(qxu?ACC^NCEuM<k!FEpp$lX5zSl(hQFU`m5Vp*HEu3QXwu1_fs
z52{nY%Xw75$1sW?oV9_AS~x8>bcM}1XjfoVmJY+X;m0(K(NW5pamIn!+Y_QYXgk(4
z>m2IyK9<bCI6Xi)0o?kCE&2X+f<EGHj5(8BS~9|42V$E59ws;=xo*yv(#0`mozN0$
zL|i0xdfNAA<>S+$xb(*}IQv7s?j+q$i&_{pMU8B!o#pElP5_vi#b>X{uNk3mi3x~*
zuYkOa@VogKtEph5nD66ZPm`w2g4hNSOl|zS{e|S5i&>9_M8s2l>EfCBm{xU@?*f@G
z%Y9y)2Dl;^@H73I(xh%O$HD8Dtx-P7ci~@XUq>#+Ovv_=ofobbculLJEC6ot9SP96
z;&q)0Gm&ae^JORP(9jf8kdUZY0K&~O8q!J&C}wO;K-%{!Z5Y^<{}I+j4E24C$Zj5T
ztbcsZXiwnwPhhmu)!fe)oLrXx=1-G!_fC;RE^`xu`5y@>fwnp&YT>lMN@e^#{s?5|
zjg->H_?rW??f0vjKkc8yhQmdu6RsKLkp`$!a+RPLK;tPiq?Za|Aou+QG3WmEF;Rl&
zedaYiDws#;a&BwAwX}n2VMx#u=9|Ajc=5?dnlH$?^5){@yw5mZk901W>-S;FGUM)u
zrQgwB57d$=Ir57t&zna7xCppvEVrnM)d0RP_qqFbUJ21l0mVTUZDF!#qMl1SK)ZiG
z#UbM8ec}^?ego3R=;0QZOmQhbA>b*!Jw&A0dTS9pnb+FE{sDqX55{j@*Ec2n(wUj9
z)8ZVkYVwvqBm5X#Oa0Atz0>|KR;q69p>zSo>Bg4sdHsHIR=aF(OjJ1rl933%Ve^I#
z<{zE3oy*&AL(22@EQ3{anepOVgtg10&tw~R<o*M=eYo(U?UkY5_f1csJ%0|=v-|a-
zGP9Oh-7sK6(ALB)u<Hj0ZBv3jW8|ZdD(;PHPSO)|Ql+u=>~<_?+w7AtE(E}Q(}(7Z
zm&VYjVSepp(;M054L)(au<Oi-;2qa-x$KaY!Xq=^pAWD81kDrRAlUb*Q?a>CJg4hc
z;tZS3>fhXQ1IC0zFHFUmR_0<n73_)a7`R1{hN8REj;CWt9Cr~KzF>vVuDBN_PYUm*
z6I|re`B*<btN{g6d{_JNi%l9zYcmm2>0#9}&z<!sq0(6;TrgGZ&eem#jUOe^Kur2|
z(}o(c_$~6GHrYyEf-XVfv1@6+ami5;X<jAXtt|$n4k#85ONjAn1f$_3x)FuP?gk7A
zx2X`=-p8u<@3MV9Zcj8h=im|mm?y?ver-*%_Z**a`hY4aUHPi|T~Kn^{Pcs*B;R}G
zu(E&iiT73p|6|C5_livPCl$nx=9T-cc@mQGwk~fQv(I9xBT{d+n(SfU{$cJu1|(D=
zCA{YjViSLIe6hBd!;nSAwV2=M>}4o#h`lLyHrYFzxd33SZbc1wlk8>9TYvOx9Yd!t
z-zk>6t?KU;(L8Zc*iK8G@coq6H58zok?v1ohJ4o{A8H)~%;jW+U!E}dH$Pu=_P_nq
z;v~LR{^cb{%bnQIK-eVDd~UeR+%M8KLaVnyEH}wIm_2W>&pRUh);}!0OsXUbTzrQq
z8H%r%abHvPYfEG@bk*&1(j`e*vQrV%AHh=}&CGzPtWnVJbwGm8&p0nW13-f-kdPif
zqp%Ch0BI}tQh9El#Zq{kX@L@Cx+r8xz;6t6h?%$p(pFPg!g0tkyXu874eX8j!&lCN
zuszQqV%s6$zd7v^{s87~3&N`NTa(X#vgXd1V=)!a=I>4Puz?67AW8rNC=SOT=R+V5
zq;Hx#dTeb~Y}>$LolH~qfQHXtatakprJEODk*ofJlsEHR7l;?P7ZARLfiSo|<;IV)
zrauE0vlv^P1))QCLpd#yuZ3@FX8`Vn17JVg*JKCjme|4C>S_o#-S%dxTR$nNrRr?b
z1sunAg>h*>!7%0LZ9}Va?(^EN+X>rOevK!GUcpG_cX+Zn-N!w&;KmStCgE{vr`Po{
z!QjjZ5DW$o*1)9uDQh2!9PW!YFRLK{kiK<L4~f@J{{3z?zxovsenhFr;gG287!)$~
z1c-S~gFvu@$s7LonNgeNyfz`f!J9)OC%P=KTG3{bsB8?rLOW;g=}N&)e)$C^DJAWt
z={;q^&bF(!Oju#H-(|zHuEtX(Bsu|#)&#M@?zF(jyVG>AiC_!rl9u0xhHnGf{_d8t
z*?NTZOI^INncaH0bv<CGbN%pf^|*NRBADzHASS{E%QVoviZM#Bj$Q_9_vNa7M+aV-
z4gaQDILY(G!g`#R1yj#-MMl`;+{p$L{E-?)L8v$F81NPI^)}UaF3m{;Qb_s(Z{ma0
z5U5{F7^{H!IogEL^K{YMnFEVRc7}vWP0T3MI}Tl1jFnLxKY;85W$*(+;IN(eZXk?(
z{0I!w0%_MQv@_CBD15x7zDNROB{5C8bzQR&fMN&VoxC~#B91!2<lM7Cfd*eeR3|Gj
zU>K#y*$;tF7r_V#tL|gDIm)0WSjiv1sw;v~e<*x6qEveRBV&MF@zi*7`|OfSBtTnd
zpVhAsKqm5(`7n%|KKGlhE98Ad|ACg0giMV|n>!wPIwccChZ^5_k3$oI+nw-413)o7
zodJoG3z{65z3r-P`;Tui`U7DZTw}tH#(www;+pS;&POo7#@9?qdH1^klzi&DCrz4E
zN9ab*x3MwYOwH@K)_C8xx&c5*WCO4KO8lx5ho5%$WLvy?Ziz31HY@i+fC;HGNnwrb
zFgsP-p)m()h|i4&a5TV54v_G=XPIr-rQME-JR?=Z|84fKIs$5{;az<F<1QDV_!WQp
z4HsS}5V^0eL-1R-YSl!)a)I~*(PTJYyps0LEl`3MHQ3GFWNKhzy`$!y@0iF$<XG(m
z3p!cPh4^2Ef|G{Hx_=L^3h3?pJYMd2AQK(%Z#k!+*ka7{e+dTi3S8&5!O{NrjG#Ni
zaG0*B7XPDKaP%Y%<o1n@u+2)V;bWXNbR3BIfHk!Yy~8x;@$S6?i10dq8glC*EK9`@
z3}Iyn17Tyi_h=9*%%5v7WYOs>C?h~IGW@x}T))OTK6?k~Rs_JbESZI4vJ(whVG_)D
zCM-6afYFV;+dWdl*9rs%rd_fD+WPyx%^5jsmq?YiC?qCZ^izq$KTQy!CfZyMGZ6=(
zB*ghrAXZc&jWj8MAXRY}5L`j9GVUFZ9Zg`g|D=)G;sls{HVTjp)~AIurZ#w2y025R
zL<Suq+?ha=Fgs?SH5Q{vw?c)uXJ<Nf^@-sdAojapW`sPKM|9Az#kYCJ3Ks&P*v1-z
z%V7MjgTvdc11X9*-T3ug$Y=1$U9qdfjxL1&GE`Zwre5lBk2yXZZ)W+NfdeDHBUBnK
z%YvT?0Fp7;4Lg5OTC@ZQzFyf}o>_;{@~hSwgk9m;;Y-uEz0Vfibxi)zAapGRMRt~t
zSRE(!m?he?w}4nC@5-~@Cp3uD<@f5U?I>WwyDB^}w`^=xhz+rSa98gW7Zo|hJ?AGs
z%8G))+T+z`XlQ}1uW~H$xV%TGyi!WB%SQE5Y2)<D*gUfFX09K2)`T`SG?_QieL57B
zm=fVKcazu1&peis1%cgVu0^LSVbTj@<Q@nV=k<ado39Tz35@g38}u2|30HYVf@vu6
z753{JZ&T|jCoAs+ZPUJ}to@<c+j14db#&=g#lEP7*3^iqm|9x=cz!s2h)wY-1^xcr
ze`WgmCljEDZ#2nXe$CJ<vpz<y)>VQF*0Y;EvjD4_S2g8cwOJ`^(m$qR<ivA5Ju=hi
zrl93~=S8D7aL=TsH(1-7r}Xu9-1-ld(-%XxwiRjKggcYnRz6-*I{;^oP|}6m{m+$;
zvi)m!(0;t5vufjSrmyL?w|$=nrkEDXi7~tKo=?%f86x>oLu$3|mp_F5oCc81W~=(A
zSn|?(9*2!kdHO}msb81@F{O0!es{US{?iVvmcF@FQokO~u3DT+SSbJ!glz{tn@w5!
z`Of8*l<t;O%5UB~9Itb_0L;6Gkrxqpm)m3Rpnd9IM`0}YS=a5HaMgB7K{MMa>iGN3
zf3Y`u${8&<<NR~$(eEdrZOio~_`c2(3tDn{Jw`Xg+Q5HWVu<)wf>kE^TaU?k5Z7x*
z!E0eogkJB{k-1-;d`Er7O|qLW5}#bgWG|%s*e{1dCehx~37@kjPHCD9@*m-{;_La>
zw{izZdl{Q0oap5zo+dPZOv`AV+7FvpKJ?~ly8gv5bblfdh?&20wzt3#@Q&&T_bc~I
zVa`TFwYB``Lt+oZtv41Fl>AO5*ZW^F8@}(3bT336`&PnwJYCAZ|AoKd@QsqtKW!*K
zFO$~zo!7>qq+5n2o5SWs3u#3^Cq?t$;qKe$nqSYT%}*%xu3FQXANshjSo<EqsqidH
z(kJO{oPX60I(s>`PE}&$S3kcx_-1JJ@0-=!7TK<^ink)*SN0LimR}ktj{~?=6iOBi
z`O`Q>m2Qb$I#@^(8aD6TeE)gVMrK#$ew>1_J{n$Y9ekd832h{>>fm$6jdlsP!;VYL
zeJT(uiZw7Xc#&4ST3UCcdDSg|3Xn3A5^0fLl=($~VIy%ytp%rhBux6Dpl-m-{qaEa
z<^fw+p`h^(Dddi(R9r(%=6FZ^&Do$?g=L*L4$C@+KDy2n1nERRTXCjB&t#1z4!-GK
zDv}*gN*i(%-*I&o_ph4Q%I{!iuXA3#>l{~|D|DcZ%PTKM!!2|~a#~7;Eo(l!aXlXG
zs(SzCiwDbGiUemo-;1=dAL5Ni-PRrACnucmLBj4-*Ze)p#viNr3O4sSN4ZLSEup5`
zDsS#O)g2Mv-j#DZTE&5cpP_o6|F*)nXzmJMYfZ2YAFYue$@5ZFkL3hx`XvbSx;pCn
zi76cg#(Y-gp8XqGXs~vJ4VWN_hJWM}9eMIQN%xzy^v*x;&4f0ld@8G5J_z(p!;^ij
z$HW2Zxx$*JFr%&KLu#t_+!(TSqtxu<`U9Qc;I&59xhK;^+4*=*kk9%9Ki<SAlJ@Pi
z57v579q~zG;tTkM1L2{3h`jyAfKH2&$p+mZa$@Fu-=X^79GmAuK^f{`-v>_TfBh&s
zI`vPo6ZIXZOJ$A_FXs8%xIXNl(|KSUx#eT&*ZkR;9_%T$Js5LyoMJ~$xR|<a%E>*A
z{~ev&p-v`^HYUE@@1VV<`~y21HfRu08I)4i^rfcr2qx%JdLSIh&LlrEI=y08qzg*?
zA>XgEsQ1K*c}0|a?tSCg_ScW3dM2oan}r7K<CNk?-mK9II+^mD|6BO*%U$^C4_|p#
zRnN;2wfY_K(wYyAl|LTvJ7+fhyx&qw8Vxo1DzHE5Hk_LMd@DoofLz+z;4p;V<~7_A
zQs-Re0pD-FF~^cw%vto}yZ52)I&q0GL0?nlJI$P`o|NU`lwJ^Wj?nm9LvE&_ZCqO>
z-r=hA6-uUypV7MW%^;5gssFS>HqMeA(T*>tq^dVKo<x!@&RZSjdGTbsuBd!PjXnRc
zcpaf8mpS_#YbigleYm|P&xXLtyw;u81mZ7)yEh2x(Ax}(r8E-MiFsR`eqk)3iMo6+
z+7tVuWy(It7c9eF$MjZ8N%9RE3S#cv6UMS+b}m91qpFnu<h11Yp{#xgi@b#<4yG96
zoU_v9(lj7w3JA<*GVjcfA0;E(<6T4H`9CgSo<K#2Og*8gQmh<IWsIB7xz95qbTeGg
zps>Vx0Qo>eW3DFS0PEGQRHUrkFx(O@u>ab_%W@(+g83vIPI~>4%?H)*-vJK?PZr@L
zsd!=5%IksY8k+Kx2@0B@8;$ZSDGt)N6#SkUE-*x1?IKll#iDMmqS-7z2l~IDXHvxO
z!ofs@Z4>(7>aN(Y-fdm$mvXHS!Z$<u8x@vesrMmFQciQlAKHV=lR1|qA`EE%#VMHO
zT+b9D7Ruf^9o)<70LrunPdZpW;?-zd<^Is+dL18ABQy{W3vjo;o7^7nC(qMKDBIAP
zIkbIyDl#QyY$f4+IgI5+qck$+uW~30d(J?q=lhYNP1SWz$Lzqs1GSk$qto_y$)fiO
zAmIYdS|W6?B$GzsL3~+fv57{o-motL<F=9P`MF`oHWlb5Z=I;D`A7bnCp#7GgHPD6
zu;y1GhE@D&7Fy{udrRxt+aTy4JfvT5=<s%^7cXf7)6B#Y@m(>*+4S4co;ULNz{*e~
zNvGxeF3-IXuXrRnZ<YIG2~qoOP7Ok9tCe2&V)j1F1UKnM2AUH&i(+|dX(Tw2Lwo3(
zh?G#)gDf~w{b|N&+33z*<C5ptBlV&{)X3z1clR{xJH6Brnr&5Q{np4RjYP-bSVmKF
ztae?FPjyejU#B4Nuh?)wli#x`f#2MNcCvT_^bhr_){65jc~oY0p)7onOy>4k-N|%_
z-2-8)hoYNMQI>`=E_;$`@=j~<K%skf{QVoL!8b^EIM!hYZT&gy!8?Bg?KZ-glpU+s
zS@<~6><pZIO2SKk9U(oLo@v+Cny4zVEcLQ~33j+w_PLctxK}~9qp$8?m9KlTu5jm{
z?&t4@Z$C!XrA2hk?(ra1){V`=v2rxf+K05~$JZK#Bz!-vW&?%463V0mUGLd{z<k3Y
zkyd>T#otAbWxfQRU)s31IEu^{Igiz1k=H=ChUj|iCDlZ{ie<av&?!U%)wAg8o|NLA
zgHfxnjq;|@ut-dd=2b)zM~`sX{$G5$48vHT!^X9sQzk28{rC2KqRAcWFZyPfa^`z~
zOh%giJ+h5*HJ@8^fjZ|Ho5h2cT$Hr*w^m+v0gH4rdz}`g4PCpF)1RS)it0Wovu2T=
z8p?-x$B>0<WF2pJMl+rjR4P65(L1v{r1Q!62MN*YlxxkBR$1@IImVZ!6DO3l^aD{>
zI6UO7W^eb)Ze~l8nADmyu;^FA(LzP#7=NL7s-*8Z51Pw13SR!|d?ea?;W2WZ2C!X3
zRz7k5^WT{i6^$dV$n+Kmb-XbcDs&FLIcxHQiNzbs<oJmEDuv>D0{3kkMNxXIBe99o
ztBq`Ly;j9$Bl@~tj+9jP*rv3d0mFe$ixl1(3zlg4s((C++c6KSJI>!|rJ<(jAXH9~
zH=JWSnFjm{piEc%0!PzQ8-eFgkzjyH$S&L&w>?Nh*C-XSz{NhT1#Mojh~=y9=ncz!
zVh|5{4?5Rzy0sE;W>kYdk4rSU88U=UN~0PSiIho==sEHzT2su{$61$|t=Uwt{Ah<;
ztc%Qv@ePSpc&Th(VSxg)n>gXA&-%bDwIsg|MxWc|si&fT-_6k5OIi2@&wqxk3I{&n
z`W|TmdTn<i$!WPSBi{X4L?)Xpg1$bc7I|KuA>)6}bSfs^nC!hp9Abrf??HbH(62wk
zS$@HR=^AZ&7*+SZ%~;v0pPmr}!X=MfG#_bJUiodDR`cVdc*9A-J_}k7>k^7QF>dE-
znG9tW6}WMFyt60|p_U)1_W}0i($JtwQ4xG&JwkO!)a~*7>(ADqKo$>Yw+7G1@OOk&
z<LnHm<3sGO#PRbuouD@X-v1;zjGouEG^V22gNK8E-YC8J2mB}1AMmZlL@7XXKz>Go
z%_9T56M$0Ilwt%zExdp#j6hfz7E7<Z?;+7B<yce8i*x?<U_Q_6oP|X7qZoc~z0eLW
zAyBnhwEufZ-sei`i;aSkN$*Gctd9-%zb$C>w_p7HX)g&@G4a1{7-W3^(ll;*VEVa}
z+6B$I^2R&sFvcq!sBCun%kZ#@H@VI?P`+X!0W7mG{f*5!fv?(^02nqv;_WCR>LsSE
z*07Py$M=<7T6U^lQM`as9TuePc^bQ)b*$WX{gJ$kTiN!-%XOK9s~fhdoXwUl(3@M0
zg5P!wI@3Dy>Z0mm>n^t{3BrN{x*0{0&s-M)F*C>R=_vn&lrbxh#lUqC^gTe>P`$_c
z3&rIFc{8X_3o33%R937(JTsfeq}GV#D|(>>D1*uGh4wYj=~K?>S$WRM%!;|d%9Blp
zm;cuGZO;TNG`GUT6Pd>c&qTvh1QF-Xb?xD^shG%DM;BrEe+!%^l*4`E!vvFe{~oV4
zo~RwS9jl$Ro$wfmuM3f@XsE{>TfV>zh8$Cg;Q=w5NfRSAGxecN_DjTaH#mm_0G1I;
zZl`8Z3UEUM*euo?e5}ye_N3TFLobllG`sPMs7cAGXLdmV$W>_6akRTI^_hkEGN||M
zN8gsqh_3(@0LxqtQ{{?90SN8mS8lPjHS{nsPm<2adIQx9y}Un~mh;xO!RL?U1Ov$p
z(@Ujy<ERg&Uvi%HXr%Sq{haBND%fKVQ_VV@q(ka656~_#h47q{r(l10Jp55ir<e)P
zm;8fZ90<y8>JYb&!x6KY@dS0I@amEV0|U3*LgF?0@oGDGYHqmOI3bpb@rpu_*+$z$
zNVXX<h{1!aC`NOa%LqjYNynA6t8cJ3;A_#nkqExm>GCP}xnyy;D+m6>-=ebqg?5bu
z!7EU^_54^UBR`K)pu72bBc~Lm<qMFSmuvqE9V=re(p{Wyp9l&BAjz8_fXqlN7J6B^
z2vc-P_Dxg|1iddn&(C3DVM(ur^lAa5zRU#>T@bO%7Gs|Y(K(S5ti-EaRxD#wG3ma6
zVNB90d<m~?08kP7M73BUnT>fS`KXPmV4Q0_TX;5|aYt4UN8HRc#*BA%A^2WGLaES&
z&4XujRO4F29@>uhZli0nSh~y4>#fC0wO60l3xArYqNaFa@jSDL_&ba>oaL?-&i(B*
z`i#+ujwD59Nxv?XA{&AQkjaM$)O0nDi9Wr48W0l3D8^NaEFJVsh>DRa1@L{Kq69kD
zry?i=>)%Sp&o)rfq6v=OFlP*9$JX{x#nEd$Rk_A^SwS|$JfcWz;!t&uh6>57d3`6E
z8WMh6vw)<aMK^x4MYB(Se!X9D#vr?vMqHk<M3Mo>NdBzaT0`5lGWCzkRl(T;u~hWv
z9MzX$>`Eg&l3APesHg^ys5mHdS#8#%MIf+Wel*GjyG)cKte<;)mm0E9eI~{g{H)uy
zsQx>z5$gD@$W1jQFkTi<xY|9K(G@Hz8_-M;U=gRm!lY~)e&J*D+lct0m|j|DUaBd=
zh&-BV+z?e%_yalQL--{%)8+Dm+eshiDI8R=tq6eLgeHy>wIpIU7YR&k;SaH!WX9O{
zanxMrC^8tzi$P`+s(#)z0?c3vYaQtYhvuW1=}9Iy`4L2vrh)dULAE!RzRUHwkSl>-
z_Jl6WwkQiHYBuC8la;?Z;VKj>+VC3^i)WM0Hp^BnM0o;Z?5mo>7#hN88YAf_K5G?|
zc~A(6A~&!VqB@dd0e1UQu2FHjN>gBfa2VBA&svT^Pb7eigKrTl&h^yWIffMqcLDGL
z=-@2g7}sjblKE&Zv`=Koy()=x5%+58fnS!iCv_oht`}Us9>c99&NYKaXi`>8t{Jh1
z?#6#zK6o%9g`UM;b9q-{tOpD1rD5vdOZcqH0AXVcMwCWjliv{kBSPNC1@og>h4hWk
z`@|k*c~c=##q0H>y(!iV3c-ObOUst$@*I+=(IOY;mvq#ZH^jelmZGpj@+zrBi-4GF
z1E5MW5Sc_3yJ~#Ql0#Cbzg&4aj8mGqml`&{HyScoGWM?FLFdnKBy;yZOKE9I^)n#_
zAomzNhnWiy-+(7viOP}KuE+Q6OGLKPFSMatm%(uiJl>NB*RR5m;`3Z7j>P|(fxLU^
z9EDjZK^cvJr{)D(t2q^pcF=K(W3Mr=a*=)`O%;2o=pgE*-L!G`ru}kFSK(>C6!RrI
zVU`C?k6jur18&*?;@FaAx|VlUl16!@0D)1M_$Y2{HfClbh(TI>HN_JG1TUe!5pgTV
z$34)?8g~$2ai_&tC<7hWN50W|P4dg4g8M@)9Q+U^@tGh7Sr-*pwr5~0>mO&zuqk4~
zurYxkpl(L!5uRv+{81RI+G>l${Kg7_7=?<or<}k`0JGAnU_u<fdL5Q3uFQQC98brb
zx0a&gUm$b+F%_s%!5fTCcmv}x2?o;i)$g*Zn;p9>gJYRE)Lmu@DTiAHr|S2W*dQF@
z$6YY`*fYwmuQ)x<?L%}AK?j0T;_pIr!|7pyfJj7OETc36r~lCowVFpDU@R~_v`Gr}
zL<z*_QCRyEvjp<ykIwF$lv+_58j^vwB->atFc8m1pV*EO`hEo)wM-RHi?m@nmfYaM
zMlB6oai^xp{^fJKwhcv~6dEq+Kyoy4Ro?Gw0S81~oQ;;I3us|hCL&`;0En>h=~-e#
z4{zP~hCr}UL}fO!BK$U&_@UzyTN{eET#LXW3@Wej2pR}Iz3eijPi_NEg9lp3JrjOn
zE6YpAAb1Tc<o5Tzcby2?5^}(?B#Y6dVUxCVkBVEp;||o%<ovn@caPQN5eG054K#)Q
zxl(Dkbnqe!kjNq}Wj%2KlsJYd7Ps4$0dT05HDLNU>G5E9s`jMpK=PVDBLh-sy8a!$
z9=HgiDomi#6<0`_IM<>Abx}+y*X8yo5l@jAK-1UvLm~;JCwVPtRQRFga5W5aEqP3{
zWPOVUf&jcHBFq)3xe!EtMx6m#U??LDCuU~F&(-V_i$Sz%mO5bY7)05w`n?Y#l!pvv
s+g(daPo^1w@&D19`5y_l@5!V7K*^vT^RU~L{!)Oxj)`_H)+PFX0B#y*o&W#<

literal 1773
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
HQBwa4U2GT7

diff --git a/static/image/phone-message/oppo/link.png b/static/image/phone-message/oppo/link.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b2417a38b3c602e6de1db874ddd0dcce6b35bf2
GIT binary patch
literal 1303
zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k3?#4J%UH$0!1yM>C&U%V1%m(o|2H%=gocI!
z$+Wbz+}zxRgajbFu&}VCq$DdVtE{Z7yu7@iprE3n0w`EqTwGaM36#pu&o3=41<C?J
zQBe_49H<5;4pajahmb&VpfZRQkc5~C6a=aSssS<}1_DW-GN4|d2%H280s&ALPy|TA
z6+_rSF3<!B8(9sI4H1Xvf=FSigv+9t0I?k+2($tS;A|iR2;d5kO@N4l<<SX<3CM~e
zA`o>zHnJ2l8(A4#F`DUcHE;$l1(Ao!)qs(`xFpCgn1PXziJ66!or8mun}?TQKu}0T
zR7_k#N=8;*K~YIrMO95*LsLszN8iA}(8Sct+|tUy(aFWb(?2LYA~HHAE-pSHB{d^6
zD?2wYzp%8dqPnJ`v8lPWy|bscuYcmC$x~*`oHb|eqQy&=Enm56_4*APH}BZ9cmKgd
zhmV{(bK%mZ%U7;lyMFWboxArRJbe7*`HPpYUcY<);nU~OU%r0({^Qs0KY#!IJLA&Z
z&A`B9?&;zfVsZNHmDk}ufilNFu3whi<!36nP+-xalERZqCs->^iq@O#y>4dEsoV)h
zrY@dO4YKCAowt8=bmo>>lJ_>nzuo$M^SAWB-)`;a{eRNq{Hc>=%kOC3%Q%uA+WXz=
zR{oV|>gn6Q^S)(2kR!KI^<>pHOT)+9nahsyrfk1)>B*7p^Dkw%-rD0+>A@Ag-0|L8
zP1oIhZ*JYT(fK<4-03f#i$z~fxGp;R+*3V<!{S%IxF+ib3tjQq!4z>-*>%<&*XtiW
z_r{o&`vq{l_h{cFr+I0M#l9GmCF@^LTJtH+bHA~~-yqLLp+ZyEEKa!6k|)(*x!@%)
zXIN!`l;sr9Yn<LuoFV<08yFfk-HTl9-xVUgLt1y`WnN4E<f;Uwl)KaKg&)&5-otBC
zcapE-z!&ewyBTj-E!1b{?U^;9S&U7El}mAd=%uAR407IYXYP1)Oy-L4hNZXV45D*S
zz885lbx~Zz$5WaYZmZSqPqUhKH_K}2Rgb#|<T5u{*`B?w8_644xVrS)N)wOijQdLz
zdGEiTv8MLen$&Y~uPR^a6nItb+mjU{wccDvC;hwDhD;axdo`1e@ujFl9q@apx#2~Z
zuIEDCbt>E+{JfSn{Qhv@_(BK6lVS&AS1L0f(20Gk*2?-|v&hQ%)paMu8Y+)Z3!N^U
zzkO-$Nim0q%9^+0b|34FEc@ij#oe&SFZ0;158Lt+D!exN&DOLwfBvh$=iG+-vc~@|
z{B(P|RDJ&9O>Dc*iTr=s9I<0bM(xR4O)=N)|F5cJ{Br;Cc4NoeGeG5=r>mdKI;Vst
E0670#hyVZp

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/oppo/send.png b/static/image/phone-message/oppo/send.png
index 44b742a5a28a2438d5b0e5d5a20d76f7e4b5096b..52c5af9f13391f7d34cc48d02703319d82a7d98e 100644
GIT binary patch
literal 3788
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
C4swG4

literal 3797
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
LNkvXXu0mjfHxO}m

diff --git a/static/image/phone-message/oppo/unSend.png b/static/image/phone-message/oppo/unSend.png
index 8d0227479028e3b0926829986e978fa5ca07658d..6984d7829db76a262e59dfd7186499313d457ba5 100644
GIT binary patch
literal 2083
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
QRbM^XH_+#f_d(8o0e7LQ#{d8T

literal 2305
zcmYjTc{r3^A0B(imbFB-NJ^;?Z;?_cB}<V(Ls9g$$WnTRWS>-)w?Y}BL^75#md2Q|
z&RAy{JHsr`Gm~W$+0DF<>btJ*circ=+~>Z}ALsmY63?Hrk&@UZ0fWJ$>};)_pc=8U
zHVHwQx_+Ss1``0z+q;~EMkx6Ii}v<*DwPUN!^6V>0I=EY$;rv->1i&PJ25c<F%S<i
zbowNR!(lKOtlu#?34$Pl0WzQhf-DXP__h%c0{|Qriwzl>Ajo7w8a4x9vp^2igHVQe
zXk>vb@Q;!K^(>GHxd6z;W&%*phWZVF8yR48n2-j5@atr7L-}U}H~_fe`prN_;Lq-F
z=9m5dn2*IJ#h=ihN=i%6W$4m!bZJFtSw&g-=kkg#<rS3`pCMpAe}Pc-rLw9LQ;n&r
z!Bo{&Ro7P6e66X)*3{P3ey#h8#bN8}>u`8nJpotWP>*lG6B-E(O@xN#hQ{W`rk1AW
z)~04+a|^MhmDEaXBa+%lZ5^bx&bD?4UF{tZx;r`{kUP7`UEP#!au1o(OQujMJrMeO
zdi#2*{nWkzYTsaA|6u>X(7@pE;Lym>@aWL+*zm~M$S7@eY<!G1F-D`)#_8h|j0rk(
zg3h8dSPUlc>#o=ukECp%XLbp8I_C@%5D*j+5fv4akd%^^l~YjMx=q{A=)eJE6BCoa
zEG&*WyLotB_VWvU7#SOzkdT~~p8g^$D<?1iePK-vwym2yN@GChg6wazvvc!57nWDn
z)_LkDOgmsO(NH^UE0^nI9dLiRysLt`Vt&9Ot@5NP(nTw)g*T;=R;d{=y6Kc-c&+oc
z_~@Ylr{}xf{AClw&)((xUyIwRb1(>Oe=)I6c-$G}1#}K_&4e`-#p9Ui?a`FX_a;5{
zrBw4Hh=3bK`g>dL?M!rJw=qtgatu3h1}zeZ;N0}zwU1Plt9H++lhHS0Ww0eCq_p-Y
zaa~9116swoZOEt{<i#zNyD$_l5aoN2swmC<*~Ur*dPOY}n9lj_c7!13QO}Snv@aE&
zve|8t>*;JCVT`GfAzIUVMm~}Tk}n*+sH57KT{Qfodf(O`<|)U6fvtwbe20(5+D-fW
z-xCj3#(OH|3-0lhxvDbphUA^UCC-3rtAl$zdL-JV!8T~Y*UoV-PN*>HX}CCfe_`p4
z!Y4e!?VKsoGjY$qsqC&6xq|cZKDDjhBT%i8*BX835ep9Ef09TZ@aIX8=Nxt$X?GwD
z<;b`gf@Z#EoJ85eJu}=6|0G`cYd&%2*tR@vRR)-q0$f*`=O_NFJ=F8eMWP8O*04)j
zC88cRoF9@~m1B^+k8jlLPCs$G(0H~R%y4{-=wy`BW~>8G=;`sX?y>ZQqJcF_j9&Kq
z(Q2cAUA`D+&-WFOf4W}Wkz}wkbCTSjcR0_YDEi_Yy8$1?McfE^Fv7cWY-y>BN=pn0
za1>j#{JYq&^NFJlaye%_Ekv##b<63I*=NjhfFHphlOlI`QFw>xJJipcNhpI{sTG+;
zlhHKkRLKI@D!ya*5Z}mz^iKLdhUb=nx|=F^M?5mT_xh1shljeL0k@>KpgFHA^YP_7
z>jk~?D+lbZJ!D#rc%trk`#XFW&?}tM!Q6^>Prtp0ZCR(VG#-^M2hxY0tv)l8&6AnB
zucX_e7MheE<^L7Lc2O+xb>CCC2ynU>nf};x$@KvtG!Y&s0c5CQ(hhjf(K+x8UeGC1
zAdz-6KYVRT(Si2Hsz+JMC;QGWgr0Kr{S~}cO_2d6z}f*Thg@Na$K(nuHX4Y`=MDP+
zy$Fp|_#K(;9nR&P7U?E7JT)=hYf8Ru=OAe@$n8m;X>6;4zG3tvtO4%ET-H8H7qQWG
z)c6+AkCQjz>YEpJ-8JSStM={HINjvAZd2TqHQNnLqv&g^i<*HePH#oWXBP`%KHa#5
z;x*bxdPsQ+Y%0;r)F_)lyr98$6~u?`&5c|hX`sQX&swYQ`E+UGAZ&OGgSvhr?+70}
zESzvtJL;0(tno`)S=)W;y1!RXxE##ZSWc+>&^2v9Z5nA~|6?v9{jz?9q|jAq+1WT!
z{G2EvYtZM=DiU6AFlb_xtR(0~i&@kXMMSnS9Ve#6HBnRZ(WlQIKOLs{%EGVWY^0wM
z0qz~omcX-jhExc)wO{&+R*L3@Ni&{|lo~2~{5-cgDs*;rDhsRHuuM>UUL|lmAPiGY
zESk?%-60mO;jNo9oY=JBuyh0=t@~aI2)<&8r+ly#=1J;)5LdYC<D6qwrqDVQYgZ&7
z>~SjtW1)N8k`-^aThYOEY5Q~6{BM_H{MFywx_WwwS+e9N7Iid|B$Rei53W_HE7ps2
zXn%%A8|ja;^<M2Ur#9*hd2|PcJ`VgV_a;7D)J#2!_*VXAcn03a!Ktm-FHBG0_hMK2
z)+H_E%j|r=(5?NTd{SkkApB!+O6)$PWe(><g}Ptc?FbQArkb-4UGi_u2Nb{$$5lcJ
zJ`p-uCSp>F)v$F)tw6mJ8ek9~xjuS3ups!|P5r3Z!qeqZ93hv#S>dP3m^+=~T#^>t
zDWAsTj|&BOJ^kG5u7G_wJ>DzAwLg_LDrZlzyK>eY{@ty=P<hN&OKkyngd5mT*l*{1
zH?!!LJ9SsQp85MV%=WTlt4j9Wmz*y+of*V2Gu_5mp#q(Ix~pa6gZrFb^qrSkd8k>Z
z67DW+kMFdgoOcDy@ryqOgo^R%&ph-#1ZQmV@ZHlbeyBF+rT%Wuov{|@&ZqHV$-J4S
zYFi}V*ylyb%Ma9kLyBVgm@+$ttYEotj&V{oyZfJDYY@LR`o0RPEH_>`==y0e#Rw|~
z%&RN+hPgS-IXaTxWn|SzlLE|i*VrpfJ5u}pvG&Ll2owM4zEUE_#%|AD3`m$k8a+UZ
zl$~)*nsX32<7keK(f3ODc(F#d;JVuWGt1^VGi}dT(9z$pn+$xV4%;A&$0bXJKj9^o
Z_?g_*5#v#M?#55X?&LY^lH-Wz{{Uk#7|Q?v

diff --git a/static/image/shopping/pdd/back.png b/static/image/shopping/pdd/back.png
new file mode 100644
index 0000000000000000000000000000000000000000..69ae0e54643263537a5b71b264a0f7adfb39bb1d
GIT binary patch
literal 996
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY3?!3`ol6-Q7$XCGLR^7dAo&0Pe?vn<XlST|
zg9DJ^>FJr9o12i35E~ntm6es0l$4yD92pszmX?;7m<SXEO2x&+MMp<N)WpZf$Hc?{
z)c^(IB0yzul|Tg$Hc&f64a5YXIFJD(fr3C1C<`PZ03r?~Aq=1(gbnAy6oP1onGgoD
zIGSRJEkFejaX1&E1&xbr4qOV(fXf1nLKcLxQ<e3rfgxK|666=mz{tqN%)-LX&cV&Y
zD<mQ!DkdQ<qoAm)qN1jusjXvTYG!TY;N;@!;S(Gh850+uoR*!NS5Q=3Qc>T~*w#IH
z%CuRt=FFY9aPjh0o44=Uy?5XK14oXYJay&z?b~<m-n;+!$;;QT-@g0s>C5*YKYsuI
z^Y`CB#tj?}z$iZ9>Eaj?aro_w>tRfe0xsf_(-c<Ba1azVY>+r8W7yEpB<N_kV1a}{
z;=lg~=eh1*@XNLTFXQ)+v+qL6`xpJWeqVofFYDsIW691k3h@gA`yb8<x!)|nqhJ~!
z;Pm9rh6Nvgw+U=#*6P^E7T2<3?#@8VYe%_$T75aN@0yDGO}77SuUme4SQhZj?f3Y4
zU|)%!(6!|IN<O9M`--f##kW@6f75ba{jb}c4Xj5bV$`3!wp_HZD#qPZQA<$!RAHKG
zdQ@|5>dEWE?@rHFv|So`BRqef-$p@$MTTaMg&OOQJ;*kksebM$$C;U0-hJXnXE;ro
zEZz3C<=qmwImYT=Wxg+#IBj$E)pJ&v^Ur$SyXG@n%zJAsB7Iduru~@eNzVg?E4HY;
znA08mV^3nt+D{rmX98d5ZlBwD<jd6`|CCp;{yqOLS>a{*TbcdYHQVQZT5)8Odx)d0
z;>RU_&%Kdm6ABk!C}lIXHuo4ybJU$pm!}<;TGzSqyRn~g*FtOM=ZjOh*L7wlCC^bz
zwSF)&tNz)WTK2=1g}(oCc5__q+9zvS7*HJVZOmeMolUd+)}lL^wz>u$+(x-K&+gqX
v_`KrEhuG_uaY`PO?T>vnJM=B;^XgaJr&2m^y)OQ(4$7>au6{1-oD!M<zZ$Cw

literal 0
HcmV?d00001

diff --git a/static/image/shopping/pdd/location.png b/static/image/shopping/pdd/location.png
new file mode 100644
index 0000000000000000000000000000000000000000..34ae203ef86ffcabae5e9b311736f74009e25818
GIT binary patch
literal 2156
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
E5Bmk!OaK4?

literal 0
HcmV?d00001

diff --git a/static/image/shopping/pdd/pinpai.png b/static/image/shopping/pdd/pinpai.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b782577c97931304c8c2f9f516771320d2bffee
GIT binary patch
literal 1520
zcmV<M1rPd(P)<h;3K|Lk000e1NJLTq003G5001or0{{R38BvT$0006pP)t-s0000c
zCMG~YKqVz5IyyQeBqTXGIU^$@J3BihBqTdKJ0&G0IyyQ#J3A&OCOSGgB_$;~IyxmK
zB|17fB_$;$CMG8*CnzW=DJdx`Dk>{0D=aK5EiElBE-o)GFEB7LF)=YRGBPtWGc+_b
zH8nLhHa0gmH#j&rIXO8xIyyT$J3Kr*Jv}`>K0ZJ|KtVx4LPA1ALqkMFL`6kKMn*<Q
zM@LCXNlHpeOG`^lO-)WtPESuyP*6}&QBhJ-Qd3h?R8&+|RaI72R##V7Sy@?HT3TFO
zTwPsVUS3{bUteHgU}9ooV`F1xW@cw+XJ}|>X=!O{YHDk1Yiw+6ZEbCCZf<aJaB^~T
zb8~ZabaZufb#``kcXxMrd3kzzdV70&eSLj_fq{a8f`fyDgoK2KhK7fShm4Gjjg5_v
zkdTv;la!Q{m6es2mX?>7mzbECoSdAUot>YbpP-<ip`oFoqN1atqokyyrlzK-sHm%}
ztF5iAuCA`HudlJOv9hwVwY9ajwzjvox45{txw*N!ySu%;y}`l3!otGC!^6eJ#m2_Q
z$;rve%F4~n&Cbrw&(F`$(9qG*(bCe=)6>(`)YR72*4Nk9+S=ON+uPjS+}+*X-rnBd
z-{0Wi;Njun;^N}t<KyJy<mKh%=H}+;=;-R|>g((4?Ck9B?(XmJ@9^;O@$vEU^78ZZ
z^Yrxe_4W1k_V)Mp_xSku`T6<!`uh9(`~3X;{r&y^{{H{}|29N9)c^nh6m(KfQvehc
zFfdhBS68;S!^6Yv?eFjX{rqaCu>b%AT1iAfR7l6Q*ZW)2P#6dBWqH43H6X88Rx*V`
zSYFezEU#tvOsq61%Cbx{HLb8Tvk21)Ez?BBlC%KP^!@7^+k}B3^YHln;cV}-XP@V=
z%V95uVOv5YWAF_pf$*Ij(IG(?m9618LPYzCbrZ3TnsfM01X+->zD(?j2*QF<=8VTl
z2!9E~B2i@FKEE;%g~g)KDgI?*JBA|1r*Vjk3?DWMElgFMuR63UT+}vX@}|Y<-VwVG
zHZ<iV5oNQcW2?d|=s(Ptj%xw$w8XiN4#9N^Q3>-WSRj9D`LT2Z^zs}x%bxU2f~6~)
zsq{J=z0GvWc+ulZPL51^(&|-O<N4Fnyyy{by=TlPZ87NedRQK!#-D-HpSW}%NfFF-
z?+chtFm4ttI^aRS$(G4vFn^L7`var}V!{Y7)aplIy<eB50aI5;M+Z1`)HubHp6ld9
z_s2z33!V`c?e+y&Sum9#Jt00`83DE68No75=X0?J#@n^pF0ee+YPBXlw5Yn%JC}v@
zkz~S2Hx|;#mom4p6o&Ko-bOq=$ve!X<I-r_MKJVL&}Z?cef??eCA{hWJh@y8-C1(E
z{H<R)*Bz;6nVTqCLr?eUbY>Xs*6DOJerdBi4?IgVv;L34vs!0zH@t=bSefN+3EH@&
z9e_Du#tog)Xf#dV;Jb!Nv0u9JES--m&6aJev=xj7gTczqQPJ+OUXfl?m+@Gy0m_-3
zUY2IdT9%f>;+gF1>=A}8)&I5DXDGke9|l0*VCe$*QRKRrr_C^PM@o<r&>R3=$I?|W
zUck^9Bw6;pw<e1u3n!tKq@t7tbU|*xU=Bm)4@^v2%o9{5m*AIkJA4V1rXTAr=ut5A
z(P{6M=65YBo#=e9KdiJ$8JfJ?%%=4h3^=z<#i%r%AR+Rm7H)gJlLY_U__~dbiKW@{
z9Yy1bl5?|`3+S{fZJs4X<4O0HM#)W?HJ<Vko)f6F%~rzf=xi<Avf5^&M%mZJ3i`A`
zd;NxKl}f_wl&gxkr9!20exp`A*-d}7*Qk%Xjm*xzy1+kzg~_;RO-GQfBoF?Nj@guM
z!`b1X^fIDUK6Eq|iqsbHphM95MnQ^%N8gCn?Fz&a|J^Rt?*>Q4BG~Kobx~o|oc{q)
WZEhtVczJaI0000<MNUMnLSTX(r}`@Z

literal 0
HcmV?d00001

diff --git a/static/image/shopping/pdd/pinpairenzheng.png b/static/image/shopping/pdd/pinpairenzheng.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd85e38a02fa7111fd2b853aa7d22e3413841df0
GIT binary patch
literal 3125
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
P00000NkvXXu0mjfB+MMK

literal 0
HcmV?d00001

diff --git a/static/image/shopping/pdd/qijiandian.png b/static/image/shopping/pdd/qijiandian.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe006f70f0b9703d1eae41e4593d848ef3aa4a46
GIT binary patch
literal 2904
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
CW}hkm

literal 0
HcmV?d00001

diff --git a/static/image/shopping/pdd/safety.png b/static/image/shopping/pdd/safety.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe474d7285246d76f9101cab7b918ec864897a8a
GIT binary patch
literal 1098
zcmeAS@N?(olHy`uVBq!ia0vp^x**KK3=%maw1R<w@j-x3h%1oG@E?p;F)-|BU^v6T
z0Ay@qV3^OK07Uy4WR5Y2?_>};!XUVtL3$m7)Mf^;Jq)5-8H6`82yJ5!+Rq>jBsVY!
z?PQSL${@ItL2NUF$PNaPtqc;|8N{|Ri0%Y4b~1?W0CB~3fJDTAQeY7vTLdTw5eG^E
z#evEoBuphpBUmqp0h5B519TXO0Z{;!1+o!bm^fSn&Hxz*L0}W$T!aFcMdCXcC3Z4N
z>|~bQ$s)CrMP?Vf(jH#5y+Z1Hg*Eny7#~zHIjCrUNY(1FhV@}ho5Py6N3`vZ=(rs>
zbw6(AdBVc)q^<u+`+!ppp{HHL&v?Y23rx8Xnsza==t^qwmDGxB*(;wcT>W(M<`-+X
zy<C6b&8`#gj-2~&>cYp<mp`4q_UY2~&zEm}zH;;PwVPkA-THF<&X=3_zTUq7_0Gd@
z_a1$_|Ln(;mp`7r{`vCVuQ%_1z5V?A)6c&@e*gRZ_urqt|Nj2_|L_0*|2nm&`GHX!
zUlQaO%)rRR%)-jX&cVUK$<50zEFvx;Eh8f%D=V*~Z)9R>ZRg<X5fB@nm6e@aTvAqE
zQ`gYg)ZEoSZPx4s3l}Y0v0~%4?YsBv+kfcn`3qOB-+u7u#mm=k-oF3*<@=9czkxPR
zTHGQJOjf%*T^vI^jwdHboN4fOIvp20Wva&3J)hF-K7RaouZ`;s%T=zIm8?gOG&_VW
zXrCvbm+E8lXVNCCypI|RcYNL5f*NLX`mUWZYvb0*`8Hw#FJI?mE>i1RbW71jPtLr9
zyWBBQ)}Nzim70HPRAd;_#Z{N3mY0eNthU;m`0mfouP&?3<<79J|92(mQONUc%)av?
zr#JbRzMV2HX2bDMQP0oMw_nVbKV!+cIrjTk+i2SDTfw`cqR8}{08cxYn%`{u`g<*p
zek{tHaPsO&gQJZatNtb&Ix779?0oyRTq&QnNVTZ{2?()1)G}GCx{)iLu`r%>(sbFt
zkk^NfPX45Jmc8-cBo&pbZW^mZ7f)<jmwfJzrR~iV3nf*%7e(C=R-77e!(^|eyy_d<
zz+%JYmYY(l{M?v~?5|DX-P#erb!c)-^OOsx?WAp1<?gs}TI-|3oG#|0hTUdQ3uL+u
zPuVEaV$*hGYWwSA<Al(@(5;I6eMMo`5_?U0xXlhkR%~8Xv1nyk_`zUTgYF0yrRm4S
zn$A?bW)ll_(R{c5pwkAuiQ9S^R`+h0q`Yj_qhNkkExy2~ikrBmZ2DX{RcYU`lqU&G
coc3}vZ2!<VXWIV-YM?^F)78&qol`;+09lsW6951J

literal 0
HcmV?d00001

diff --git a/static/image/shopping/pdd/search.png b/static/image/shopping/pdd/search.png
new file mode 100644
index 0000000000000000000000000000000000000000..7ecde3ac8db0f6c94faa94bbd6eb22283b52ba37
GIT binary patch
literal 1346
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY3?!3`ol6-Q7>xpaLR^7dAP5Z&b#QQKXlO`F
zOY`*fOh`xoip0joCM6{S89;7iWF$}uC=wGB6Biekn3$NHoD38Pip0mq14V#rhzO7k
z6a;dC0LTCWpkfFcC<RmuWJA=0R3s!oWFdwC#UWBaE)W1^fm{d!EC3=PBKR2)#SoQ1
z62gE8B9n0QA%Z|IvMihp*A8JM-;w(b46@XcAirP+MrIZkR(1|fZeD%?5fL#-X<2y%
zMP)S&9RouXQwtk=Cs%h*zkra?h^Y9a<n*lkg2K9n*3Pb;{wY(Z&zU=a;i6^BSFBvM
zdi{pYI}RK^a`M#moA)0)e)8=3i<hrIe){s`*Y7`n{~64ja*Bb0Im*+;F(l&f+ZpM>
zuiZr2Sg)HfGfL|ny|GA5QDk-!hpNfUhD@_dOC_XF#&tgb|G%}yL#=bx(yJ3@`lvmh
z9rxDe(!_J~YRg5R{{NBhY89;^XDgw5Jag|ISyAqrB|={Fqb`*kyzlhlR@grOX`3tV
zXFTpc_xftkejmS|(u`Z~_nf{vb*GQk)R}SjuJxp`7i7Ik@bSricZNl3>ZLue7xU=9
z37Kbqz$UCZxzVgtde-ut4gRy|-Q0YjGOByommWEWuu`*}14q7E7g)%#&e|pVVTYZ7
zT~f+cwne|TTBoncQ}$Ea%|C08z>TjP^PKlxJ9wvm&F(MzIKQr(cY*P7=<Iyy!nza3
z%-`I;c;R+CQ}JVOnG4f-g$o73?6VcVJr;Yrui@;2s-XD~l)mlpncpyvdzW#=n}FFp
z_Wf$|8_ze*TRm&f`cr3KmvS4wpZ+_$z*dP_YQ>@6__(4CYEPoh<_K?m@j5xY=FLg7
zwZS{Sm+ktaecpJ}f|%yER~NTgg)E6K+U2zS$wU(?>rcIVuecT4+pWGFGlBi={)OqW
zUXBSo>Jb}wTn;W3arEAl5$kkORpwxs&;>o2oh{Z8eoRq~?9)FmUG{V+PT0{RmNKcq
z=t2=E-;zlUK@a{IFYxz1+ptq*L1slEC;x^?EL(WW?={`=WxDlEEJaXna)Zfx5lxOB
z7QVt8=9!zV@;`rC(7J4U?-JAa_1(hOviZruUT;&@Zrl7cR!-WaXw!n3>2Z6#Q|{Z&
zIo0&dZpSCd_pXk`VSUDl4|RS%m0rPjqQGt4La~JVpVhAI;>q|b8_fHQHQlV=Xxp;3
zVwoMBCtel^-Oq?UFj*?+uUYEa`%yQ-9yy%q`Q-iL?Zs%$YM%XVzaG!i<UGvhC%)V^
zY`dU%V04FYW9<K%hb;f=)d&ZQ21LJ2Qe(d+?|8?LcdG7@${*If@=WiqFDxtCmc_`v
z*!EPw&g!yLw<a@RyXSM^n11;!mgxI`{%*QsyF2ddjh6oBr_ME<Hd^}Jdn#MPyr=(G
z%wO?lisRO240D$)%+>c#4_bNV&Z&1xKVD-y;`?uXc<&j%m+`x*-u~GB`t7m3$0OWR
zmTP#$*PX6!2ngC+t7Ej=zTf0sTvXp>Be_F;CW|(A%cgQauX!Tu;GD|+aq=fkl^_3#
i`8w+UBnJGvel&mb!?!uhqxLQZ6@{LzelF{r5}E)cYGD)r

literal 0
HcmV?d00001

diff --git a/static/image/shopping/pdd/yunshuzhong.png b/static/image/shopping/pdd/yunshuzhong.png
new file mode 100644
index 0000000000000000000000000000000000000000..c3f431618ab5ce95895c304abaa323005dccb152
GIT binary patch
literal 1674
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
UpC&W)!2kdN07*qoM6N<$g3c@=6aWAK

literal 0
HcmV?d00001