diff --git a/java-mall-app-shop-admin/pages/my/tipOff.vue b/java-mall-app-shop-admin/pages/my/tipOff.vue
index b52a796..937bc76 100644
--- a/java-mall-app-shop-admin/pages/my/tipOff.vue
+++ b/java-mall-app-shop-admin/pages/my/tipOff.vue
@@ -1,7 +1,27 @@
 <template>
-    <view>
-111
+   <view class="main">
+    <view class="list">
+        <view class="item">
+            <view class="header">
+                <view class="username">fdfdf</view>
+                <view class="more">fdfdf</view>
+            </view>
+            <view class="body">
+                <view class="left">
+                    <image src="" class="img" />
+                </view>
+                <view class="right">
+                    <view class="desc">fdfd</view>
+                    <view class="type">fdfd</view>
+                    <view class="time">fdfd</view>
+                </view>
+            </view>
+            <view class="footer">
+                fdfsdfds
+            </view>
+        </view>
     </view>
+   </view>
 </template>
 
 <script>
@@ -10,6 +30,56 @@
     }
 </script>
 
-<style lang="sass" scoped>
+<style lang="scss" scoped>
+.list{
+    padding: 20rpx;
+    .item{
+        padding: 12rpx;
+        .header{
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        .body{
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            .left{
+                .img{
+                    width: 128rpx;
+                    height: 128rpx;
+                }
+                 .username{
+                    color: #222;
+                }
+                .more{
+                    color: #666;
+                }
+            }
+            .right{
+                .desc{
+                    color: #222;
+                }
+                .type{
+                    color: #666;
+                }
+                .time{
+                    color: #666;
+                }
+            }
+        }
+        .footer{
+            display: flex;
+            align-items: center;
+            padding: 4rpx 8rpx;
+            border-radius: 8rpx;
+            background: #222;
+            color: #666;
 
+            .icon{
+                margin-right: 12rpx;
+            }
+        }
+    }
+}
 </style>
\ No newline at end of file