From b0dc8a7e11b4bad34f05a5e133b2314d1265e2c6 Mon Sep 17 00:00:00 2001
From: aaron <>
Date: Thu, 3 Apr 2025 17:17:51 +0800
Subject: [PATCH] update

---
 src/components/Home.vue            |   2 +
 src/router/index.js                |  10 ++
 src/views/PricingStandardsPage.vue | 153 +++++++++++++++++++++++++++++
 3 files changed, 165 insertions(+)
 create mode 100644 src/views/PricingStandardsPage.vue

diff --git a/src/components/Home.vue b/src/components/Home.vue
index 08edfa5..b43cd18 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -13,6 +13,8 @@
             <router-link to="/agreement" class="hover:text-white transition-colors">用户协议</router-link>
             <span>|</span>
             <router-link to="/privacy" class="hover:text-white transition-colors">隐私协议</router-link>
+            <span>|</span>
+            <router-link to="/pricing-standards" class="hover:text-white transition-colors">加价收费标准</router-link>
           </div>
           <div>
             <a href="https://beian.miit.gov.cn/" target="_blank" class="hover:text-white transition-colors">
diff --git a/src/router/index.js b/src/router/index.js
index b17f959..3896826 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -12,6 +12,7 @@ import PdfViewer from '../components/PdfViewer.vue'
 import MarkdownViewer from '../components/MarkdownViewer.vue'
 import PlatformOrderPage from '../views/PlatformOrderPage.vue'
 import InviteFriendPage from '../views/InviteFriend/InviteFriendPage.vue'
+import PricingStandardsPage from '../views/PricingStandardsPage.vue'
 
 const routes = [
   {
@@ -123,6 +124,15 @@ const routes = [
       title: '邀请好友送积分',
       requiresAuth: false
     }
+  },
+  {
+    path: '/pricing-standards',
+    name: 'PricingStandards',
+    component: PricingStandardsPage,
+    meta: {
+      title: '加价收费标准',
+      requiresAuth: false
+    }
   }
 ]
 
diff --git a/src/views/PricingStandardsPage.vue b/src/views/PricingStandardsPage.vue
new file mode 100644
index 0000000..5b16b1f
--- /dev/null
+++ b/src/views/PricingStandardsPage.vue
@@ -0,0 +1,153 @@
+<template>
+  <div class="pricing-standards-container">
+    <div class="pricing-section">
+      <h2>体积收费标准</h2>
+      <p class="description">按物品最长单边尺寸计算：</p>
+      <div class="pricing-table">
+        <div class="pricing-item">
+          <div class="standard">≤35cm</div>
+          <div class="price">不加价</div>
+        </div>
+        <div class="pricing-item">
+          <div class="standard">35cm＜尺寸≤70cm</div>
+          <div class="price">中件，加 <span class="highlight">2</span> 元</div>
+        </div>
+        <div class="pricing-item">
+          <div class="standard">70cm＜尺寸≤100cm</div>
+          <div class="price">大件，加 <span class="highlight">4</span> 元</div>
+        </div>
+        <div class="pricing-item">
+          <div class="standard">＞100cm</div>
+          <div class="price">超大件，加 <span class="highlight">6</span> 元</div>
+        </div>
+      </div>
+    </div>
+    <div class="pricing-section">
+      <h2>重量收费标准</h2>
+      <div class="pricing-table">
+        <div class="pricing-item">
+          <div class="standard">≤5 公斤</div>
+          <div class="price">不额外收费</div>
+        </div>
+        <div class="pricing-item">
+          <div class="standard">5 公斤＜重量≤20 公斤</div>
+          <div class="price">每公斤加收 <span class="highlight">2</span> 元</div>
+        </div>
+        <div class="pricing-item">
+          <div class="standard">＞20 公斤</div>
+          <div class="price">每公斤加收 <span class="highlight">5</span> 元</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PricingStandardsPage',
+  metaInfo: {
+    title: '加价收费标准 - 蜂快到家'
+  },
+  methods: {
+    goBack() {
+      this.$router.back()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.pricing-standards-container {
+  padding: 20px;
+  max-width: 100%;
+  margin: 0 auto;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+}
+
+.pricing-header {
+  text-align: center;
+  margin-bottom: 30px;
+  position: relative;
+}
+
+.back-button {
+  position: absolute;
+  left: 0;
+  top: 0;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  color: #666;
+  cursor: pointer;
+  padding: 5px;
+}
+
+.back-icon {
+  margin-right: 4px;
+  font-size: 16px;
+}
+
+.pricing-header h1 {
+  font-size: 24px;
+  color: #333;
+  margin: 0;
+  font-weight: 600;
+}
+
+.pricing-section {
+  margin-bottom: 40px;
+  background-color: #fff;
+  border-radius: 12px;
+  padding: 20px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+}
+
+.pricing-section h2 {
+  font-size: 18px;
+  color: #333;
+  margin: 0 0 15px 0;
+  font-weight: 600;
+  border-bottom: 1px solid #eee;
+  padding-bottom: 10px;
+}
+
+.description {
+  font-size: 14px;
+  color: #666;
+  margin-bottom: 15px;
+}
+
+.pricing-table {
+  width: 100%;
+}
+
+.pricing-item {
+  display: flex;
+  justify-content: space-between;
+  padding: 12px 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.pricing-item:last-child {
+  border-bottom: none;
+}
+
+.standard {
+  font-size: 15px;
+  color: #333;
+  flex: 1;
+}
+
+.price {
+  font-size: 15px;
+  color: #333;
+  text-align: right;
+  flex: 1;
+}
+
+.highlight {
+  color: #ff6600;
+  font-weight: bold;
+  font-size: 17px;
+}
+</style> 
\ No newline at end of file