feat: 全局组件调整

components.d.ts

@@ -10,12 +10,14 @@ declare module 'vue' {
         // 全局组件
         GlobalButton: typeof import('./src/components/global-button/global-button.vue')['default']
         GlobalEmpty: typeof import('./src/components/global-empty/global-empty.vue')['default']
+        GlobalField: typeof import('./src/components/global-field/global-field.vue')['default']
         GlobalIcon: typeof import('./src/components/global-icon/global-icon.vue')['default']
         GlobalNavbar: typeof import('./src/components/global-navbar/global-navbar.vue')['default']
         GlobalPage: typeof import('./src/components/global-page/global-page.vue')['default']
         GlobalPageSwiper: typeof import('./src/components/global-page-swiper/global-page-swiper.vue')['default']
         GlobalPageSwiperItem: typeof import('./src/components/global-page-swiper-item/global-page-swiper-item.vue')['default']
         GlobalPicker: typeof import('./src/components/global-picker/global-picker.vue')['default']
+        GlobalPopup: typeof import('./src/components/global-popup/global-popup.vue')['default']
         GlobalTabs: typeof import('./src/components/global-tabs/global-tabs.vue')['default']
         GlobalUpload: typeof import('./src/components/global-upload/global-upload.vue')['default']
         // 自定义组件

src/components/global-field/global-field.vue

+<template>
+    <!-- 全局标题+内容样式 -->
+    <text class="txt" :class="class">
+        <text class="color-text-5" :style="getLabelStyle" v-if="label">{{ label }}</text>
+        <text class="color-text-4" :style="getValueStyle" v-if="value">{{ value }}</text>
+    </text>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const ps = defineProps({
+    class: {
+        type: String,
+        default: ''
+    },
+    label: {
+        type: String,
+        default: ''
+    },
+    labelSize: {
+        type: Number,
+        default: 28
+    },
+    value: {
+        type: [String, Number],
+        default: ''
+    },
+    valueSize: {
+        type: Number,
+        default: 28
+    }
+})
+const getLabelStyle = computed(() => {
+    return {
+        fontSize: ps.labelSize + 'rpx'
+    }
+})
+const getValueStyle = computed(() => {
+    return {
+        fontSize: ps.valueSize + 'rpx'
+    }
+})
+</script>
+<style lang="scss" scoped></style>

src/components/global-page-swiper-item/global-page-swiper-item.vue

@@ -96,7 +96,7 @@ watch(
                 // 这里需要延迟渲染z-paging的原因是为了避免在一些平台上立即渲染可能引发的底层报错问题
                 setTimeout(() => {
                     isCurrentPage.value = true
-                }, 100)
+                }, 50)
             }
         }
     },

src/components/global-page-swiper/global-page-swiper.vue

@@ -15,7 +15,14 @@
             <slot name="top"></slot>
         </template>
         <!-- 滚动内容 -->
-        <swiper class="swiper" :style="getStyle" :current="current" @transition="swiperTransition" @animationfinish="swiperAnimationfinish">
+        <swiper
+            :duration="100"
+            class="swiper"
+            :style="getStyle"
+            :current="current"
+            @transition="swiperTransition"
+            @animationfinish="swiperAnimationfinish"
+        >
             <swiper-item v-for="(_, index) in tabList" :key="index">
                 <global-page-swiper-item
                     :ref="(vc) => (pagingArr[index] = vc)"

src/components/global-page/global-page.vue

@@ -22,16 +22,17 @@
             <!-- 自定义导航栏 -->
             <global-navbar :title="title" v-if="showNavbar">
                 <template #left v-if="pages.length > 1">
-                    <uni-icons v-if="getEditMode == 0 || getEditMode == 2" type="left" size="16" @tap="goBack"></uni-icons>
-                    <view v-if="getEditMode == 1" class="cancel" @tap="handleCancel">取消</view>
+                    <uni-icons v-if="navLeftType == 'icon'" :type="navLeftIcon" size="16" @tap="goBack"></uni-icons>
+                    <view v-if="navLeftType == 'text'" class="cancel" @tap="handleCancel">{{ navLeftText }}</view>
                 </template>
-                <template #right>
-                    <global-button type="primary" size="small" v-if="getEditMode == 1" style="padding: 0 32rpx" @tap="handleEdit">
-                        {{ editButtonText }}
+                <template #right v-if="showNavRight">
+                    <global-button type="text" size="small" v-if="navRightType == 'text'" @tap="handleEdit">
+                        {{ navRightText }}
                     </global-button>
-                    <global-button type="text" size="small" v-if="getEditMode == 2" @tap="handleEdit">
-                        {{ editText }}
+                    <global-button type="primary" size="small" v-if="navRightType == 'button'" style="padding: 0 32rpx" @tap="handleEdit">
+                        {{ navRightText }}
                     </global-button>
+                    <global-icon v-if="navRightType == 'icon'" :icon="navRightIcon" @tap="handleEdit"></global-icon>
                 </template>
             </global-navbar>
             <slot name="top"></slot>
@@ -43,6 +44,9 @@
         </view>
         <!-- 底部 -->
         <template #bottom>
+            <view class="footer-btn" v-if="showFooterBtn">
+                <global-button type="primary" size="large" @tap="handleFooter">{{ footerBtnText }}</global-button>
+            </view>
             <slot name="bottom"></slot>
         </template>
     </z-paging>
@@ -51,7 +55,7 @@
 import { computed, ref } from 'vue'
 
 const dataList = ref([])
