首页样式调整

components/FilterList/index.vue

@@ -2,7 +2,7 @@
   <view class="labelColor itemBox" style="height: 45px;">
     <view class="item" v-for="(item) in filterList" :key="item[props.idValue]">
       <m-filter
-        class="itemFilter"
+        class="itemFilter default-text-color default-border"
         :items="item.array"
         :label="item.label"
         :multiple="item.multiple"
@@ -15,7 +15,7 @@
           :class="(item.multiple && item.value?.length) || (!item.multiple && item.value) ? 'active' : ''"
           class="name"
         >
-          <view class="over">
+          <view class="over MiSans-Medium">
             {{ item.name ?? item.label }}
           </view>
           <template v-if="item.multiple && item.value?.length > 1">
@@ -29,7 +29,7 @@
           </template>
           <uni-icons
             type="down"
-            color=""
+            color="#0E100F"
             size="12"
           />
         </view>
@@ -135,8 +135,20 @@ watch(() => props.list,
     flex: 1;
     width: 0;
     font-size: 14px;
+    margin-right: 10rpx;
+    &:last-child {
+      margin-right: 0 !important;
+    }
     .itemFilter {
       width: 100%;
+      border-radius: 15rpx;
+      height: 60rpx;
+      line-height: 60rpx;
+      
+      font-weight: 500;
+      font-size: 22rpx;
+      font-style: normal;
+      text-transform: none;
     }
     .name {
       width: 100%;

components/Navbar/index.vue

@@ -1,7 +1,19 @@
 <template>
-  <view class="navbar-box" :style="{'height': (navbarHeight < defaultLogoHeight ? (defaultLogoHeight + 10) : navbarHeight) + 'px', 'paddingTop': statusBarHeight + 'px'}">
-    <image src="https://minio.citupro.com/dev/menduner/poster.png" class="navbar-box-logo" :style="{'height': defaultLogoHeight + 'px'}"></image>
-    <!-- <view class="navbar-box-title">{{ title }}</view> -->
+  <view
+    class="navbar-box"
+    :style="{
+      'height': (navbarHeight < defaultLogoHeight ? (defaultLogoHeight + 10) : navbarHeight) + 'px',
+      'line-height': (navbarHeight < defaultLogoHeight ? (defaultLogoHeight + 10) : navbarHeight) + 'px',
+      'paddingTop': statusBarHeight + 'px'
+    }"
+  >
+    <image 
+      v-if="showLogo" 
+      src="https://minio.menduner.com/dev/fe9890be9b1176f84f2aa282b0f6adce300b133f65eb3d7b45ae057aa5698324.png" 
+      class="navbar-box-logo" 
+      :style="{'height': defaultLogoHeight + 'px'}"
+    ></image>
+    <view v-else class="navbar-box-title MiSans-Semibold">{{ title }}</view>
   </view>
 </template>
 
@@ -13,10 +25,14 @@ defineProps({
   title: {
     type: String,
     default: '门墩儿'
+  },
+  showLogo: {
+    type: Boolean,
+    default: false
   }
 })
 
-const defaultLogoHeight = 45
+const defaultLogoHeight = 40
 const navbarHeight = ref(0)
 const statusBarHeight = ref(0)
 onLoad(() => {
@@ -31,19 +47,23 @@ onLoad(() => {
 .navbar-box {
   width: 100%;
   position: relative;
-  background: linear-gradient(90deg, #66BB6A 0, #64FFDA 100%);
+  background: linear-gradient(180deg, #9bfece, #BCFEDE);
   &-logo {
     position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 100px;
+    left: 10px;
+    width: 95px;
+  }
+  &-title {
+    position: absolute;
+    left: 10px;
+    width: 158px;
+    height: 51px;
+    font-family: MiSans, MiSans;
+    font-weight: 600;
+    font-size: 38rpx;
+    color: #0E100F;
+    font-style: normal;
+    text-transform: none;
   }
-  // &-title {
-  //   position: absolute;
-  //   top: 50%;
-  //   left: 50%;
-  //   transform: translate(-30%, 0);
-  //   color: #fff;
-  // }
 }
 </style>

components/PositionList/index.vue

@@ -1,20 +1,8 @@
 <template>
   <view class="ss-m-x-20">
-    <!-- 招聘会 -->
-    <view v-if="props.showJobFairEntrance" class="ss-p-t-20" style="position: relative" @click="handleToJobFair">
-      <image
-        src="https://minio.menduner.com/dev/menduner/miniProgram/Grand-Mercure.jpg"
-        style="width: 100%; height: 100px; border-radius: 8px"
-      ></image>
-      <view
-        style="position: absolute; top: 20rpx; width: 100%; text-align: center; height: 100px; line-height: 100px; font-size: 46px; color: #fff; font-weight: bold;"
-      >
-        招 聘 会
-      </view>
-    </view>
     <!-- 岗位列表 -->
     <view v-if="list.length > 0" class="ss-p-b-30 ss-p-t-20">
-      <view v-for="(item, index) in list" :key="index" class="mList" :class="{ 'disable': !jobFairId && item.job?.status === '1'}" @click="toDetail(item)">
+      <view v-for="(item, index) in list" :key="index" class="mList default-border list-item-bgc" :class="{ 'disable': !jobFairId && item.job?.status === '1'}" @click="toDetail(item)">
         <!-- 职位信息 -->
         <view class="list-shape" :style="`border-radius: ${props.showEntInfo ? '12px 12px 0 0' : '12px'};`">
           <!-- 职位 -->
@@ -22,14 +10,18 @@
             <view style="display: flex;align-items: center;">
               <view v-if="item.job?.hire" class="iconfont icon-a-1_zhaopin ss-m-r-10" style="color: #e03506; font-size: 25px;"></view>
               <image v-if="props.jobFairId" src="/static/svg/jobFair.svg" class=" ss-m-r-10" style="width: 20px; height: 20px;"></image>
-              <rich-text v-if="item.job?.name?.indexOf('style') !== -1" class="job-name" :nodes="item.job.name"></rich-text>
-              <view v-else class="job-name">{{ formatName(item.job?.name) }}</view>
+              <rich-text v-if="item.job?.name?.indexOf('style') !== -1" class="job-name MiSans-Semibold default-text-color" :nodes="item.job.name"></rich-text>
+              <view v-else class="job-name MiSans-Semibold default-text-color">{{ formatName(item.job?.name) }}</view>
             </view>
           </view>
           <!-- 薪酬、工作地、学历、工作经验 -->
-          <view class="d-flex align-center justify-space-between">
-            <view class="font-size-13 ellipsis" :style="{'max-width': !item.job?.payFrom && !item.job?.payTo ? '78%' : '56%'}">
-              <span class="tag-gap" style="color: #808080;">
+          <view class="d-flex align-center ellipsis" style="max-width: 100%;">
+            <view class="ss-m-r-20">
+                <span v-if="!item.job?.payFrom && !item.job?.payTo" class="salary-text MiSans-Bold">面议</span>
+                <span v-else class="salary-text MiSans-Bold">{{ item.job?.payFrom }}-{{ item.job?.payTo }}{{ item.job?.payName ? '/' + item.job?.payName : '' }}</span>
+            </view>
+            <view class="font-size-13">
+              <span class="desc-tag MiSans-Normal">
                 <span>{{item.job?.area?.str ?? '全国' }}</span>
                 <span class="divider-mx" v-if="item.job?.eduName">|</span>
                 <span>{{item.job?.eduName }}</span>
@@ -37,17 +29,13 @@
                 <span>{{item.job?.expName }}</span>
               </span>
             </view>
-            <view>
-              <span v-if="!item.job?.payFrom && !item.job?.payTo" class="salary-text">面议</span>
-              <span v-else class="salary-text">{{ item.job?.payFrom }}-{{ item.job?.payTo }}{{ item.job?.payName ? '/' + item.job?.payName : '' }}</span>
-            </view>
           </view>
           <!-- 岗位tag  -->
           <view class="mt" v-if="showWelfareTag">
             <uni-tag 
               v-for="(tag,i) in item.job?.tagList || []"
               :key="i"
-              class="tag-gap"
+              class="tag-gap MiSans-Normal"
               :text="tag"
               inverted="false"
               size="mini"
@@ -61,21 +49,26 @@
               :text="`赏金：${commissionCalculation(item.job.hirePrice / 100, 1)}元`"
               inverted="false"
               size="default"
-              custom-style="background-color: #e2f0ef; color:#00B760; border-color:#e2f0ef;"
+              custom-style="background-color: #e2f0ef; color:#666; border-color:#e2f0ef;"
             />
           </view>
-          <view v-if="props.showUpdateTime" class="font-size-13 color-999 ss-m-t-10" :style="`text-align: ${props.updateTimeAlign};`">更新时间：{{ timesTampChange(item?.job?.refreshTime || item.job?.updateTime, 'Y-M-D h:m') }}</view>
+          <view
+            v-if="props.showUpdateTime"
+            class="font-size-13 color-666 ss-m-t-20 MiSans-Normal d-flex align-center"
+          >
+            <image src="/static/img/clock.png" class="ss-m-r-20" style="width: 15px; height: 15px;"></image>
+            更新时间：{{ timesTampChange(item?.job?.refreshTime || item.job?.updateTime, 'Y-M-D h:m') }}
+          </view>
         </view>
         <!-- 企业信息 -->
         <view v-if="props.showEntInfo" class="sub-li-bottom" @tap="handleClickEnt(item)">
           <view class="avatarBox">
-            <image class="enterAvatar ml" :src="item.enterprise?.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
+            <image class="enterAvatar ml default-border default-radius" :src="item.enterprise?.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
           </view>
           <view class="ss-m-l-35">
-            <view class="mr">{{ formatName(item.enterprise?.anotherName || item.enterprise.name) }}</view>
-            <span class="color-999">{{ item.enterprise?.industryName || '' }}</span>
-            <span class="divider tag-gap1" v-if="item.enterprise?.industryName && item.enterprise?.scaleName"> | </span>
-            <span class="mr color-999">{{ item.enterprise?.scaleName || '' }}</span>
+            <view class="mr MiSans-Normal default-text-color">{{ formatName(item.enterprise?.anotherName || item.enterprise.name) }}</view>
+            <span class="color-666 MiSans-Normal ss-m-r-10">{{ item.enterprise?.industryName || '' }}</span>
+            <span class="mr color-666 MiSans-Normal">{{ item.enterprise?.scaleName || '' }}</span>
           </view>
         </view>
       </view>
@@ -97,9 +90,7 @@ const emit = defineEmits(['entClick'])
 const props = defineProps({
   list: { type: Array, default: () => [] },
   jobFairId: { type: [String, Number], default: '' }, // 招聘会id
-  showJobFairEntrance: { type: Boolean, default: false }, // 招聘会
   showEntInfo: { type: Boolean, default: true },
-  updateTimeAlign: { type: String, default: 'end' },
   showUpdateTime: { type: Boolean, default: true },
   noMore: { type: Boolean, default: false },
   showWelfareTag: { type: Boolean, default: true }
@@ -113,13 +104,6 @@ const toDetail = (item) =>{
   uni.navigateTo({ url })
 }
 
-//招聘会
-const handleToJobFair = () => {
-	uni.navigateTo({
-		url: '/pages/index/jobFair'
-	})
-}
-
 const handleClickEnt = (item) => {
   const info = {
     enterpriseId: item?.enterprise?.id || null,
@@ -148,29 +132,31 @@ const handleClickEnt = (item) => {
 
 }
 .enterAvatar{
-	width: 40px;
-	height: 40px;
-	// border-radius: 50%;
+	width: 60rpx;
+	height: 60rpx;
 	margin: auto;
 }
 
 .job-name {
-  font-size: 16px;
-  font-weight: 700;
-  color: #0E100F;
   max-width: 80vw;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  
+  font-weight: 600;
+  font-size: 30rpx;
+  text-align: center;
+  font-style: normal;
+  text-transform: none;
 }
 
 .sub-li-bottom {
   display: flex;
   align-items: center;
-  background-color: #fff;
   font-size: 13px;
   padding: 5px;
   border-radius: 0 0 12px 12px;
+  margin-bottom: 20rpx;
   .avatarBox {
     max-width: 40px;
     max-height: 40px;
@@ -178,13 +164,15 @@ const handleClickEnt = (item) => {
 }
 
 .salary-text {
-	float: right;
+	font-weight: bold;
+	font-size: 24rpx;
 	color: #00B760;
-  font-weight: 700;
+	text-align: center;
+	font-style: normal;
+	text-transform: none;
 }
 .list-shape {
 	padding: 10px 30rpx 10px;
-  background-color: #fff;
   border-radius: 12px 12px 0 0;
   .titleBox {
     display: flex;
@@ -192,6 +180,15 @@ const handleClickEnt = (item) => {
     justify-content: space-between;
   }
 }
+.desc-tag {
+	font-family: MiSans, MiSans;
+	font-weight: 400;
+	font-size: 24rpx;
+	color: #666666;
+	text-align: left;
+	font-style: normal;
+	text-transform: none;
+}
 .tag-gap{
 	margin: 10rpx 10rpx 10rpx 0;
 }
@@ -201,7 +198,7 @@ const handleClickEnt = (item) => {
 .divider-mx{
 	margin: 0 10rpx;
 }
-.divider {
+.divider { 
 	color:#e4d4d2;
 }
 
@@ -228,6 +225,7 @@ const handleClickEnt = (item) => {
 }
 .mList {
   margin-bottom: 20rpx;
+  border-radius: 20rpx;
 }
 /* 列表触底暂无更多 */
 .noMore{ text-align:center; color:grey; }

components/SwiperAd/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<view v-if="!props.hide" :style="`height: ${props.height}; margin: ${props.margin};`">
+	<view v-if="!props.hide" :style="`height: ${props.height}; margin: ${props.margin}; padding: ${props.padding}`">
 		<view v-if="props.list?.length">
 			<swiper
         class="swiper"
@@ -41,6 +41,7 @@ const props = defineProps({
   borderRadius: { type: String, default: '10px' },
   borderRadius: { type: String, default: '10px' },
   margin: { type: String, default: '10px' },
+  padding: { type: String, default: '0' },
 })
 
 const imageError = (e) => {

main.js

@@ -21,6 +21,10 @@ import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 const pinia = createPinia()
 pinia.use(piniaPluginPersistedstate)
 
+// 第三方字体库调用
+const font = require('./utils/family.js')
+font.loadFont() // 下载字体
+
 export function createApp() {
   const app = createSSRApp(App)
   app.use(pinia)

pages/index/position.vue

@@ -1,42 +1,49 @@
 <template>
   <view>
-    <Navbar></Navbar>
+    <Navbar :showLogo="true"></Navbar>
     <view class="box defaultBgc">
       <scroll-view class="scrollBox" :scroll-y="true" :scroll-top="scrollTop" @scrolltolower="loadingMore" @scroll="onScroll" style="position:relative;">
         <view>
-          <SwiperAd v-if="swiperAdList.length" :list="swiperAdList" imgUrlKey="img" :strType="false" @click="handleToDetails"></SwiperAd>
+          <view class="commonBackground">
+            <SwiperAd v-if="swiperAdList.length" margin="0 10px 10px 10px" padding="10px 0 0 0" :list="swiperAdList" imgUrlKey="img" :strType="false" @click="handleToDetails"></SwiperAd>
+          </view>
           <!-- 五宫格菜单 -->
-          <view class="white-bgc ss-p-t-10">
+          <view>
             <uni-grid :column="5" @change="handleGrid" :showBorder="false">
               <uni-grid-item v-for="(val, index) in gridList" :index="index" :key="index">
                 <view class="d-flex align-center flex-column justify-center" style="width: 100%; height: 100%; border: none;">
-                  <image :src="val.icon" style="width: 35px; height: 35px;"></image>
-                  <text class="text color-666 font-size-14 ss-m-t-15">{{ val.label }}</text>
+                  <image :src="val.icon" style="width: 45px; height: 45px;"></image>
+                  <text class="grid-item-text MiSans-Normal">{{ val.label }}</text>
                 </view>
               </uni-grid-item>
             </uni-grid>
           </view>
           <!-- 搜索条 -->
-            <view class="white-bgc stick ss-p-t-10">
-              <view style="position: relative;">
-                <uni-search-bar
-                  v-model="query.content"
-                  placeholder="输入职位/公司关键字"
-                  cancelButton="none"
-                  :focus="false"
-                  bgColor="#fff"
-                  @confirm="onSearch($event.value)"
-                  @clear="query.content = ''; onSearch()"
-                >
-                </uni-search-bar>
-                <button class="search-btn" @tap.stop="onSearch">搜索</button>
-              </view>
+          <view class="whiteBgc stick">
+            <view style="position: relative;">
+              <uni-search-bar
+                v-model="query.content"
+                placeholder="输入职位/公司关键字"
+                cancelButton="none"
+                :focus="false"
+                bgColor="#fbfffe"
+                @confirm="onSearch($event.value)"
+                @clear="query.content = ''; onSearch()"
+              >
+              <template v-slot:searchIcon>
+                <uni-icons  color="#0E100F" size="18" type="search" />
+              </template>
+              </uni-search-bar>
+              <button class="search-btn MiSans-Medium" @tap.stop="onSearch">搜索</button>
             </view>
-            <view class="white-bgc px-10 stickFilter ss-p-t-10">
+          </view>
+          <view class="px-10 stickFilter ss-p-b-10">
             <FilterList :list="filterList" idValue="label" @change="handleSearch"></FilterList>
           </view>
-          <PositionList v-if="positionListData?.length || more !== 'loading'" :list="positionListData" :noMore="false" :showJobFairEntrance="false"></PositionList>
-          <uni-load-more :status="more" />
+          <view style="background-color: #fff;">
+            <PositionList v-if="positionListData?.length || more !== 'loading'" :list="positionListData" :noMore="false"></PositionList>
+            <uni-load-more :status="more" />
+          </view>
         </view>
       </scroll-view>
 
@@ -92,7 +99,7 @@ const getSystemWebContent = async () => {
   const { data } = await getWebContent()
   swiperAdList.value = data?.appHomeCarousel || []
   // 是否展示弹窗广告
-  showAdvertisePop.value = data && data.appAdvertisement && data.appAdvertisement.length ? true : false
+  // showAdvertisePop.value = data && data.appAdvertisement && data.appAdvertisement.length ? true : false
 
   // 优选集团 
   preferredGroup.value = data?.appPreferredGroup || {}
@@ -300,6 +307,7 @@ const loadingMore = () => {
   position: sticky;
   box-shadow: 0px 10rpx 12rpx 0px rgba(195, 195, 195, .25);
   top: 110rpx;
+  background-color: #fff;
 }
 .px-0 { padding-left: 0 !important; padding-right: 0 !important; }
 .pb-10 {
@@ -319,6 +327,14 @@ const loadingMore = () => {
   display: flex;
   flex-direction: column;
 }
+.grid-item-text {
+  font-family: MiSans, MiSans;
+  font-weight: 400;
+  font-size: 24rpx;
+  color: #0E100F;
+  font-style: normal;
+  text-transform: none;
+}
 .scrollBox{
   flex: 1;
   height: 0 !important;
@@ -326,22 +342,23 @@ const loadingMore = () => {
   box-sizing: border-box;
 }
 :deep(.uni-searchbar__box) {
-  width: calc(100% - 105px);
-  height: 40px !important;
+  width: 100%;
+  height: 80rpx !important;
   border: 1px solid #00B760;
-  padding-right: 20px;
+  border-radius: 20rpx;
   flex: none;
 }
 .search-btn {
   position: absolute;
-  right: 11px;
-  top: 10px;
-  width: 110px;
-  height: 40px;
-  font-size: 16px;
+  right: 30rpx;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 100rxp;
+  height: 60rpx;
+  font-size: 24rpx;
   background-color: #00B760;
   color: #fff;
-  border-radius: 0 5px 5px 0;
+  border-radius: 20rpx;
   z-index: 9;
 }
 :deep(.picker-view) {

static/style/index.css

@@ -28,6 +28,10 @@
   margin-top: 60rpx;
 }
 
+.commonBackground {
+  background: linear-gradient(180deg, #BCFEDE, #F7F8FA);
+}
+
 .cursor-pointer {
   cursor: pointer;
 }
@@ -134,6 +138,10 @@
   color: #fb8c00;
 }
 
+.default-text-color {
+  color: #0E100F;
+}
+
 .font-size-12 {
   font-size: 24rpx;
 }
@@ -170,13 +178,41 @@
   font-size: 40rpx;
 }
 
+.MiSans-Semibold {
+  font-family: MiSans-Semibold;
+}
+
+.MiSans-Normal {
+  font-family: MiSans-Normal;
+}
+
+.MiSans-Bold {
+  font-family: MiSans-Bold;
+}
+
+.MiSans-Medium {
+  font-family: MiSans-Medium;
+}
+
 .defaultLink {
   color: #00B760;
   cursor: pointer;
 }
 
+.default-radius {
+  border-radius: 10rpx;
+}
+
+.list-item-bgc {
+  background-color: #fbfbfb;
+}
+
+.default-border {
+  border: 1rpx solid #E1E4E9;
+}
+
 .defaultBgc {
-  background-color: #f2f4f7;
+  background-color: #f7f8fa;
 }
 
 .f-horizon {

static/style/index.scss

@@ -22,6 +22,11 @@
 .mt-5 { margin-top: 30rpx; }
 .mt-10 { margin-top: 60rpx; }
 
+// 公共渐变样式
+.commonBackground {
+  background: linear-gradient(180deg, #BCFEDE, #F7F8FA);
+}
+
 .cursor-pointer { cursor: pointer; }
 .font-weight-bold { font-weight: bold; }
 .text-center { text-align: center; }
@@ -49,6 +54,7 @@
 .color-error { color: #fe574a; }
 .color-primary { color: #00B760; }
 .color-warning { color: #fb8c00; }
+.default-text-color { color: #0E100F; }
 
 .font-size-12 { font-size: 24rpx; }
 .font-size-13 { font-size: 26rpx; }
@@ -60,15 +66,47 @@
 .font-size-19 { font-size: 38rpx; }
 .font-size-20 { font-size: 40rpx; }
 
+// .MiSans-Heavy {
+// 	font-family: MiSans-Heavy;
+// }
+// .MiSans-ExtraLight {
+// 	font-family: MiSans-ExtraLight;
+// }
+// .MiSans-Light {
+// 	font-family: MiSans-Light;
+// }
+// .MiSans-Demibold {
+// 	font-family: MiSans-Demibold;
+// }
+.MiSans-Semibold {
+	font-family: MiSans-Semibold;
+}
+.MiSans-Normal {
+	font-family: MiSans-Normal;
+}
+// .MiSans-Thin {
+// 	font-family: MiSans-Thin;
+// }
+.MiSans-Bold {
+	font-family: MiSans-Bold;
+}
+// .MiSans-Regular {
+// 	font-family: MiSans-Regular;
+// }
+.MiSans-Medium {
+	font-family: MiSans-Medium;
+}
+
 .defaultLink {
   color:#00B760;
   cursor:pointer;
-  // text-decoration: underline;
 }
+.default-radius { border-radius: 10rpx; }
+.list-item-bgc { background-color: #fbfbfb; }
+.default-border { border: 1rpx solid #E1E4E9; }
 
 .defaultBgc {
-  // height: 100vh;
-  background-color: #f2f4f7;
+  background-color: #f7f8fa;
 }
 
 // 火苗
@@ -78,7 +116,6 @@
 	justify-content: space-between;
 	align-items: center;
 	flex-direction: row;
-	// margin:15rpx;
 }
 // 水平居中
 .f-horizon-center{

utils/family.js

@@ -0,0 +1,34 @@
+// 第三方字体库调用
+let loadFont = function() {
+	// 所有的.tff文件
+	const fontsArr = [
+		// 'MiSans-Heavy',
+		// 'MiSans-ExtraLight',
+		// 'MiSans-Light',
+		// 'MiSans-Demibold',
+		'MiSans-Semibold',
+		'MiSans-Normal',
+		// 'MiSans-Thin',
+		'MiSans-Bold',
+		// 'MiSans-Regular',
+		'MiSans-Medium'
+	]
+
+	fontsArr.forEach(itm => {
+		wx.loadFontFace({
+			family: `${itm}`, //设置一个font-family使用的名字 中文或英文
+			global: true, //是否全局生效
+			source: `url("https://menduner.citupro.com:3443/dev/menduner/font/${itm}.ttf")`, //字体资源的地址
+			success: function(e) {
+				console.log(itm, '===>字体调用成功', e);
+			},
+			fail: function(e) {
+				console.log(itm, '===>字体调用失败', e);
+			}
+		})
+	})
+}
+
+module.exports = {
+	loadFont: loadFont
+}