From 3b08a7065f76775aba30eee104e324430fa950a7 Mon Sep 17 00:00:00 2001
From: "liujw155@outlook.com" <liujw155@outlook.com>
Date: Thu, 29 May 2025 18:27:41 +0800
Subject: [PATCH] add style

---
 src/components/tab_bar.vue            |  63 ++++++++
 src/manifest.json                     |   2 +-
 src/pages.json                        |  23 ++-
 src/pages/index/index.vue             |  50 +++++-
 src/pages/order/detail.vue            | 292 ++++++++++++++++++++++++++++++++++
 src/pages/order/list.vue              | 111 +++++++++++++
 src/pages/order/modules/text_line.vue |  31 ++++
 src/pages/tem.vue                     |  18 +++
 src/static/images/douyin_logo.png     | Bin 0 -> 2306 bytes
 src/styles/iconfonts.scss             |  16 +-
 src/uni.scss                          |   2 +-
 vite.config.js                        |   1 +
 12 files changed, 593 insertions(+), 16 deletions(-)
 create mode 100644 src/components/tab_bar.vue
 create mode 100644 src/pages/order/detail.vue
 create mode 100644 src/pages/order/list.vue
 create mode 100644 src/pages/order/modules/text_line.vue
 create mode 100644 src/pages/tem.vue
 create mode 100644 src/static/images/douyin_logo.png

diff --git a/src/components/tab_bar.vue b/src/components/tab_bar.vue
new file mode 100644
index 0000000..5a19812
--- /dev/null
+++ b/src/components/tab_bar.vue
@@ -0,0 +1,63 @@
+<script setup>
+import { reactive, ref } from "vue";
+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="ti-txt">889</view>
+        </view>
+	</view>
+</template>
+
+<style lang="scss" scoped>
+    .tab-bar{
+        padding: 2upx 0;
+        background-color: #fff;
+        @include ctf(space-between);
+        .tb-item{
+            position: relative;
+            flex-shrink: 0;
+            flex-grow: 1;
+            text-align: center;
+            .ti-txt{
+                position: relative;
+                display: inline-block;
+                @include flcw(32upx, 92upx, #9A9A9D, 500);
+                &::after{
+                    content: '';
+                    transition: all .2s;
+                    position: absolute;
+                    left: 50%;
+                    bottom: -2upx;
+                    transform: translateX(-50%) translateY(50%);
+                    display: block;
+                    width: 70%;
+                    height: 10upx;
+                    border-radius: 5upx;
+                    background-color: $mColor;
+                    opacity: 0;
+                }
+                
+            }
+            &.tb-active{
+                .ti-txt{
+                    color: $mColor;
+                    &::after{
+                        opacity: 1;
+                        transform: translateX(-50%) translateY(0);
+                    }
+                }
+                
+            }
+        }
+    }
+</style>
diff --git a/src/manifest.json b/src/manifest.json
index feb8483..fed97f0 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -1,5 +1,5 @@
 {
-    "name" : "app",
+    "name" : "uni_cli_dy_verify",
     "appid" : "",
     "description" : "",
     "versionName" : "1.0.0",
diff --git a/src/pages.json b/src/pages.json
index 1aea851..32edbab 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -3,14 +3,27 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "uni-app"
+				"navigationBarTitleText": "欧轩智能场馆"
+			}
+		},
+		{
+			"path": "pages/order/list",
+			"style": {
+				"navigationBarTitleText": "订单列表"
+			}
+		},
+		{
+			"path": "pages/order/detail",
+			"style": {
+				"navigationBarTitleText": "订单详情"
 			}
 		}
 	],
 	"globalStyle": {
-		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "uni-app",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#F8F8F8"
+		"navigationBarTextStyle": "#FFFFFF",
+		"navigationBarTitleText": "欧轩智能场馆",
+		"navigationBarBackgroundColor": "#009874",
+		"backgroundColor": "#F2F2F7"
 	}
 }
