diff --git a/src/App.vue b/src/App.vue
index 1f40c70..70542cc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -33,7 +33,8 @@ body,
   display: none;
 }
 
-.mb12 {
-  margin-bottom: 12px;
+@font-face {
+  font-family: znicons;
+  src: url("https://oss.nianxx.cn/mp/static/fonts/znicons.ttf");
 }
 </style>
diff --git a/src/components/GoodDetail/styles/index.scss b/src/components/GoodDetail/styles/index.scss
index 314fc74..7ea1b28 100644
--- a/src/components/GoodDetail/styles/index.scss
+++ b/src/components/GoodDetail/styles/index.scss
@@ -1,8 +1,3 @@
-@font-face {
-  font-family: znicons;
-  src: url("@/static/fonts/znicons.ttf");
-}
-
 // 使用须知样式
 .use-notice {
   margin: 16px 0;
diff --git a/src/components/ModuleTitle/index.vue b/src/components/ModuleTitle/index.vue
index 2007aec..669f8e1 100644
--- a/src/components/ModuleTitle/index.vue
+++ b/src/components/ModuleTitle/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="module-header mb12">
+  <view class="module-header mb-4">
     <text class="module-title">{{ title }}</text>
     <image class="underline" src="./images/wave_icon.png" mode="aspectFill" />
   </view>
@@ -16,4 +16,4 @@ defineProps({
 
 <style scoped lang="scss">
 @import "./styles/index.scss";
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/ModuleTitle/styles/index.scss b/src/components/ModuleTitle/styles/index.scss
index 37b5698..c809e87 100644
--- a/src/components/ModuleTitle/styles/index.scss
+++ b/src/components/ModuleTitle/styles/index.scss
@@ -19,7 +19,3 @@
   height: 10px;
   z-index: 0;
 }
-
-.mb12 {
-  margin-bottom: 4px;
-}
diff --git a/src/pages-order/order/components/GoodsInfo/index.vue b/src/pages-order/order/components/GoodsInfo/index.vue
index d53e07e..4a05840 100644
--- a/src/pages-order/order/components/GoodsInfo/index.vue
+++ b/src/pages-order/order/components/GoodsInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="goods-info mb12">
+  <view class="goods-info mb-12">
     <view class="hotel-header">
       <image class="hotel-icon" :src="orderTypeIcon"></image>
       <text class="hotel-name">{{ orderData.storeName }}</text>
diff --git a/src/pages-order/order/components/NoticeInfo/index.vue b/src/pages-order/order/components/NoticeInfo/index.vue
index 5f011c2..5616626 100644
--- a/src/pages-order/order/components/NoticeInfo/index.vue
+++ b/src/pages-order/order/components/NoticeInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="notice-info mb12">
+  <view class="notice-info mb-12">
     <view class="notice-title"> 购买须知 </view>
     <GoodDetail :goodsData="orderData" :showTitle="false" />
   </view>
diff --git a/src/pages-order/order/components/UserInfo/index.vue b/src/pages-order/order/components/UserInfo/index.vue
index f6ba159..1bb6060 100644
--- a/src/pages-order/order/components/UserInfo/index.vue
+++ b/src/pages-order/order/components/UserInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="user-info mb12" v-if="hasConsumerData">
+  <view class="user-info mb-12" v-if="hasConsumerData">
     <view class="user-info-title">{{ infoTitle }}</view>
     <view
       v-for="(item, index) in consumerList"
diff --git a/src/static/fonts/znicons.js b/src/static/fonts/znicons.js
index 07be5e1..76e2ccf 100644
--- a/src/static/fonts/znicons.js
+++ b/src/static/fonts/znicons.js
@@ -19,4 +19,20 @@ export const zniconsMap = {
   "zn-warning-check-in": "\ue692",
   "zn-refund": "\ue693",
   "zn-warning-circle": "\ue694",
+  "zn-dinsh": "\ue6a3",
+  "zn-clock": "\ue6a6",
+  "zn-edit": "\ue6a5",
+  "zn-forkchopsticks": "\ue6a4",
+  "zn-camera": "\ue6a2",
+  "zn-nav-room": "\ue6a1",
+  "zn-nav-ticket": "\ue6a0",
+  "zn-ticket": "\ue69b",
+  "zn-package": "\ue69d",
+  "zn-nav-meal": "\ue69c",
+  "zn-room": "\ue699",
+  "zn-coffee": "\ue698",
+  "zn-refresh": "\ue69f",
+  "zn-keyborad": "\ue697",
+  "zn-hotspring": "\ue696",
+  "zn-bell": "\ue695",
 };