Skip to content

M
mocp-uniapp
Commit 07a23b7b by pangchong
Options

feat: 全局组件调整

parent 1b4b82ee
Showing with 559 additions and 77 deletions
components.d.ts
...@@ -10,12 +10,14 @@ declare module 'vue' { ...@@ -10,12 +10,14 @@ declare module 'vue' {
// 全局组件 // 全局组件
GlobalButton: typeof import('./src/components/global-button/global-button.vue')['default'] GlobalButton: typeof import('./src/components/global-button/global-button.vue')['default']
GlobalEmpty: typeof import('./src/components/global-empty/global-empty.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'] GlobalIcon: typeof import('./src/components/global-icon/global-icon.vue')['default']
GlobalNavbar: typeof import('./src/components/global-navbar/global-navbar.vue')['default'] GlobalNavbar: typeof import('./src/components/global-navbar/global-navbar.vue')['default']
GlobalPage: typeof import('./src/components/global-page/global-page.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'] 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'] 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'] 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'] GlobalTabs: typeof import('./src/components/global-tabs/global-tabs.vue')['default']
GlobalUpload: typeof import('./src/components/global-upload/global-upload.vue')['default'] GlobalUpload: typeof import('./src/components/global-upload/global-upload.vue')['default']
// 自定义组件 // 自定义组件
......
src/components/global-field/global-field.vue 0 → 100644
<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( ...@@ -96,7 +96,7 @@ watch(
// 这里需要延迟渲染z-paging的原因是为了避免在一些平台上立即渲染可能引发的底层报错问题 // 这里需要延迟渲染z-paging的原因是为了避免在一些平台上立即渲染可能引发的底层报错问题
setTimeout(() => { setTimeout(() => {
isCurrentPage.value = true isCurrentPage.value = true
}, 100) }, 50)
} }
} }
}, },
......
src/components/global-page-swiper/global-page-swiper.vue
...@@ -15,7 +15,14 @@ ...@@ -15,7 +15,14 @@
<slot name="top"></slot> <slot name="top"></slot>
</template> </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"> <swiper-item v-for="(_, index) in tabList" :key="index">
<global-page-swiper-item <global-page-swiper-item
:ref="(vc) => (pagingArr[index] = vc)" :ref="(vc) => (pagingArr[index] = vc)"
......
src/components/global-page/global-page.vue
...@@ -22,16 +22,17 @@ ...@@ -22,16 +22,17 @@
<!-- 自定义导航栏 --> <!-- 自定义导航栏 -->
<global-navbar :title="title" v-if="showNavbar"> <global-navbar :title="title" v-if="showNavbar">
<template #left v-if="pages.length > 1"> <template #left v-if="pages.length > 1">
<uni-icons v-if="getEditMode == 0 || getEditMode == 2" type="left" size="16" @tap="goBack"></uni-icons> <uni-icons v-if="navLeftType == 'icon'" :type="navLeftIcon" size="16" @tap="goBack"></uni-icons>
<view v-if="getEditMode == 1" class="cancel" @tap="handleCancel">取消</view> <view v-if="navLeftType == 'text'" class="cancel" @tap="handleCancel">{{ navLeftText }}</view>
</template> </template>
<template #right> <template #right v-if="showNavRight">
<global-button type="primary" size="small" v-if="getEditMode == 1" style="padding: 0 32rpx" @tap="handleEdit"> <global-button type="text" size="small" v-if="navRightType == 'text'" @tap="handleEdit">
{{ editButtonText }} {{ navRightText }}
</global-button> </global-button>
<global-button type="text" size="small" v-if="getEditMode == 2" @tap="handleEdit"> <global-button type="primary" size="small" v-if="navRightType == 'button'" style="padding: 0 32rpx" @tap="handleEdit">
{{ editText }} {{ navRightText }}
</global-button> </global-button>
<global-icon v-if="navRightType == 'icon'" :icon="navRightIcon" @tap="handleEdit"></global-icon>
</template> </template>
</global-navbar> </global-navbar>
<slot name="top"></slot> <slot name="top"></slot>
...@@ -43,6 +44,9 @@ ...@@ -43,6 +44,9 @@
</view> </view>
<!-- 底部 --> <!-- 底部 -->
<template #bottom> <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> <slot name="bottom"></slot>
</template> </template>
</z-paging> </z-paging>
...@@ -51,7 +55,7 @@ ...@@ -51,7 +55,7 @@
import { computed, ref } from 'vue' import { computed, ref } from 'vue'
const dataList = ref([]) const dataList = ref([])
const es = defineEmits(['query', 'handleCancel', 'handleEdit']) const es = defineEmits(['query', 'handleCancel', 'handleEdit', 'handleFooter'])
const paging = ref() const paging = ref()
const ps = defineProps({ const ps = defineProps({
padding: { padding: {
...@@ -72,25 +76,50 @@ const ps = defineProps({ ...@@ -72,25 +76,50 @@ const ps = defineProps({
type: Boolean, type: Boolean,
default: true default: true
}, },
//页面是否编辑状态 //nav左边插槽类型:icon,text
showEdit: { navLeftType: {
type: String,
default: 'icon'
},
//nav左边插槽图标
navLeftIcon: {
type: String,
default: 'left'
},
//nav左边插槽文字
navLeftText: {
type: String,
default: '取消'
},
//是否显示nav右边插槽
showNavRight: {
type: Boolean, type: Boolean,
default: false default: false
}, },
//编辑按钮文字内容 //nav右边插槽类型:icon,text,button
editButtonText: { navRightType: {
type: String, type: String,
default: '保存' default: 'text'
},
//nav右边插槽图标
navRightIcon: {
type: String,
default: 'navbarright'
}, },
//编辑文字内容 //nav右边插槽文字
editText: { navRightText: {
type: String, type: String,
default: '编辑' default: '编辑'
}, },
//页面编辑模式0,1,2 //是否显示底部按钮
editMode: { showFooterBtn: {
type: Number, type: Boolean,
default: 0 default: false
},
//底部按钮文字内容
footerBtnText: {
type: String,
default: '保存'
}, },
//是否显示返回 //是否显示返回
showBack: { showBack: {
...@@ -163,8 +192,6 @@ const query = (pageIndex, pageSize) => { ...@@ -163,8 +192,6 @@ const query = (pageIndex, pageSize) => {
complete() complete()
} }
} }
//获取页面状态
const getEditMode = ref(ps.editMode)
//返回 //返回
const goBack = () => { const goBack = () => {
uni.navigateBack() uni.navigateBack()
...@@ -177,18 +204,19 @@ const handleCancel = () => { ...@@ -177,18 +204,19 @@ const handleCancel = () => {
const handleEdit = () => { const handleEdit = () => {
es('handleEdit') es('handleEdit')
} }
//修改编辑状态 //点击底部按钮
const handleChangeEdit = (value) => { const handleFooter = () => {
getEditMode.value = value es('handleFooter')
} }
// 获取页面栈 // 获取页面栈
const pages = getCurrentPages() const pages = getCurrentPages()
defineExpose({
handleChangeEdit
})
</script> </script>
<style scoped> <style scoped>
.cancel { .cancel {
font-size: 28rpx; font-size: 28rpx;
} }
.footer-btn {
padding: 24rpx 32rpx;
background-color: #fff;
}
</style> </style>
src/components/global-popup/global-popup.vue 0 → 100644
<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 @@ ...@@ -97,6 +97,12 @@
"navigationBarTitleText": "早会工作详情", "navigationBarTitleText": "早会工作详情",
"navigationStyle": "custom" "navigationStyle": "custom"
} }
},
{
"path": "pages/panel/assign-work/editWork",
"style": {
"navigationStyle": "custom"
}
} }
], ],
"globalStyle": { "globalStyle": {
......
src/pages/panel/app-center/index.vue
<template> <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">
<view class="card-title"> <view class="card-title">
<view class="card-title-txt">首页应用</view> <view class="card-title-txt">首页应用</view>
...@@ -45,24 +55,24 @@ import { cloneDeep } from 'lodash' ...@@ -45,24 +55,24 @@ import { cloneDeep } from 'lodash'
const userStore = useUserStore() const userStore = useUserStore()
const isEdit = ref(false) const isEdit = ref(false)
const pageRef = ref() const navLeftType = ref('icon')
//取消 //取消
const handleCancel = () => { const handleCancel = () => {
isEdit.value = false isEdit.value = false
pageRef.value?.handleChangeEdit(0) navLeftType.value = 'icon'
homeMenuList.value = cloneDeep(userStore.getHomeMenuList) homeMenuList.value = cloneDeep(userStore.getHomeMenuList)
} }
//保存 //保存
const handleEdit = () => { const handleEdit = () => {
isEdit.value = false isEdit.value = false
pageRef.value?.handleChangeEdit(0) navLeftType.value = 'icon'
userStore.changeHomeMenuList(cloneDeep(homeMenuList.value)) userStore.changeHomeMenuList(cloneDeep(homeMenuList.value))
uni.$message.showToast('保存菜单成功') uni.$message.showToast('保存菜单成功')
} }
//编辑 //编辑
const handleChange = () => { const handleChange = () => {
isEdit.value = true isEdit.value = true
pageRef.value?.handleChangeEdit(1) navLeftType.value = 'text'
} }
//操作菜单 //操作菜单
const homeMenuList = ref([]) const homeMenuList = ref([])
......
src/pages/panel/appraisal-record/add.vue
<template> <template>
<global-page <global-page
:title="formData.isDuty == 0 ? '添加公司值班信息' : '添加品质中心信息'" :title="formData.isDuty == 0 ? '添加公司值班信息' : '添加品质中心信息'"
showEdit navLeftType="text"
:editMode="1" showNavRight
navRightType="button"
navRightText="保存"
@handleCancel="handleCancel" @handleCancel="handleCancel"
@handleEdit="handleEdit" @handleEdit="handleEdit"
> >
......
src/pages/panel/appraisal-record/components/card-details.vue
...@@ -83,6 +83,7 @@ const handleAdd = () => { ...@@ -83,6 +83,7 @@ const handleAdd = () => {
justify-content: space-between; justify-content: space-between;
border-bottom: 2rpx solid #f4f4f4; border-bottom: 2rpx solid #f4f4f4;
padding-bottom: 16rpx; padding-bottom: 16rpx;
color: $uni-text-5;
.left { .left {
display: flex; display: flex;
align-items: center; align-items: center;
......
src/pages/panel/appraisal-record/constants/edit.scss
...@@ -22,7 +22,3 @@ ...@@ -22,7 +22,3 @@
} }
} }
} }
.submit-btn {
padding: 24rpx 32rpx;
background-color: #fff;
}
src/pages/panel/appraisal-record/details.vue
<template> <template>
<global-page :padding="24" title="考核记录详情" showEdit :editMode="2" @handleEdit="handleEdit"> <global-page :padding="24" title="考核记录详情" showNavRight @handleEdit="handleEdit">
<template v-if="details"> <template v-if="details">
<view class="details"> <view class="details">
<view class="details-header"> <view class="details-header">
...@@ -23,10 +23,7 @@ ...@@ -23,10 +23,7 @@
<view class="details-body-top"> <view class="details-body-top">
<view class="top"> <view class="top">
<global-icon icon="mind-mapping"></global-icon> <global-icon icon="mind-mapping"></global-icon>
<view class="txt u-line-1"> <global-field class="txt u-line-1" label="事件来源:" :value="details.eventSource || ' -'"></global-field>
<text class="color-text-5">事件来源:</text>
{{ details.eventSource || ' -' }}
</view>
</view> </view>
<view class="bottom" v-if="details.department != '-1' && details.appraisee != '-1'"> <view class="bottom" v-if="details.department != '-1' && details.appraisee != '-1'">
{{ details.department != '-1' ? details.department : '-' }} {{ details.department != '-1' ? details.department : '-' }}
...@@ -46,17 +43,11 @@ ...@@ -46,17 +43,11 @@
<view class="details-footer-bottom"> <view class="details-footer-bottom">
<view class="person-info"> <view class="person-info">
<global-icon icon="idcard"></global-icon> <global-icon icon="idcard"></global-icon>
<view class="txt"> <global-field class="txt" label="当班人员：" :value="details.onDutyUser || '-'"></global-field>
<text class="color-text-5">当班人员：</text>
{{ details.onDutyUser || '-' }}
</view>
</view> </view>
<view class="person-info"> <view class="person-info">
<global-icon icon="idcard"></global-icon> <global-icon icon="idcard"></global-icon>
<view class="txt"> <global-field class="txt" label="值班人员：" :value="details.dmName || '-'"></global-field>
<text class="color-text-5">值班人员：</text>
{{ details.dmName || '-' }}
</view>
</view> </view>
</view> </view>
</view> </view>
......
src/pages/panel/appraisal-record/edit.vue
<template> <template>
<global-page title="考核记录登记"> <global-page title="考核记录登记" showFooterBtn @handleFooter="handleSubmit">
<view class="content"> <view class="content">
<view class="form"> <view class="form">
<up-form labelPosition="left" labelWidth="auto" :model="formData" ref="formRef" :rules="rules"> <up-form labelPosition="left" labelWidth="auto" :model="formData" ref="formRef" :rules="rules">
...@@ -63,10 +63,17 @@ ...@@ -63,10 +63,17 @@
></up-textarea> ></up-textarea>
</up-form-item> </up-form-item>
<up-form-item label="分值" :borderBottom="true"> <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>
<up-form-item label="当班人员" :borderBottom="true"> <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-item>
</up-form> </up-form>
</view> </view>
...@@ -114,11 +121,6 @@ ...@@ -114,11 +121,6 @@
</view> </view>
</view> </view>
</view> </view>
<template #bottom>
<view class="submit-btn">
<global-button type="primary" size="large" @tap="handleSubmit">保存</global-button>
</view>
</template>
</global-page> </global-page>
</template> </template>
......
src/pages/panel/assign-work/components/card-details.vue 0 → 100644
<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 0 → 100644
<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 { .details {
padding: 24rpx; padding: 24rpx;
color: $uni-text-4;
background: #fff;
&-header { &-header {
&-top { &-top {
display: flex; display: flex;
...@@ -17,14 +19,48 @@ ...@@ -17,14 +19,48 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 16rpx;
.left { .left {
color: $uni-text-5; .txt {
margin-left: 8rpx;
}
}
.right {
.txt {
margin-left: 16rpx;
}
} }
} }
&-footer { &-footer {
margin-top: 16rpx;
padding-bottom: 16rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; 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> <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">
<view class="details-header"> <view class="details-header">
<view class="details-header-top"> <view class="details-header-top">
<view class="left">CLOSE</view> <view class="left">CLOSE</view>
<view class="right">提出人:唐恒山</view> <view class="right">
<global-field label="提出人:" value="唐恒山"></global-field>
</view>
</view> </view>
<view class="details-header-center"> <view class="details-header-center">
<view class="left"> <view class="left">
<global-icon icon="mind-mapping"></global-icon> <global-icon icon="mind-mapping"></global-icon>
<text class="txt">工作台编号:24242424</text> <global-field class="txt" label="工作台编号:" value="24242424"></global-field>
</view> </view>
<view class="right"> <view class="right">
<text>陈朝丽测试</text> <text>陈朝丽测试</text>
<text>早会工作</text> <text class="txt">早会工作</text>
</view> </view>
</view> </view>
<view class="details-header-footer"> <view class="details-header-footer">
<view class="left"> <view class="left">
<global-icon icon="mind-mapping"></global-icon> <global-icon icon="safe"></global-icon>
<text class="txt">反馈情况</text> <text class="txt">反馈情况</text>
</view> </view>
<view class="right">是</view> <view class="right">是</view>
</view> </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> </view>
<card-details title="工作反馈">
<global-empty></global-empty>
</card-details>
<card-details title="领导批示" titleIcon="drive">
<global-empty></global-empty>
</card-details>
</global-page> </global-page>
<!-- 责任单位弹出层 -->
<company-popup ref="companyPopupRef"></company-popup>
</template> </template>
<script setup> <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 = () => { const handleEdit = () => {
console.log('点击反馈') companyPopupRef.value?.open()
}
//新增
const handleFooter = () => {
uni.navigateTo({ url: 'editWork' })
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/pages/panel/assign-work/editWork.vue 0 → 100644
<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(() => { ...@@ -85,7 +85,7 @@ const getCount = computed(() => {
height: 32rpx; height: 32rpx;
line-height: 32rpx; line-height: 32rpx;
padding: 0 8rpx; padding: 0 8rpx;
background: #ee0a24; background: $uni-danger-6;
position: absolute; position: absolute;
top: 0; top: 0;
right: 40rpx; right: 40rpx;
......
src/static/font/demo_index.html
...@@ -55,6 +55,24 @@ ...@@ -55,6 +55,24 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <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> <span class="icon iconfont">&#xe6d6;</span>
<div class="name">subscribed</div> <div class="name">subscribed</div>
<div class="code-name">&amp;#xe6d6;</div> <div class="code-name">&amp;#xe6d6;</div>
...@@ -114,9 +132,9 @@ ...@@ -114,9 +132,9 @@
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1715851956645') format('woff2'), src: url('iconfont.woff2?t=1716888584997') format('woff2'),
url('iconfont.woff?t=1715851956645') format('woff'), url('iconfont.woff?t=1716888584997') format('woff'),
url('iconfont.ttf?t=1715851956645') format('truetype'); url('iconfont.ttf?t=1716888584997') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
...@@ -143,6 +161,33 @@ ...@@ -143,6 +161,33 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <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> <span class="icon iconfont icon-subscribed"></span>
<div class="name"> <div class="name">
subscribed subscribed
...@@ -234,6 +279,30 @@ ...@@ -234,6 +279,30 @@
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <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> <use xlink:href="#icon-subscribed"></use>
</svg> </svg>
<div class="name">subscribed</div> <div class="name">subscribed</div>
......
src/static/font/iconfont.css
@font-face { @font-face {
font-family: "iconfont"; /* Project id 4550048 */ font-family: "iconfont"; /* Project id 4550048 */
src: url('iconfont.woff2?t=1715851956645') format('woff2'), src: url('iconfont.woff2?t=1716888584997') format('woff2'),
url('iconfont.woff?t=1715851956645') format('woff'), url('iconfont.woff?t=1716888584997') format('woff'),
url('iconfont.ttf?t=1715851956645') format('truetype'); url('iconfont.ttf?t=1716888584997') format('truetype');
} }
.iconfont { .iconfont {
...@@ -13,6 +13,18 @@ ...@@ -13,6 +13,18 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-navbarright:before {
content: "\e6dc";
}
.icon-drive:before {
content: "\e6db";
}
.icon-safe:before {
content: "\e6dd";
}
.icon-subscribed:before { .icon-subscribed:before {
content: "\e6d6"; 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); 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 \ No newline at end of file
src/static/font/iconfont.json
...@@ -6,6 +6,27 @@ ...@@ -6,6 +6,27 @@
"description": "", "description": "",
"glyphs": [ "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", "icon_id": "40365218",
"name": "subscribed", "name": "subscribed",
"font_class": "subscribed", "font_class": "subscribed",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment