From 07fb66445ba341ccdd760a0d41659f583f4101c5 Mon Sep 17 00:00:00 2001
From: "liujw155@outlook.com" <liujw155@outlook.com>
Date: Mon, 23 Jun 2025 18:23:42 +0800
Subject: [PATCH] add style

---
 src/components/tab_bar.vue          |  12 ++---
 src/pages.json                      |  12 +++++
 src/pages/member/index.vue          |  93 ++++++++++++++++++++++++++++++++++++
 src/pages/order/list.vue            |   7 ++-
 src/static/images/certification.png | Bin 0 -> 773 bytes
 5 files changed, 116 insertions(+), 8 deletions(-)
 create mode 100644 src/pages/member/index.vue
 create mode 100644 src/static/images/certification.png

diff --git a/src/components/tab_bar.vue b/src/components/tab_bar.vue
index 5a19812..9efb9da 100644
--- a/src/components/tab_bar.vue
+++ b/src/components/tab_bar.vue
@@ -1,18 +1,16 @@
 <script setup>
 import { reactive, ref } from "vue";
+const emits = defineEmits([ 'click:tab' ]);
+const props = defineProps({
+    tabs: { default: [ {a: 1}, { a: 2} ] },
+});
 const tabIdx = ref(0);
 
 </script>
 
 <template>
 	<view class="tab-bar">
-        <view class="tb-item" :class="{'tb-active': tabIdx === 0}" @click="tabIdx = 0">
-            <view class="ti-txt">889</view>
-        </view>
-        <view class="tb-item" :class="{'tb-active': tabIdx === 1}" @click="tabIdx = 1">
-            <view class="ti-txt">889</view>
-        </view>
-        <view class="tb-item" :class="{'tb-active': tabIdx === 2}" @click="tabIdx = 2">
+        <view class="tb-item" v-for="(e, i) in tabs" :key="i" :class="{'tb-active': tabIdx === i}" @click="tabIdx = i">
             <view class="ti-txt">889</view>
         </view>
 	</view>
diff --git a/src/pages.json b/src/pages.json
index b1bc744..5c67efa 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -11,6 +11,12 @@
 			"style": {
 				"navigationBarTitleText": "订单列表"
 			}
+		},
+		{
+			"path": "pages/member/index",
+			"style": {
+				"navigationBarTitleText": "会员中心"
+			}
 		}
 	],
 	"subpackages": [
@@ -97,6 +103,12 @@
 				"text": "订单",
 				"iconPath": "static/images/tab/order_g.png",
 				"selectedIconPath": "static/images/tab/order_a.png"
+			},
+			{
+				"pagePath": "pages/member/index",
+				"text": "我的",
+				"iconPath": "static/images/tab/mine_g.png",
+				"selectedIconPath": "static/images/tab/mine_a.png"
 			}
 		]
 	},
