update

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">

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
+    }
   }
 ]
 

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>