-const es = defineEmits(['query', 'handleCancel', 'handleEdit'])
+const es = defineEmits(['query', 'handleCancel', 'handleEdit', 'handleFooter'])
 const paging = ref()
 const ps = defineProps({
     padding: {
@@ -72,25 +76,50 @@ const ps = defineProps({
         type: Boolean,
         default: true
     },
-    //页面是否编辑状态
-    showEdit: {
+    //nav左边插槽类型:icon,text
+    navLeftType: {
+        type: String,
+        default: 'icon'
+    },
+    //nav左边插槽图标
+    navLeftIcon: {
+        type: String,
+        default: 'left'
+    },
+    //nav左边插槽文字
+    navLeftText: {
+        type: String,
+        default: '取消'
+    },
+    //是否显示nav右边插槽
+    showNavRight: {
         type: Boolean,
         default: false
     },
-    //编辑按钮文字内容
-    editButtonText: {
+    //nav右边插槽类型:icon,text,button
+    navRightType: {
         type: String,
-        default: '保存'
+        default: 'text'
+    },
+    //nav右边插槽图标
+    navRightIcon: {
+        type: String,
+        default: 'navbarright'
     },
-    //编辑文字内容
-    editText: {
+    //nav右边插槽文字
+    navRightText: {
         type: String,
         default: '编辑'
     },
-    //页面编辑模式0,1,2
-    editMode: {
-        type: Number,
-        default: 0
+    //是否显示底部按钮
+    showFooterBtn: {
+        type: Boolean,
+        default: false
+    },
+    //底部按钮文字内容
+    footerBtnText: {
+        type: String,
+        default: '保存'
     },
     //是否显示返回
     showBack: {
@@ -163,8 +192,6 @@ const query = (pageIndex, pageSize) => {
         complete()
     }
 }
-//获取页面状态
-const getEditMode = ref(ps.editMode)
 //返回
 const goBack = () => {
     uni.navigateBack()
@@ -177,18 +204,19 @@ const handleCancel = () => {
 const handleEdit = () => {
     es('handleEdit')
 }
-//修改编辑状态
-const handleChangeEdit = (value) => {
-    getEditMode.value = value
+//点击底部按钮
+const handleFooter = () => {
+    es('handleFooter')
 }
 // 获取页面栈
 const pages = getCurrentPages()
-defineExpose({
-    handleChangeEdit
-})
 </script>
 <style scoped>
 .cancel {
     font-size: 28rpx;
 }
+.footer-btn {
+    padding: 24rpx 32rpx;
+    background-color: #fff;
+}
 </style>

src/components/global-popup/global-popup.vue

+<template>
+    <!-- 全局弹出层 -->
+    <up-popup
+        :show="modelValue"
+        :mode="mode"
+        :closeable="closeable"
+        :closeIconPos="closeIconPos"
+        :closeOnClickOverlay="closeOnClickOverlay"
+        :customStyle="getCustomStyle"
+        @close="close"
+        @open="open"
+    >
+        <view class="popup">
+            <slot name="title" v-if="title">
+                <view class="title">{{ title }}</view>
+            </slot>
+            <view class="content">
+                <slot></slot>
+            </view>
+        </view>
+    </up-popup>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const es = defineEmits(['close', 'open'])
+const ps = defineProps({
+    modelValue: {
+        type: Boolean,
+        default: false
+    },
+    width: {
+        type: [String, Number],
+        default: ''
+    },
+    title: {
+        type: String,
+        default: ''
+    },
+    background: {
+        type: String,
+        default: '#fff'
+    },
+    // top / right / bottom / center
+    mode: {
+        type: String,
+        default: 'bottom'
+    },
+    closeable: {
+        type: Boolean,
+        default: false
+    },
+    // top-left / bottom-left / bottom-right
+    closeIconPos: {
+        type: String,
+        default: 'top-right'
+    },
+    closeOnClickOverlay: {
+        type: Boolean,
+        default: true
+    },
+    round: {
+        type: [String, Number],
+        default: 0
+    },
+    customStyle: {
+        type: Object,
+        default: () => {
+            return {}
+        }
+    }
+})
+// 获取屏幕边界到安全区域距离
+const { safeAreaInsets } = uni.getSystemInfoSync()
+const getCustomStyle = computed(() => {
+    const style = {
+        ...ps.customStyle,
+        width: ps.width ? ps.width + 'rpx' : 'auto',
+        background: ps.background
+    }
+    if (ps.mode == 'right') {
+        style.borderTopLeftRadius = ps.round + 'rpx'
+        style.marginTop = safeAreaInsets?.top + 'px'
+    }
+    if (ps.mode == 'left') {
+        style.borderTopRightRadius = ps.round + 'rpx'
+        style.marginTop = safeAreaInsets?.top + 'px'
+    }
+    return style
+})
+const close = () => {
+    es('close', false)
+}
+const open = () => {
+    es('open', true)
+}
+</script>
+<style lang="scss">
+.popup {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    .title {
+        color: $uni-text-5;
+        font-size: 40rpx;
+        padding: 18rpx 32rpx;
+    }
+    .content {
+        flex: auto;
+        overflow-y: auto;
+    }
+}
+</style>

src/pages.json

@@ -97,6 +97,12 @@
 				"navigationBarTitleText": "早会工作详情",
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path": "pages/panel/assign-work/editWork",
+			"style": {
+				"navigationStyle": "custom"
+			}
 		}
 	],
 	"globalStyle": {

src/pages/panel/app-center/index.vue

 <template>
-    <global-page ref="pageRef" title="应用中心" @handleCancel="handleCancel" @handleEdit="handleEdit" :padding="16">
+    <global-page
+        ref="pageRef"
+        title="应用中心"
+        @handleCancel="handleCancel"
+        @handleEdit="handleEdit"
+        :padding="16"
+        :navLeftType="navLeftType"
+        :showNavRight="isEdit"
+        navRightType="button"
+        navRightText="保存"
+    >
         <view class="card">
             <view class="card-title">
                 <view class="card-title-txt">首页应用</view>
@@ -45,24 +55,24 @@ import { cloneDeep } from 'lodash'
 
 const userStore = useUserStore()
 const isEdit = ref(false)
-const pageRef = ref()
+const navLeftType = ref('icon')
 //取消
 const handleCancel = () => {
     isEdit.value = false
-    pageRef.value?.handleChangeEdit(0)
+    navLeftType.value = 'icon'
     homeMenuList.value = cloneDeep(userStore.getHomeMenuList)
 }
 //保存
 const handleEdit = () => {
     isEdit.value = false
-    pageRef.value?.handleChangeEdit(0)
+    navLeftType.value = 'icon'
     userStore.changeHomeMenuList(cloneDeep(homeMenuList.value))
     uni.$message.showToast('保存菜单成功')
 }
 //编辑
 const handleChange = () => {
     isEdit.value = true
-    pageRef.value?.handleChangeEdit(1)
+    navLeftType.value = 'text'
 }
 //操作菜单
 const homeMenuList = ref([])

src/pages/panel/appraisal-record/add.vue

 <template>
     <global-page
         :title="formData.isDuty == 0 ? '添加公司值班信息' : '添加品质中心信息'"
-        showEdit
-        :editMode="1"
+        navLeftType="text"
+        showNavRight
+        navRightType="button"
+        navRightText="保存"
         @handleCancel="handleCancel"
         @handleEdit="handleEdit"
     >

src/pages/panel/appraisal-record/components/card-details.vue

@@ -83,6 +83,7 @@ const handleAdd = () => {
         justify-content: space-between;
         border-bottom: 2rpx solid #f4f4f4;
         padding-bottom: 16rpx;
+        color: $uni-text-5;
         .left {
             display: flex;
             align-items: center;

src/pages/panel/appraisal-record/constants/edit.scss

@@ -22,7 +22,3 @@
         }
     }
 }
-.submit-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}

src/pages/panel/appraisal-record/details.vue

 <template>
-    <global-page :padding="24" title="考核记录详情" showEdit :editMode="2" @handleEdit="handleEdit">
+    <global-page :padding="24" title="考核记录详情" showNavRight @handleEdit="handleEdit">
         <template v-if="details">
             <view class="details">
                 <view class="details-header">
@@ -23,10 +23,7 @@
                     <view class="details-body-top">
                         <view class="top">
                             <global-icon icon="mind-mapping"></global-icon>
-                            <view class="txt u-line-1">
-                                <text class="color-text-5">事件来源:</text>
-                                {{ details.eventSource || ' -' }}
-                            </view>
+                            <global-field class="txt u-line-1" label="事件来源:" :value="details.eventSource || ' -'"></global-field>
                         </view>
                         <view class="bottom" v-if="details.department != '-1' && details.appraisee != '-1'">
                             {{ details.department != '-1' ? details.department : '-' }}
@@ -46,17 +43,11 @@
                     <view class="details-footer-bottom">
                         <view class="person-info">
                             <global-icon icon="idcard"></global-icon>
-                            <view class="txt">
-                                <text class="color-text-5">当班人员：</text>
-                                {{ details.onDutyUser || '-' }}
-                            </view>
+                            <global-field class="txt" label="当班人员：" :value="details.onDutyUser || '-'"></global-field>
                         </view>
                         <view class="person-info">
                             <global-icon icon="idcard"></global-icon>
-                            <view class="txt">
-                                <text class="color-text-5">值班人员：</text>
-                                {{ details.dmName || '-' }}
-                            </view>
+                            <global-field class="txt" label="值班人员：" :value="details.dmName || '-'"></global-field>
                         </view>
                     </view>
                 </view>

src/pages/panel/appraisal-record/edit.vue

 <template>
-    <global-page title="考核记录登记">
+    <global-page title="考核记录登记" showFooterBtn @handleFooter="handleSubmit">
         <view class="content">
             <view class="form">
                 <up-form labelPosition="left" labelWidth="auto" :model="formData" ref="formRef" :rules="rules">
@@ -63,10 +63,17 @@
                         ></up-textarea>
                     </up-form-item>
                     <up-form-item label="分值" :borderBottom="true">
-                        <up-input border="none" inputAlign="right" placeholder="请输入" v-model.number="formData.score" type="number"></up-input>
+                        <up-input
+                            border="none"
+                            inputAlign="right"
+                            placeholder="请输入"
+                            v-model.number="formData.score"
+                            type="number"
+                            clearable
+                        ></up-input>
                     </up-form-item>
                     <up-form-item label="当班人员" :borderBottom="true">
-                        <up-input border="none" inputAlign="right" placeholder="请输入" v-model="formData.onDutyUser"></up-input>
+                        <up-input border="none" inputAlign="right" placeholder="请输入" v-model="formData.onDutyUser" clearable></up-input>
                     </up-form-item>
                 </up-form>
             </view>
@@ -114,11 +121,6 @@
                 </view>
             </view>
         </view>
-        <template #bottom>
-            <view class="submit-btn">
-                <global-button type="primary" size="large" @tap="handleSubmit">保存</global-button>
-            </view>
-        </template>
     </global-page>
 </template>
 

src/pages/panel/assign-work/components/card-details.vue

+<template>
+    <view class="card">
+        <view class="card-title">
+            <view class="left">
+                <global-icon :icon="titleIcon"></global-icon>
+                <text class="txt">{{ title }}</text>
+            </view>
+        </view>
+        <view class="card-content">
+            <slot></slot>
+        </view>
+    </view>
+</template>
+
+<script setup>
+const ps = defineProps({
+    title: {
+        type: String,
+        default: ''
+    },
+    titleIcon: {
+        type: String,
+        default: 'email'
+    }
+})
+</script>
+<style lang="scss" scoped>
+.card {
+    margin-top: 16rpx;
+    padding: 16rpx 24rpx;
+    border-radius: 12rpx;
+    color: $uni-text-4;
+    background: #ffffff;
+    &-title {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        border-bottom: 2rpx solid #f4f4f4;
+        padding-bottom: 16rpx;
+        font-size: 34rpx;
+        color: $uni-text-5;
+        .left {
+            display: flex;
+            align-items: center;
+            .txt {
+                margin-left: 8rpx;
+                color: $uni-text-5;
+            }
+        }
+    }
+    &-content {
+        padding: 16rpx 0;
+    }
+}
+</style>

src/pages/panel/assign-work/components/company-popup.vue

+<template>
+    <global-popup v-model="showPopup" mode="right" :width="580" background="#F7F8FA" title="选择责任单位" :round="32" @close="showPopup = false">
+        <view class="list">
+            <view class="item" v-for="item in 100" :key="item" @tap="handleClick">中南维修基地</view>
+        </view>
+    </global-popup>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const showPopup = ref(false)
+const open = () => {
+    showPopup.value = true
+}
+//切换责任公司
+const handleClick = () => {
+    showPopup.value = false
+}
+defineExpose({
+    open
+})
+</script>
+<style lang="scss" scoped>
+.list {
+    padding: 18rpx 32rpx;
+    .item {
+        color: $uni-text-4;
+        font-size: 30rpx;
+        background: #fff;
+        margin-bottom: 24rpx;
+        padding: 16rpx 24rpx;
+    }
+}
+</style>

src/pages/panel/assign-work/constants/details.scss

 .details {
     padding: 24rpx;
+    color: $uni-text-4;
+    background: #fff;
     &-header {
         &-top {
             display: flex;
@@ -17,14 +19,48 @@
             display: flex;
             align-items: center;
             justify-content: space-between;
+            margin-top: 16rpx;
             .left {
-                color: $uni-text-5;
+                .txt {
+                    margin-left: 8rpx;
+                }
+            }
+            .right {
+                .txt {
+                    margin-left: 16rpx;
+                }
             }
         }
         &-footer {
+            margin-top: 16rpx;
+            padding-bottom: 16rpx;
             display: flex;
             align-items: center;
             justify-content: space-between;
+            .left {
+                .txt {
+                    margin-left: 16rpx;
+                    color: $uni-text-5;
+                }
+            }
         }
     }
+    &-body {
+        &-content {
+            padding: 16rpx 0;
+            font-size: 30rpx;
+            border-top: 2rpx solid #f4f4f4;
+            border-bottom: 2rpx solid #f4f4f4;
+        }
+        &-file {
+            padding: 16rpx 0;
+            image {
+                width: 100%;
+            }
+        }
+    }
+    &-footer {
+        display: flex;
+        justify-content: space-between;
+    }
 }

src/pages/panel/assign-work/details.vue

 <template>
-    <global-page :padding="24" title="早会工作详情" showEdit :editMode="2" @handleEdit="handleEdit" editText="反馈">
+    <global-page
+        :padding="24"
+        title="早会工作详情"
+        showNavRight
+        navRightType="icon"
+        showFooterBtn
+        footerBtnText="工作反馈"
+        :editMode="3"
+        @handleEdit="handleEdit"
+        @handleFooter="handleFooter"
+    >
         <view class="details">
             <view class="details-header">
                 <view class="details-header-top">
                     <view class="left">CLOSE</view>
-                    <view class="right">提出人:唐恒山</view>
+                    <view class="right">
+                        <global-field label="提出人:" value="唐恒山"></global-field>
+                    </view>
                 </view>
                 <view class="details-header-center">
                     <view class="left">
                         <global-icon icon="mind-mapping"></global-icon>
-                        <text class="txt">工作台编号:24242424</text>
+                        <global-field class="txt" label="工作台编号:" value="24242424"></global-field>
                     </view>
                     <view class="right">
                         <text>陈朝丽测试</text>
-                        <text>早会工作</text>
+                        <text class="txt">早会工作</text>
                     </view>
                 </view>
                 <view class="details-header-footer">
                     <view class="left">
-                        <global-icon icon="mind-mapping"></global-icon>
+                        <global-icon icon="safe"></global-icon>
                         <text class="txt">反馈情况</text>
                     </view>
                     <view class="right">是</view>
                 </view>
             </view>
+            <view class="details-body">
+                <view class="details-body-content">
+                    针对股份1213飞机1月2日海口过站检查发现副驾驶氧气面罩盒测试电门损坏的情况，要求737机型中心分析原因。
+                </view>
+                <view class="details-body-file">
+                    <image src="/static/image/login/upload.png" alt="" mode="widthFix" />
+                </view>
             </view>
+            <view class="details-footer">
+                <global-field label="开始日期:" value="2024-01-03"></global-field>
+                <global-field label="完成日期:" value="2024-01-03"></global-field>
+            </view>
+        </view>
+        <card-details title="工作反馈">
+            <global-empty></global-empty>
+        </card-details>
+        <card-details title="领导批示" titleIcon="drive">
+            <global-empty></global-empty>
+        </card-details>
     </global-page>
+    <!-- 责任单位弹出层 -->
+    <company-popup ref="companyPopupRef"></company-popup>
 </template>
 
 <script setup>
+import { ref } from 'vue'
+import CardDetails from './components/card-details.vue'
+import CompanyPopup from './components/company-popup.vue'
+
+//责任公司弹框
+const companyPopupRef = ref()
 const handleEdit = () => {
-    console.log('点击反馈')
+    companyPopupRef.value?.open()
+}
+//新增
+const handleFooter = () => {
+    uni.navigateTo({ url: 'editWork' })
 }
 </script>
 <style lang="scss" scoped>

src/pages/panel/assign-work/editWork.vue

+<template>
+    <global-page title="添加工作反馈" :editMode="1">
+    
+    </global-page>
+</template>
+
+<script setup></script>
+<style lang="scss" scoped></style>

src/pages/panel/components/menu-item.vue

@@ -85,7 +85,7 @@ const getCount = computed(() => {
         height: 32rpx;
         line-height: 32rpx;
         padding: 0 8rpx;
-        background: #ee0a24;
+        background: $uni-danger-6;
         position: absolute;
         top: 0;
         right: 40rpx;

src/static/font/demo_index.html

@@ -55,6 +55,24 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon iconfont">&#xe6dc;</span>
+                <div class="name">navbarright</div>
+                <div class="code-name">&amp;#xe6dc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6db;</span>
+                <div class="name">drive</div>
+                <div class="code-name">&amp;#xe6db;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6dd;</span>
+                <div class="name">safe</div>
+                <div class="code-name">&amp;#xe6dd;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe6d6;</span>
                 <div class="name">subscribed</div>
                 <div class="code-name">&amp;#xe6d6;</div>
@@ -114,9 +132,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1715851956645') format('woff2'),
-       url('iconfont.woff?t=1715851956645') format('woff'),
-       url('iconfont.ttf?t=1715851956645') format('truetype');
+  src: url('iconfont.woff2?t=1716888584997') format('woff2'),
+       url('iconfont.woff?t=1716888584997') format('woff'),
+       url('iconfont.ttf?t=1716888584997') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -143,6 +161,33 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon iconfont icon-navbarright"></span>
+            <div class="name">
+              navbarright
+            </div>
+            <div class="code-name">.icon-navbarright
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-drive"></span>
+            <div class="name">
+              drive
+            </div>
+            <div class="code-name">.icon-drive
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-safe"></span>
+            <div class="name">
+              safe
+            </div>
+            <div class="code-name">.icon-safe
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-subscribed"></span>
             <div class="name">
               subscribed
@@ -234,6 +279,30 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-navbarright"></use>
+                </svg>
+                <div class="name">navbarright</div>
+                <div class="code-name">#icon-navbarright</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-drive"></use>
+                </svg>
+                <div class="name">drive</div>
+                <div class="code-name">#icon-drive</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-safe"></use>
+                </svg>
+                <div class="name">safe</div>
+                <div class="code-name">#icon-safe</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-subscribed"></use>
                 </svg>
                 <div class="name">subscribed</div>

src/static/font/iconfont.css

 @font-face {
   font-family: "iconfont"; /* Project id 4550048 */
-  src: url('iconfont.woff2?t=1715851956645') format('woff2'),
-       url('iconfont.woff?t=1715851956645') format('woff'),
-       url('iconfont.ttf?t=1715851956645') format('truetype');
+  src: url('iconfont.woff2?t=1716888584997') format('woff2'),
+       url('iconfont.woff?t=1716888584997') format('woff'),
+       url('iconfont.ttf?t=1716888584997') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-navbarright:before {
+  content: "\e6dc";
+}
+
+.icon-drive:before {
+  content: "\e6db";
+}
+
+.icon-safe:before {
+  content: "\e6dd";
+}
+
 .icon-subscribed:before {
   content: "\e6d6";
 }

src/static/font/iconfont.js

-window._iconfont_svg_string_4550048='<svg><symbol id="icon-subscribed" viewBox="0 0 1024 1024"><path d="M234.688 170.688v654.208L512 676.992l277.312 147.904V170.688H234.688z m-85.376-21.312a64 64 0 0 1 64-64h597.376a64 64 0 0 1 64 64v739.52c0 35.456-37.76 58.112-69.056 41.408L512 773.76l-293.632 156.608a46.912 46.912 0 0 1-69.056-41.408V149.376zM471.36 468.48l165.952-165.952 60.352 60.352-226.304 226.304-135.68-135.744 60.288-60.352L471.36 468.48z" fill="#4E5969" ></path></symbol><symbol id="icon-mind-mapping" viewBox="0 0 1024 1024"><path d="M106.688 213.312a85.312 85.312 0 1 1 128 73.92v182.08h106.624v85.376H234.688V768h106.624v85.312h-192V287.232a85.312 85.312 0 0 1-42.624-73.92zM917.312 256H426.688V170.688h490.624V256z m0 298.688H426.688V469.312h490.624v85.376z m0 298.624H426.688V768h490.624v85.312z" fill="#4E5969" ></path></symbol><symbol id="icon-email" viewBox="0 0 1024 1024"><path d="M149.312 128a64 64 0 0 0-64 64v640a64 64 0 0 0 64 64h725.376a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64H149.312z m21.376 682.688V213.312h682.624v597.376H170.688z m88.32-483.072L512 502.784l253.056-175.168 48.576 70.144-265.216 183.552a64 64 0 0 1-72.832 0L210.368 397.76l48.64-70.144z" fill="#4E5969" ></path></symbol><symbol id="icon-idcard" viewBox="0 0 1024 1024"><path d="M85.312 213.312C85.312 166.208 123.52 128 170.688 128h682.624c47.168 0 85.376 38.208 85.376 85.312v597.376c0 47.104-38.208 85.312-85.376 85.312H170.688a85.312 85.312 0 0 1-85.376-85.312V213.312z m768 0H170.688v597.376h682.624V213.312z m-426.624 192h-192V320h192v85.312z m0 149.376h-192V469.312h192v85.376zM341.312 704H234.688V618.688h106.624V704z m277.376-106.688C559.808 597.312 512 645.12 512 704H426.688a192 192 0 0 1 114.24-175.616 128 128 0 1 1 155.456 0A192 192 0 0 1 810.688 704h-85.376c0-58.88-47.744-106.688-106.624-106.688zM576 426.688a42.688 42.688 0 1 1 85.312 0 42.688 42.688 0 0 1-85.312 0z" fill="#4E5969" ></path></symbol><symbol id="icon-calendar" viewBox="0 0 1024 1024"><path d="M256 149.312v-42.688h85.312v42.688h341.376v-42.688H768v42.688h85.312a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H170.688a64 64 0 0 1-64-64v-640a64 64 0 0 1 64-64H256z m0 85.312H192v192h640v-192h-64v42.688h-85.312v-42.688H341.312v42.688H256v-42.688zM832 512H192v320h640V512z" fill="#4E5969" ></path></symbol><symbol id="icon-message" viewBox="0 0 1024 1024"><path d="M106.688 512a405.312 405.312 0 1 1 810.624 0v13.44a391.936 391.936 0 0 1-391.872 391.872H106.688V512zM512 192a320 320 0 0 0-320 320v320h333.44A306.56 306.56 0 0 0 832 525.44V512a320 320 0 0 0-320-320z m192 192v85.312H320V384h384z m-192 277.312H320V576h192v85.312z" fill="#4E5969" ></path></symbol><symbol id="icon-Vector" viewBox="0 0 1228 1024"><path d="M285.360264 841.131887c15.870413 7.372063 15.870413 22.013799 23.754425 36.553144 0 22.013799-15.768023 43.925207-47.50885 43.925208-23.754425 7.269673-47.611239-14.641736-55.49525-43.925208 0-21.911409 15.870413-43.822818 47.508849-65.734226a263.960804 263.960804 0 0 1 150.615339 0c95.222478 36.553145 182.356164 116.929107 206.110588 168.123988-47.508849-175.49605-253.619438-321.708629-443.859614-241.332667-71.365663 29.283472-103.106489 87.748025-103.106489 153.584641C71.365663 965.637836 134.744926 1024 221.981002 1024c47.508849 0 87.133687-14.641736 110.990501-43.925207 31.740826-51.194881 15.768023-116.929107-47.611239-138.942906z m657.956604 0c-15.870413 7.372063-23.754425 14.641736-23.754424 36.553144 0 22.013799 15.768023 43.925207 47.508849 43.925208 23.754425 7.269673 47.611239-14.641736 55.49525-43.925208 0-21.911409-15.870413-43.822818-47.508849-65.734226a263.960804 263.960804 0 0 0-150.615338 0c-95.222478 36.553145-182.356164 116.929107-213.994601 168.123988 47.508849-175.49605 261.50345-321.708629 451.743626-241.332667 63.481652 22.013799 103.106489 80.478352 95.222478 146.314968-7.986401 73.106289-63.481652 131.673233-150.717729 131.673233-47.508849 0-87.133687-14.641736-110.990501-43.925208-23.754425-43.925207-15.768023-109.659434 47.611239-131.673232zM610.242976 387.750025C784.817518 387.750025 927.446455 307.271673 927.446455 204.881912c0-80.478352-87.236076-146.314969-206.110589-175.496051 142.731327 29.181082 245.735426 109.659434 245.735427 197.40746C967.071293 336.555144 832.428757 409.661434 713.451855 424.30317c-71.365663 7.269673-79.249675 7.269673-103.10649 29.283471-7.884012-22.013799-23.754425-22.013799-87.133686-29.283471C404.234777 409.661434 269.489851 329.183082 269.489851 226.793321c0-87.748025 103.106489-168.226377 245.735426-197.40746C388.466753 58.464554 301.230677 124.40356 301.230677 204.881912c0 102.389761 142.628937 182.868113 309.217078 182.868113z m0 117.031497c31.740826-22.013799 79.249675-29.283472 118.976902-36.655535C903.692031 431.572843 1014.682532 351.29927 1014.682532 241.435056c0-43.822818-15.870413-80.478352-47.611239-109.659434-63.481652-58.566943-158.49935-102.389761-277.476253-117.031496 213.994601 14.641736 372.69873 124.30117 372.698731 255.974402 0 117.031497-118.976902 204.779522-309.217079 248.60234-79.249675 22.013799-118.874513 36.655534-142.731327 73.208679-15.870413-36.553145-55.49525-43.925207-134.744925-73.208679-190.240176-43.822818-309.217078-131.570843-309.217078-248.60234 0-131.673233 158.70413-234.062994 372.69873-255.974402C427.989201 29.385861 332.971503 73.208679 269.489851 131.775622c-31.740826 29.181082-47.508849 73.106289-47.508849 109.659434 0 109.761824 110.990501 190.137786 285.360264 226.690931 31.740826 7.372063 79.249675 14.641736 103.004099 36.655535z m0 175.49605c39.624838-58.566943 118.976902-87.748025 190.240176-109.761824 23.856814-7.269673 31.740826-14.539346 55.49525-14.539346 150.615338-51.194881 245.735426-146.314969 253.721828-255.974402 0-153.584642-198.226577-277.988201-443.962004-299.89961C975.057694 14.744126 1228.677132 175.59844 1228.677132 358.466553c0 124.30117-95.120088 234.062994-277.476252 299.89961-79.249675 21.911409-285.360264 80.375962-340.855515 292.527548-47.508849-204.779522-253.619438-270.616138-332.869113-292.527548C95.120088 585.157484 0 482.767723 0 358.466553 0 175.59844 253.619438 22.013799 562.836516 0.10239 317.10109 14.744126 118.772123 139.045295 118.772123 292.629937c7.986401 109.761824 103.106489 204.779522 245.735426 255.974403 23.856814 7.372063 31.740826 14.641736 55.495251 14.641735 79.249675 29.283472 158.60174 58.464554 190.240176 117.031497z m-110.990501-511.948805C499.354865 109.659434 546.966103 58.464554 618.434157 58.464554 689.59504 58.566943 737.206279 102.492151 737.206279 168.328767c0 58.464554-47.611239 109.659434-118.874512 109.659434-71.365663 0-118.976902-43.822818-118.976902-109.659434z" fill="#DD4012" ></path></symbol></svg>',function(i){var t=(t=document.getElementsByTagName("script"))[t.length-1],e=t.getAttribute("data-injectcss"),t=t.getAttribute("data-disable-injectsvg");if(!t){var n,o,a,c,l,d=function(t,e){e.parentNode.insertBefore(t,e)};if(e&&!i.__iconfont__svg__cssinject__){i.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}n=function(){var t,e=document.createElement("div");e.innerHTML=i._iconfont_svg_string_4550048,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?d(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(n,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),n()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(a=n,c=i.document,l=!1,m(),c.onreadystatechange=function(){"complete"==c.readyState&&(c.onreadystatechange=null,s())})}function s(){l||(l=!0,a())}function m(){try{c.documentElement.doScroll("left")}catch(t){return void setTimeout(m,50)}s()}}(window);
\ No newline at end of file
+window._iconfont_svg_string_4550048='<svg><symbol id="icon-navbarright" viewBox="0 0 1024 1024"><path d="M896 748.8H128V832h768v-83.2z m0-281.6H467.2v83.2H896V467.2zM128 192h768v83.2H128V192z m172.8 448c12.8 6.4 32 0 32-19.2V409.6c0-19.2-19.2-25.6-32-19.2L140.8 499.2c-12.8 6.4-12.8 25.6 0 38.4L300.8 640z"  ></path></symbol><symbol id="icon-drive" viewBox="0 0 1024 1024"><path d="M236.8 172.8v684.8h556.8v-448H620.8c-38.4 0-64-25.6-64-64V172.8h-320z m403.2 57.6V320h89.6L640 230.4zM147.2 147.2c0-38.4 25.6-64 64-64h403.2l262.4 262.4v531.2c0 38.4-25.6 64-64 64H211.2c-38.4 0-64-25.6-64-64V147.2z"  ></path></symbol><symbol id="icon-safe" viewBox="0 0 1024 1024"><path d="M512 76.8l19.2 12.8c70.4 38.4 153.6 64 217.6 83.2 32 6.4 57.6 12.8 76.8 19.2 12.8 0 19.2 0 25.6 6.4h44.8v371.2l-44.8-6.4h44.8V576c0 6.4-6.4 19.2-12.8 32-6.4 25.6-25.6 64-51.2 108.8-51.2 83.2-147.2 172.8-307.2 224H512l-12.8-6.4c-160-44.8-256-140.8-307.2-224-25.6-32-38.4-70.4-51.2-102.4-6.4-12.8-6.4-25.6-6.4-32v-12.8l44.8-6.4-51.2 6.4V198.4l38.4-6.4h6.4c6.4 0 12.8 0 25.6-6.4 19.2 0 44.8-6.4 76.8-19.2 64-12.8 147.2-38.4 217.6-83.2l19.2-6.4z m-300.8 192v288c0 6.4 6.4 12.8 6.4 25.6 6.4 25.6 19.2 51.2 44.8 89.6 44.8 64 115.2 140.8 249.6 179.2 128-38.4 204.8-115.2 249.6-179.2 19.2-32 32-64 44.8-89.6 6.4-12.8 6.4-19.2 6.4-25.6V268.8c-19.2-6.4-51.2-6.4-83.2-19.2-64-12.8-140.8-38.4-217.6-76.8-76.8 44.8-153.6 64-217.6 83.2-32 6.4-57.6 12.8-83.2 12.8z m518.4 147.2l-243.2 243.2-160-153.6L384 448l96 96 185.6-185.6 64 57.6z"  ></path></symbol><symbol id="icon-subscribed" viewBox="0 0 1024 1024"><path d="M234.688 170.688v654.208L512 676.992l277.312 147.904V170.688H234.688z m-85.376-21.312a64 64 0 0 1 64-64h597.376a64 64 0 0 1 64 64v739.52c0 35.456-37.76 58.112-69.056 41.408L512 773.76l-293.632 156.608a46.912 46.912 0 0 1-69.056-41.408V149.376zM471.36 468.48l165.952-165.952 60.352 60.352-226.304 226.304-135.68-135.744 60.288-60.352L471.36 468.48z" fill="#4E5969" ></path></symbol><symbol id="icon-mind-mapping" viewBox="0 0 1024 1024"><path d="M106.688 213.312a85.312 85.312 0 1 1 128 73.92v182.08h106.624v85.376H234.688V768h106.624v85.312h-192V287.232a85.312 85.312 0 0 1-42.624-73.92zM917.312 256H426.688V170.688h490.624V256z m0 298.688H426.688V469.312h490.624v85.376z m0 298.624H426.688V768h490.624v85.312z" fill="#4E5969" ></path></symbol><symbol id="icon-email" viewBox="0 0 1024 1024"><path d="M149.312 128a64 64 0 0 0-64 64v640a64 64 0 0 0 64 64h725.376a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64H149.312z m21.376 682.688V213.312h682.624v597.376H170.688z m88.32-483.072L512 502.784l253.056-175.168 48.576 70.144-265.216 183.552a64 64 0 0 1-72.832 0L210.368 397.76l48.64-70.144z" fill="#4E5969" ></path></symbol><symbol id="icon-idcard" viewBox="0 0 1024 1024"><path d="M85.312 213.312C85.312 166.208 123.52 128 170.688 128h682.624c47.168 0 85.376 38.208 85.376 85.312v597.376c0 47.104-38.208 85.312-85.376 85.312H170.688a85.312 85.312 0 0 1-85.376-85.312V213.312z m768 0H170.688v597.376h682.624V213.312z m-426.624 192h-192V320h192v85.312z m0 149.376h-192V469.312h192v85.376zM341.312 704H234.688V618.688h106.624V704z m277.376-106.688C559.808 597.312 512 645.12 512 704H426.688a192 192 0 0 1 114.24-175.616 128 128 0 1 1 155.456 0A192 192 0 0 1 810.688 704h-85.376c0-58.88-47.744-106.688-106.624-106.688zM576 426.688a42.688 42.688 0 1 1 85.312 0 42.688 42.688 0 0 1-85.312 0z" fill="#4E5969" ></path></symbol><symbol id="icon-calendar" viewBox="0 0 1024 1024"><path d="M256 149.312v-42.688h85.312v42.688h341.376v-42.688H768v42.688h85.312a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H170.688a64 64 0 0 1-64-64v-640a64 64 0 0 1 64-64H256z m0 85.312H192v192h640v-192h-64v42.688h-85.312v-42.688H341.312v42.688H256v-42.688zM832 512H192v320h640V512z" fill="#4E5969" ></path></symbol><symbol id="icon-message" viewBox="0 0 1024 1024"><path d="M106.688 512a405.312 405.312 0 1 1 810.624 0v13.44a391.936 391.936 0 0 1-391.872 391.872H106.688V512zM512 192a320 320 0 0 0-320 320v320h333.44A306.56 306.56 0 0 0 832 525.44V512a320 320 0 0 0-320-320z m192 192v85.312H320V384h384z m-192 277.312H320V576h192v85.312z" fill="#4E5969" ></path></symbol><symbol id="icon-Vector" viewBox="0 0 1228 1024"><path d="M285.360264 841.131887c15.870413 7.372063 15.870413 22.013799 23.754425 36.553144 0 22.013799-15.768023 43.925207-47.50885 43.925208-23.754425 7.269673-47.611239-14.641736-55.49525-43.925208 0-21.911409 15.870413-43.822818 47.508849-65.734226a263.960804 263.960804 0 0 1 150.615339 0c95.222478 36.553145 182.356164 116.929107 206.110588 168.123988-47.508849-175.49605-253.619438-321.708629-443.859614-241.332667-71.365663 29.283472-103.106489 87.748025-103.106489 153.584641C71.365663 965.637836 134.744926 1024 221.981002 1024c47.508849 0 87.133687-14.641736 110.990501-43.925207 31.740826-51.194881 15.768023-116.929107-47.611239-138.942906z m657.956604 0c-15.870413 7.372063-23.754425 14.641736-23.754424 36.553144 0 22.013799 15.768023 43.925207 47.508849 43.925208 23.754425 7.269673 47.611239-14.641736 55.49525-43.925208 0-21.911409-15.870413-43.822818-47.508849-65.734226a263.960804 263.960804 0 0 0-150.615338 0c-95.222478 36.553145-182.356164 116.929107-213.994601 168.123988 47.508849-175.49605 261.50345-321.708629 451.743626-241.332667 63.481652 22.013799 103.106489 80.478352 95.222478 146.314968-7.986401 73.106289-63.481652 131.673233-150.717729 131.673233-47.508849 0-87.133687-14.641736-110.990501-43.925208-23.754425-43.925207-15.768023-109.659434 47.611239-131.673232zM610.242976 387.750025C784.817518 387.750025 927.446455 307.271673 927.446455 204.881912c0-80.478352-87.236076-146.314969-206.110589-175.496051 142.731327 29.181082 245.735426 109.659434 245.735427 197.40746C967.071293 336.555144 832.428757 409.661434 713.451855 424.30317c-71.365663 7.269673-79.249675 7.269673-103.10649 29.283471-7.884012-22.013799-23.754425-22.013799-87.133686-29.283471C404.234777 409.661434 269.489851 329.183082 269.489851 226.793321c0-87.748025 103.106489-168.226377 245.735426-197.40746C388.466753 58.464554 301.230677 124.40356 301.230677 204.881912c0 102.389761 142.628937 182.868113 309.217078 182.868113z m0 117.031497c31.740826-22.013799 79.249675-29.283472 118.976902-36.655535C903.692031 431.572843 1014.682532 351.29927 1014.682532 241.435056c0-43.822818-15.870413-80.478352-47.611239-109.659434-63.481652-58.566943-158.49935-102.389761-277.476253-117.031496 213.994601 14.641736 372.69873 124.30117 372.698731 255.974402 0 117.031497-118.976902 204.779522-309.217079 248.60234-79.249675 22.013799-118.874513 36.655534-142.731327 73.208679-15.870413-36.553145-55.49525-43.925207-134.744925-73.208679-190.240176-43.822818-309.217078-131.570843-309.217078-248.60234 0-131.673233 158.70413-234.062994 372.69873-255.974402C427.989201 29.385861 332.971503 73.208679 269.489851 131.775622c-31.740826 29.181082-47.508849 73.106289-47.508849 109.659434 0 109.761824 110.990501 190.137786 285.360264 226.690931 31.740826 7.372063 79.249675 14.641736 103.004099 36.655535z m0 175.49605c39.624838-58.566943 118.976902-87.748025 190.240176-109.761824 23.856814-7.269673 31.740826-14.539346 55.49525-14.539346 150.615338-51.194881 245.735426-146.314969 253.721828-255.974402 0-153.584642-198.226577-277.988201-443.962004-299.89961C975.057694 14.744126 1228.677132 175.59844 1228.677132 358.466553c0 124.30117-95.120088 234.062994-277.476252 299.89961-79.249675 21.911409-285.360264 80.375962-340.855515 292.527548-47.508849-204.779522-253.619438-270.616138-332.869113-292.527548C95.120088 585.157484 0 482.767723 0 358.466553 0 175.59844 253.619438 22.013799 562.836516 0.10239 317.10109 14.744126 118.772123 139.045295 118.772123 292.629937c7.986401 109.761824 103.106489 204.779522 245.735426 255.974403 23.856814 7.372063 31.740826 14.641736 55.495251 14.641735 79.249675 29.283472 158.60174 58.464554 190.240176 117.031497z m-110.990501-511.948805C499.354865 109.659434 546.966103 58.464554 618.434157 58.464554 689.59504 58.566943 737.206279 102.492151 737.206279 168.328767c0 58.464554-47.611239 109.659434-118.874512 109.659434-71.365663 0-118.976902-43.822818-118.976902-109.659434z" fill="#DD4012" ></path></symbol></svg>',function(i){var t=(t=document.getElementsByTagName("script"))[t.length-1],e=t.getAttribute("data-injectcss"),t=t.getAttribute("data-disable-injectsvg");if(!t){var o,n,c,a,l,h=function(t,e){e.parentNode.insertBefore(t,e)};if(e&&!i.__iconfont__svg__cssinject__){i.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}o=function(){var t,e=document.createElement("div");e.innerHTML=i._iconfont_svg_string_4550048,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?h(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(o,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),o()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(c=o,a=i.document,l=!1,v(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,d())})}function d(){l||(l=!0,c())}function v(){try{a.documentElement.doScroll("left")}catch(t){return void setTimeout(v,50)}d()}}(window);
\ No newline at end of file

src/static/font/iconfont.json

@@ -6,6 +6,27 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "40514045",
+      "name": "navbarright",
+      "font_class": "navbarright",
+      "unicode": "e6dc",
+      "unicode_decimal": 59100
+    },
+    {
+      "icon_id": "40514044",
+      "name": "drive",
+      "font_class": "drive",
+      "unicode": "e6db",
+      "unicode_decimal": 59099
+    },
+    {
+      "icon_id": "40514100",
+      "name": "safe",
+      "font_class": "safe",
+      "unicode": "e6dd",
+      "unicode_decimal": 59101
+    },
+    {
       "icon_id": "40365218",
       "name": "subscribed",
       "font_class": "subscribed",