diff --git a/src/pages/member/index.vue b/src/pages/member/index.vue
new file mode 100644
index 0000000..0865f70
--- /dev/null
+++ b/src/pages/member/index.vue
@@ -0,0 +1,93 @@
+<script setup>
+import { onLoad } from '@dcloudio/uni-app';
+import { reactive, ref } from 'vue';
+
+onLoad(() => {
+    
+});
+
+</script>
+
+<template>
+    <view class="member-index">
+        <view class="mi-header">
+            <image class="mh-avatar"></image>
+            <view class="mh-info">
+                <view class="mi-name">抖音用户</view>
+                <view class="mi-num">17688184874</view>
+            </view>
+        </view>
+        <view class="mi-section">
+            <view class="ms-tool">
+                <view class="mt-tit">我的工具</view>
+                <view class="mt-ls">
+                    <view class="ml-item">
+                        <image class="mi-icon" mode="aspectFit" src="/static/images/certification.png"></image>
+                        <view class="mi-txt">服务资质</view>
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+    .member-index{
+
+    }
+    .mi-header{
+        padding: 40upx 48upx 48upx;
+        background: $mColor;
+        @include ctf;
+        .mh-avatar{
+            flex-shrink: 0;
+            flex-grow: 0;
+            margin-right: 24upx;
+            width: 128upx;
+            height: 128upx;
+            border-radius: 50%;
+            background-color: #fff;
+        }
+        .mh-info{
+            padding-top: 8upx;
+            .mi-name{
+                @include flcw(36upx, 50upx, #fff, 500);
+                @include tHide;
+            }
+            .mi-num{
+                margin-top: 24upx;
+                @include flcw(28upx, 40upx, #fff);
+                @include tHide;
+            }
+        }
+    }
+    .mi-section{
+        margin-top: 24upx;
+    }
+    .ms-tool{
+        padding: 30upx;
+        background-color: #fff;
+        .mt-tit{
+            @include flcw(36upx, 50upx, #333, 500);
+        }
+        .mt-ls{
+            margin-top: 40upx;
+            padding: 0 30upx;
+            .ml-item{
+                display: inline-block;
+                font-size: 0;
+                .mi-icon{
+                    display: block;
+                    margin: 0 auto;
+                    width: 50upx;
+                    height: 50upx;
+                }
+                .mi-txt{
+                    margin-top: 20upx;
+                    text-align: center;
+                    @include flcw(28upx, 40upx, #1a1a1a);
+                }
+            }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/pages/order/list.vue b/src/pages/order/list.vue
index a7c6d31..8add242 100644
--- a/src/pages/order/list.vue
+++ b/src/pages/order/list.vue
@@ -1,10 +1,15 @@
 <script setup>
 import { onLoad } from '@dcloudio/uni-app';
 import tabBar from "@/components/tab_bar.vue";
+import { routeTo } from '@/utils/polish';
 onLoad(() => {
     
 });
 
+function toOrderDetail(){
+    routeTo('/subpackage/order/pages/detail');
+}
+
 </script>
 
 <template>
@@ -13,7 +18,7 @@ onLoad(() => {
             <tab-bar></tab-bar>
         </view>
         <view class="ol-list-content">
-            <view class="ol-item" v-for="i in 10" :key="i">
+            <view class="ol-item" v-for="i in 10" :key="i" @click="toOrderDetail">
                 <view class="oi-header">
                     <image class="oh-logo"></image>
                     <view class="oh-name">MJ体育(天空篮球从云店)</view>
diff --git a/src/static/images/certification.png b/src/static/images/certification.png
new file mode 100644
index 0000000000000000000000000000000000000000..e994c4dbfdca91aab7b4da27bab3234bdaa9f3ef
GIT binary patch
literal 773
zcmeAS@N?(olHy`uVBq!ia0vp^CO~Y&!3-o-{&O4wQfUD`A+A80VOjyh%rb`Q`3y5k
zK&Za}%9sY`0!5}5Gt2-YFn2nboC#rr#UX5<ESv#R4CI1DKpLlC{J9Zmkzz@ZUoZoY
zobZp&Y)kXBZanhzKmOJ+G5p1<^~U?>)Nk)@JzHrtC4*(V6axd3uBVG*h{y4@p|3A3
zR^U;sU}V{I-8*~#wD0vNw|cSm?7DyE-OtB84=2n~QF&tDG)?q*sAipifR7aSNt3^<
ztgCDc<tFX%J8639Q>K6s>vR>pvy4y9hh{9cJg97?+Ivz`vvSVMhtHVokH38JMAUOy
zd*81I0drClH~gHaEz6#M&&kFqUaEKjub+v*?{iJ@-(Tc+EnAvZxZqXmX{nSQ;@;x-
zm?L)_$=UohdFhc=Q7fu;<+e#H<$m0}H}yt|QqV`!k9(KiTh-vPPHwl#!CK>knkRV<
zZtlLP*Sca)Z+LaT>)QE`KNO{ZNe%s%?6PEg`r5nsPyeQMgj8OAzvn{$gPqH>q<EIY
zTGoZRR~}9`w78_cHPyOAeie5EqocsNn($e=$G0TCTXp#4$vthpZ?+r6Jx|=z@a!4W
z&Ia*w&1$JNjzKF=Wt`~Da|;R*O`p;vJZomONZBWyM{WzPK8hAE$e9+w-e+{X`02uR
z%Qx9-*oME%5O(2AH7q*JvQSrQ=F&gQqL>ABxR2fUVbuM2B4_S{X_G<<)WY2kS4<bO
z64?<IYS3}()8t5j_0t>r?-X&k1*J;wyuZ|Z{uWW5tXH#RCu+{BIG4Eh8e?<)e0evs
z-%W2$Y|7KBEl6A_?p-Kz$o&=b?5GXi4{IhmZ8^}Hz2fY|;-ia2Gj7}L7oFR2RHWW?
z*%Oviad)EK*U9uMr8hA48uUJ6X3D)#ll?Ys&w=x69^Pb?E)tXKf5Np=%JNOpv&CK~
b_dn)8vT!<|-122NK<U}j)z4*}Q$iB}A+A?v

literal 0
HcmV?d00001