+ 
\ No newline at end of file
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index e3ce0d1..758f02b 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -16,16 +16,56 @@ onLoad(() => {
 </script>
 
 <template>
-	<view class="index-index">hello &#xe605;</view>
+	<view class="index-index">
+		<swiper class="ii-swiper" indicator-color="rgba(255, 255, 255, .72)" indicator-active-color="#009874" indicator-dots autoplay >
+			<swiper-item>
+				<image class="is-img"></image>
+			</swiper-item>
+		</swiper>
+		<view class="ii-line-btn">
+			<image class="ilb-dy-icon" src="/static/images/douyin_logo.png"></image>
+			<view class="ilb-txt">抖音快捷验券</view>
+			<text class="ilb-arrow">&#xe660;</text>
+		</view>
+	</view>
 </template>
 
 <style lang="scss" scoped>
 @font-face{
-    @include circleSuccess;
+    @include doubleRightArrow;
 }
 .index-index{
-	text-align: center;
-	@include flcw(28upx, 32upx, $mColor, 500);
-	font-family: circleSuccess;
+	.ii-swiper{
+		height: 340upx;
+		.is-img{
+			width: 100%;
+			height: 100%;
+			background: skyblue;
+		}
+	}
+	.ii-line-btn{
+		margin: 42upx auto 0;
+		padding-left: 90upx;
+		padding-right: 60upx;
+		width: 702upx;
+		height: 100upx;
+		border-radius: 50upx;
+		background-color: $mColor;
+		@include ctf(space-between);
+		.ilb-txt{
+			@include flcw(36upx, 50upx, #fff, 500);
+		}
+		.ilb-dy-icon{
+			flex-shrink: 0;
+			width: 64upx;
+			height: 64upx;
+		}
+		.ilb-arrow{
+			flex-shrink: 0;
+			font-family: doubleRightArrow;
+			font-size: 52upx;
+			color: #fff;
+		}
+	}
 }
 </style>
diff --git a/src/pages/order/detail.vue b/src/pages/order/detail.vue
new file mode 100644
index 0000000..4099ea2
--- /dev/null
+++ b/src/pages/order/detail.vue
@@ -0,0 +1,292 @@
+<script setup>
+import { onLoad } from '@dcloudio/uni-app';
+import { reactive, ref } from "vue";
+import textLine from "./modules/text_line.vue";
+const isShowSpecificTime = ref(false);
+onLoad(() => {
+    
+});
+
+</script>
+
+<template>
+	<view class="order-detail">
+        <view class="od-box od-header">
+            <view class="oh-stadium">
+                <image class="os-logo"></image>
+                <view class="os-name">MJ体育(天空篮球从云店)</view>
+                <view class="os-status">已核销</view>
+            </view>
+            <view class="oh-line">订单编号：123456789012</view>
+            <view class="oh-line">创建时间：2019-06-06  12:00:06</view>
+        </view>
+        <!-- 场次信息 -->
+        <view class="od-box od-venue-info">
+            <view class="od-title">场次信息</view>
+            <text-line label="预定项目：">羽毛球</text-line>
+            <text-line label="预定日期：">2019年05月17日(周五)</text-line>
+            <view class="soi-booking-info">
+                <view class="sbi-name">预定场次：</view>
+                <view class="sbi-time-range">
+                    <block v-for="(e, i) in 3" :key=i>
+                        <view class="str-item">{{ e.name || '几号馆' }} {{ e.time || '时间段' }}</view>
+                    </block>
+                </view>
+            </view>
+            <view class="vmm-line" v-if='isShowSpecificTime'>
+                <view>具体场次：</view>
+                <view>
+                    <view v-for="(e,i) in 3" :key="i">{{ 'venue_name' }} {{ 'duration' }} ({{ 0 }}元)</view>
+                </view>
+            </view>
+            <view class="soi-fold-btn" @click="isShowSpecificTime = !isShowSpecificTime">
+                <view class="sfb-txt">{{ isShowSpecificTime ? '收起' : '查看具体场次' }}</view>
+                <text class="sfb-icon" :class="[ isShowSpecificTime ? 'rotate' :'' ]">&#xe695;</text>
+            </view>
+            <view class="vvm-total">
+                <view>小计（共{{0}}场）</view>
+                <view>￥{{ 0}}</view>
+            </view>
+        </view>
+        <!-- 二维码 -->
+        <view class="od-box od-code">
+            <image class="oc-code-img"></image>
+            <view class="oc-tip">点击二维码可放大查看</view>
+        </view>
+        <!-- 支付信息 -->
+        <view class="od-box od-payment">
+            <view class="od-title">支付信息</view>
+            <text-line label="支付方式：">抖音支付</text-line>
+            <text-line label="支付时间：">2019年6月18日   10:30:40</text-line>
+            <text-line label="交易号：">3532463457445848657</text-line>
+        </view>
+        <!-- 抖音商品信息 -->
+        <view class="od-box od-goods">
+            <view class="og-title">抖音商品信息</view>
+            <view class="og-info">
+                <image class="oi-pic"></image>
+                <view class="oi-desc">
+                    <view class="od-name">羽毛球订场200元代金券【欧轩运营】</view>
+                    <view class="od-price">¥ 9.9</view>
+                </view>
+                <text class="oi-icon">&#xe695;</text>
+            </view>
+            <view class="og-bottom">
+                <view class="ob-lines">
+                    <view class="ol-item">
+                        <text-line label="订单编号：">3107858392102658852</text-line>
+                    </view>
+                    <view class="ol-item">
+                        <text-line label="核销券码：">3107858392102658852</text-line>
+                    </view>
+                </view>
+                <view class="ob-status">已核销</view>
+            </view>
+        </view>
+        
+	</view>
+</template>
+
+<style lang="scss" scoped>
+.order-detail{
+    padding: 24upx;
+    .od-box{
+        background-color: #fff;
+        border-radius: 20upx;
+        &+ .od-box{
+            margin-top: 24upx;
+        }
+    }
+    .od-title{
+        @include flcw(28upx, 40upx, #9A9A9D);
+    }
+    .od-header{
+        padding: 28upx 28upx 32upx;
+        .oh-stadium{
+            margin-bottom: 14upx;
+            @include ctf;
+            .os-logo{
+                flex-shrink: 0;
+                margin-right: 10upx;
+                width: 34upx;
+                height: 34upx;
+                background: skyblue;
+            }
+            .os-name{
+                flex-grow: 1;
+                @include flcw(28upx, 40upx, #333, 500);
+                @include tHide;
+            }
+            .os-status{
+                flex-shrink: 0;
+                margin-left: 10upx;
+                max-width: 160upx;
+                @include tHide;
+                @include flcw(28upx, 40upx, $mColor);
+            }
+        }
+        .oh-line{
+            @include flcw(24upx, 34upx, #9A9A9D);
+            @include tHide;
+        }
+    }
+    .od-code{
+        padding-top: 26upx;
+        font-size: 0;
+        .oc-code-img{
+            display: block;
+            margin: 0 auto;
+            width: 278upx;
+            height: 278upx;
+            background: skyblue;
+        }
+        .oc-tip{
+            text-align: center;
+            @include flcw(24upx, 56upx, #666666);
+        }
+    }
+    .od-goods{
+        padding: 28upx 16upx 30upx 28upx;
+        .og-title{
+            @include flcw(28upx, 40upx, #333, 500);
+        }
+        .og-info{
+            margin-top: 24upx;
+            @include ctf;
+            .oi-pic{
+                flex-shrink: 0;
+                margin-right: 24upx;
+                width: 136upx;
+                height: 136upx;
+                background: skyblue;
+            }
+            .oi-desc{
+                flex-grow: 1;
+                align-self: stretch;
+                display: flex;
+                flex-wrap: wrap;
+                flex-direction: column;
+                justify-content: space-between;
+                .od-name{
+                    @include flcw(26upx, 36upx, #333, 500);
+                    @include tHide(2);
+                }
+                .od-price{
+                    @include flcw(26upx, 36upx, #333, 500);
+                    @include tHide;
+                }
+            }
+            
+            @include rightArrow;
+            .oi-icon{
+                margin-left: 20upx;
+                flex-shrink: 0;
+                font-size: 40upx;
+                font-family: rightArrow;
+                color: #333;
+            }
+        }
+        .og-bottom{
+            margin-top: 36upx;
+            @include ctf(space-between);
+            .ob-lines{
+                flex-grow: 1;
+                .ol-item + .ol-item{
+                    margin-top: 24upx;
+                }
+            }
+            .ob-status{
+                flex-shrink: 0;
+                margin-left: 10upx;
+                max-width: 160upx;
+                @include flcw(28upx, 40upx, $mColor);
+                @include tHide;
+            }
+        }
+    }
+    .od-payment{
+        padding: 30upx;
+        .od-title{
+            margin-bottom: 20upx;
+        }
+    }
+    .od-venue-info{
+        padding: 30upx;
+        .od-title{
+            margin-bottom: 20upx;
+        }
+        .soi-booking-info{
+            display: flex;
+            .sbi-name{
+                flex-shrink: 0;
+                flex-grow: 0;
+                @include flcw(28upx, 52upx, #9A9A9D);
+            }
+            .sbi-time-range{
+                flex-grow: 1;
+                display: flex;
+                flex-wrap: wrap;
+                .str-item{
+                    flex-shrink: 0;
+                    margin-right: 12upx;
+                    max-width: 500upx;
+                    @include flcw(28upx, 52upx, #333);
+                    @include tHide;
+                }
+            }
+        }
+        .vmm-line{
+            display: flex;
+            >view{
+                font-size: 28upx;
+                line-height: 52upx;
+                &:first-child{
+                    flex-shrink: 0;
+                    color: #9a9a9d;
+                }
+                &+view{
+                    flex-grow: 1;
+                    >view{
+                        width: 100%;
+                        @include flcw(28upx, 52upx, #333);
+                        @include tHide;
+
+                    }
+                }
+            }
+        }
+        .soi-fold-btn{
+            padding-bottom: 20upx;
+            margin: 20upx auto 0;
+            @include ctf(center);
+            .sfb-txt{
+                margin-right: 12upx;
+                flex-grow: 0;
+                flex-shrink: 0;
+                @include flcw(24upx, 34upx, #9a9a9d);
+            }
+            @include rightArrow;
+            .sfb-icon{
+                flex-shrink: 0;
+                font-family: rightArrow;
+                font-size: 20upx;
+                color: #9A9A9D;
+                &.rotate{
+                    transform: rotateZ(-90deg);
+                }
+            }
+        }
+        .vvm-total{
+            margin-top: 16upx;
+            padding-top: 28upx;
+            border-top: 1px solid #D8D8D8;
+            @include ctf(space-between);
+            >view{
+                max-width: 50%;
+                @include tHide;
+                @include flcw(28upx, 40upx, #333);
+            }
+        }
+    }
+}
+</style>
diff --git a/src/pages/order/list.vue b/src/pages/order/list.vue
new file mode 100644
index 0000000..a7c6d31
--- /dev/null
+++ b/src/pages/order/list.vue
@@ -0,0 +1,111 @@
+<script setup>
+import { onLoad } from '@dcloudio/uni-app';
+import tabBar from "@/components/tab_bar.vue";
+onLoad(() => {
+    
+});
+
+</script>
+
+<template>
+	<view class="order-list">
+        <view class="ol-header">
+            <tab-bar></tab-bar>
+        </view>
+        <view class="ol-list-content">
+            <view class="ol-item" v-for="i in 10" :key="i">
+                <view class="oi-header">
+                    <image class="oh-logo"></image>
+                    <view class="oh-name">MJ体育(天空篮球从云店)</view>
+                    <view class="oh-status">已核销</view>
+                </view>
+                <view class="oi-info">
+                    <view class="oi-line"><text class="ol-txt">订单信息：</text>羽毛球订场200元代金券【欧轩客服】</view>
+                    <view class="oi-line"><text class="ol-txt">订单编号：</text>3107858392102658852</view>
+                </view>
+                <view class="oi-bottom">
+                    <view class="ob-time">2025-08-17  18:02:45  核销</view>
+                    <view class="ob-price"><text class="op-txt">支付：</text>¥0</view>
+                </view>
+            </view>
+        </view>
+	</view>
+</template>
+
+<style lang="scss" scoped>
+.order-list{
+    position: relative;
+}
+.ol-header{
+    position: sticky;
+    top: 0;
+}
+.ol-list-content{
+    padding: 24upx;
+    .ol-item{
+        padding: 28upx 24upx;
+        border-radius: 20upx;
+        background-color: #fff;
+        &+ .ol-item{
+            margin-top: 24upx;
+        }
+        .oi-header{
+            padding-bottom: 20upx;
+            border-bottom: 1px solid #d8d8d8;
+            @include ctf;
+            .oh-logo{
+                flex-shrink: 0;
+                margin-right: 10upx;
+                width: 34upx;
+                height: 34upx;
+                background: skyblue;
+            }
+            .oh-name{
+                flex-grow: 1;
+                @include flcw(28upx, 40upx, #333, 500);
+                @include tHide;
+            }
+            .oh-status{
+                flex-shrink: 0;
+                margin-left: 10upx;
+                max-width: 160upx;
+                @include tHide;
+                @include flcw(28upx, 40upx, $mColor);
+            }
+        }
+        .oi-info{
+            margin-top: 30upx;
+            .oi-line{
+                @include flcw(26upx, 36upx, #333333);
+                @include tHide;
+                &+ .oi-line{
+                    margin-top: 14upx;
+                }
+                .ol-txt{
+                    color: #9A9A9D;
+                }
+            }
+        }
+        .oi-bottom{
+            margin-top: 44upx;
+            display: flex;
+            justify-content: space-between;
+            align-items: baseline;
+            .ob-time{
+                flex-shrink: 0;
+                margin-right: 10upx;
+                max-width: 330upx;
+                @include flcw(24upx, 36upx, #9A9A9D);
+                @include tHide;
+            }
+            .ob-price{
+                @include flcw(32upx, 44upx, #333, 500);
+                @include tHide;
+                .op-txt{
+                    @include flcw(24upx, 36upx, #9A9A9D);
+                }
+            }
+        }
+    }
+}
+</style>
diff --git a/src/pages/order/modules/text_line.vue b/src/pages/order/modules/text_line.vue
new file mode 100644
index 0000000..c67b1cc
--- /dev/null
+++ b/src/pages/order/modules/text_line.vue
@@ -0,0 +1,31 @@
+<script setup>
+const props = defineProps({
+    label: { default: '' }
+})
+
+</script>
+
+<template>
+	<view class="text-line">
+        <view class="tl-label">{{ label }}</view>
+        <view class="tl-value"><slot></slot></view>
+	</view>
+</template>
+
+<style lang="scss" scoped>
+.text-line{
+    display: flex;
+    align-items: flex-start;
+    .tl-label{
+        flex-grow: 0;
+        flex-shrink: 0;
+        @include flcw(26upx, 52upx, #9A9A9D);
+    }
+    .tl-value{
+        flex-grow: 1;
+        word-break: break-all;
+        white-space: normal;
+        @include flcw(26upx, 52upx, #333);
+    }
+}
+</style>
diff --git a/src/pages/tem.vue b/src/pages/tem.vue
new file mode 100644
index 0000000..ab8b525
--- /dev/null
+++ b/src/pages/tem.vue
@@ -0,0 +1,18 @@
+<script setup>
+import { onLoad } from '@dcloudio/uni-app';
+import { reactive, ref } from "vue";
+onLoad(() => {
+    
+});
+
+</script>
+
+<template>
+	<view>
+
+	</view>
+</template>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/static/images/douyin_logo.png b/src/static/images/douyin_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..e548ef99b1c51b5cac2d92c7aeeaffd02d72eee4
GIT binary patch
literal 2306
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
aj6&hw_NUU+IPce=J+#{^z_V%xGwr{ZW@X_3

literal 0
HcmV?d00001

diff --git a/src/styles/iconfonts.scss b/src/styles/iconfonts.scss
index d4ebd4e..e4d26bf 100644
--- a/src/styles/iconfonts.scss
+++ b/src/styles/iconfonts.scss
@@ -1,5 +1,13 @@
-// iconfont 圆圈白勾成功 (&#xe605;)
-@mixin circleSuccess {
-    font-family: 'circleSuccess';
-    src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALgAAsAAAAABqwAAAKRAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCcAqBJIE5ATYCJAMICwYABCAFhGcHMxv4BcgekiSBOox5QEIkAShQPHytoe/v7YVZIWoiB6jiSGV8HMhwna3ylUBCd25yLrOx2ixQVN+NkAtJ2y+nGSl0wOqFHPB5QMXkyO+mdp/Mok//czm+uwLaIB/A25PG2tSmAwuwlx1GYy/CXkwN0yu/wgBeI9BgURbPnaKKBhBwx1IdhPAmqoMsPe5kkQX+3CHLMFwn1AydmsUXJek5waf/fvyzHP4kZUFkHd0WCmD3Zyl7FI/VMMU3T8sVwN0SShSYBWTirDtwwEs0Ubw0GLwNw9ws+FlWbqsXh9YI9teJ1CYwBLnPxNP8R01NIMfaJcDJpCak/iB2vOnuTjFHmu/vmRONt7fM4YabG29bU8NpZeHY7eb7+vvkh+8iNVw07OasuIekLkc7M/XOtDu6LiDLsVL9dqbLcdHwPNf93EJP+8d6aVpK6U9mOQ3PRfmu3ZbY//vOL+9IqpYzdmwAKhF68FY8/c/9PPwfs7sDV379GzP4fja474XDTNSd0BD8vQYvs6oi80RSRkdqIFma5EtokG4qwtLhbaqy8y4joU7nvZpqDWZQqDOMZPI0lBotQ406q9BgRuHsRp1MXiLXY9wYgNBmEZIWX6HQ5gTJ5Hso9fiEGm3+ocFFNC/XaDz4fIJYigTIDUKZN3SsFNQTrUNir8qSOm8TIrYM3TA2KqYcLkY6InOMsPvEOEoxxMTQYBHdDamqAU1iOBFPoyRKzbToaNz0kSje0EA+AmFRiADiDIJkPIMOW3xa/L06iKiXikUGIk0BwiZD4lCsKDEDkGKpPqjkQVax9RHFoSgMwggIaaAi3glRqQyQ2dzJCeFRUaQJPlOaaImHh0qjtpdrf4/DKhCqFLJJof5KQrooGloDAAAAAA==') format('woff2');
+// iconfont 右向双箭头 (&#xe660;)
+@mixin doubleRightArrow {
+    font-family: 'doubleRightArrow';
+    src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAL8AAsAAAAABrwAAAKuAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCcAqBLIEhATYCJAMICwYABCAFhGcHOhvnBRHVk09kf0tumwWr3f0JBctgYaO6i6ij4YkDCqy+Jh72CG34h4bNoJmbfSsTmD0uE0Sx329Pvogk1WpS/5AomSFUplMyjUqjESKNZCUxjwdiv/nQJg1CIiQaR4RGJLokukSxSV3zxtpS3i176Pv/d/NWA+h/8TCicKznc9iB1BaO7AJKuAQIyAOHHMjhwi1wSbxecPD/1wYZOvXSJWd+c64pGaFGcvbJoy+k5WWXpg8BUF/I1QLs81yTr4AO+IPI1aopqmlNBzawTQ+nEW0j3BsQbZhe+RUG8B0ExC3saPFarkhP1WKuzoleQVYp0zhoifIg5zATJcJD10aRsxh0Ez7h2X9f/qyioEIRRM1dXOp6/3TlhMgqmNjHvFwTvExBCBiYAIdUupM3YqSJNXGna8F6J/htBlsHcug/D4kjypMAmpB/JkGLj1quADwOLsB60uOgGdMNcZvTsEK8Ps+rbBTeTy+7TBt1b2/fl2y40dY73u5yTpmPFg4Nq97/+Hp/eUg2PDK87P714Z+syqh5mZK2VL1qhAOBQKSXztb/8Doe69q7VGETB+C7dvm8apgb0ZM4BX9syKoQBDgvBo0CHeUBtZgUVxCXEQgIb97XVFPhzrIiqnB/7ohGBhPVIpwZISRhhbCoLeLGrpsTCh6IkWgM6HkCEFkvUGlvMFkfhDOfCCn7Q1jWP+LuaWK/hF6KOTEqQQv6D9HQ7pRRvNI7+l4U18XeyC3CCCzjXM7ccEeeY0H7+FXEgWOqcKWXYSkEB1NCI2MQObZpck0fGQ3V4cSoBC3QfxAN7c7KS/H37uh7UTyQeCe5RagcLEbzAOKm2we1Pcgh7eNXIg44BukKrnwUlkLgaB6V0MgoTIgfm0nKuaG6cXtD/Xsc60KYNTnHcOotdLX7FE1CqA8DAAA=') format('woff2');
+}
+
+// iconfont 右向箭头 (&#xe695;)
+@mixin rightArrow {
+    @font-face {
+        font-family: 'rightArrow';
+        src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKUAAsAAAAABlQAAAJIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCcApQYQE2AiQDCAsGAAQgBYRnBy8bnAXILrBt2JMiLSOMDeBm+nYdAQ4hgmiMNXt3iEhS7TSyaDJJlEIUq4QKIZGS/H8US9Z/a9nydAUeFU+pVX2zV7N3fXdy+eYowj4Ij3G47t9hEQrJXDfc8CCqkees7DI36lL+BvTAC0Jf0jr1Zq3jAX08IHnA9GKlEWYyHuQM0ytf0EBcIlBrzr6hpfPbOkyeO5LDtBG6O8gK4zwKHJjgYUWBuWqhcujKIh6ggnQ59A3cR5+PX5ZjgqQi0yWrZ2c+vM6MGb4r78if3C3XAs9LqEDGFFCIze70smHRxA+rdY8YgI1F8FVZBi5xaLtgf53Orwf9UHgm0UmPmkvwWH21AT2TnkW0Ff12v3/1dNEVqOeL5+sOenp87cx0G40v+153ff07zv9qNDoNOESe9DG/16+Cf+3739ZUfxN1BXxuMKorckb1TtzBHzHuDCQWESGVJpErk7aT6GpNjP+0v9XPVEvbmZWheoK3Sl+GrNoAVbgJVKizgErVFlFr0tn6Om2MYVFqMOIRIDR7QdLoBVmzN6pwA1To9ItKzf5RazvYrc5IeCdMjpCPbg8jT+fKmiVSW6WglTpcl2gSFxGM4dL8Yjl3QTnxHHOKdrAsolCxzvCcnkdpqtGwjsmT+VDEbC8sqKa3zHs6gxOMOATxIVcPini0nArIUvy+KhJoSTl4INVMs0IE1aMl8xYHUBeGfFDHg1xTaAssE0JBCtMy6JwPI6mUhkzzsBjxiHnhhKSxbcGQ1FDD/Pam7Nf2QC1tTWEGZBWHzLoDAAAA') format('woff2');
+    }
 }
\ No newline at end of file
diff --git a/src/uni.scss b/src/uni.scss
index 2d36fd1..ec5f593 100644
--- a/src/uni.scss
+++ b/src/uni.scss
@@ -2,4 +2,4 @@
 @use '@/styles/iconfonts.scss' as *;
 
 /* uniapp 全局样式 */
-$mColor: skyblue;
\ No newline at end of file
+$mColor: #009874;
diff --git a/vite.config.js b/vite.config.js
index 827bb76..968a917 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -16,6 +16,7 @@ export default defineConfig(({ mode = 'development' }) =>{
             uni(),
         ],
         define: {
+            "__VUE_OPTIONS_API__": false,
             __API__: JSON.stringify(env.VITE_API_BASE),
         },
         // 修复控制台出现 Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0 的问题