Skip to content

C
CFFP-HB
Commit 6492f6e1 by sunchao
Options

站内消息&重要公告

parent cd22d164
Showing with 3539 additions and 69 deletions
App.vue
...@@ -40,4 +40,7 @@ ...@@ -40,4 +40,7 @@
.container{ .container{
background-color: #FBFBFB; background-color: #FBFBFB;
} }
.uni-popup .uni-popup__wrapper{
margin: 30rpx!important;
}
</style> </style>
api/api.ts
...@@ -40,6 +40,25 @@ export default { ...@@ -40,6 +40,25 @@ export default {
// 讲师信息查询 // 讲师信息查询
lecturerQuery(params){ lecturerQuery(params){
return request(`${apiURL}/college/lecturerQuery`, "POST", params) return request(`${apiURL}/college/lecturerQuery`, "POST", params)
},
//账户信息获取
queryAreaCenterInfo(params){
return request(`${cffpURL}/areaCenter/queryAreaCenterInfo`, "POST", params)
},
//公告列表
announcementQuery(params){
return request(`${baseURL}/ydapi/market/announcementQuery`, "POST", params)
},
//消息列表
querySystemMessage(params){
return request(`${apiURL}/systemMessage/querySystemMessage`, "POST", params)
},
//清除站内消息
oneKeyRead(params){
return request(`${apiURL}/systemMessage/oneKeyRead`, "POST", params)
},
//消息详情&单个阅读
querySystemMessageDetail(params){
return request(`${apiURL}/systemMessage/querySystemMessageDetail`, "POST", params)
} }
} }
common/common.ts
...@@ -7,6 +7,14 @@ export default { ...@@ -7,6 +7,14 @@ export default {
const PASSWOED_REGEXP = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/; const PASSWOED_REGEXP = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/;
return PASSWOED_REGEXP.test(no); return PASSWOED_REGEXP.test(no);
}, },
getQueryString(name){
const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
const r = decodeURIComponent(window.location.search).substr(1).match(reg);
if (r != null) {
return r[2];
}
return null;
},
// 封装报错弹窗 // 封装报错弹窗
errorDialog(type,content,title=null){ errorDialog(type,content,title=null){
......
components/login/login.vue
...@@ -144,8 +144,9 @@ ...@@ -144,8 +144,9 @@
} }
api.loginVerification(params).then((res)=>{ api.loginVerification(params).then((res)=>{
if(res['success']){ if(res['success']){
this.userId = res['data']['userId']; this.userId = String(res['data']['userId']);
uni.setStorageSync('isLogin',1) uni.setStorageSync('isLogin','1')
uni.setStorageSync('cffp_userId',this.userId)
uni.switchTab({ uni.switchTab({
url:'/pages/index/index' url:'/pages/index/index'
}) })
...@@ -166,8 +167,9 @@ ...@@ -166,8 +167,9 @@
console.log(params) console.log(params)
api.register(params).then((res)=>{ api.register(params).then((res)=>{
if(res['success']){ if(res['success']){
this.userId = res['data']['userId']; this.userId = String(res['data']['userId']);
uni.setStorageSync('isLogin',1) uni.setStorageSync('isLogin','1')
uni.setStorageSync('cffp_userId',this.userId)
uni.switchTab({ uni.switchTab({
url:'/pages/index/index' url:'/pages/index/index'
}) })
......
pages.json
...@@ -45,7 +45,36 @@ ...@@ -45,7 +45,36 @@
"navigationBarTitleText": "", "navigationBarTitleText": "",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
},{
"path" : "pages/announcement/announcement",
"style" :
{
"navigationBarTitleText": "公告列表",
"enablePullDownRefresh": false
}
},{
"path" : "pages/announcement/announcement_detail",
"style" :
{
"navigationBarTitleText": "公告详情",
"enablePullDownRefresh": false
}
},{
"path" : "pages/systemMsg/system_msg",
"style" :
{
"navigationBarTitleText": "消息列表",
"enablePullDownRefresh": false
}
},{
"path" : "pages/systemMsg/system_msg_detail",
"style" :
{
"navigationBarTitleText": "消息详情",
"enablePullDownRefresh": false
}
} }
], ],
"tabBar": { "tabBar": {
"color": "#7A7E83", // tab 上的文字默认颜色 "color": "#7A7E83", // tab 上的文字默认颜色
......
pages/announcement/announcement.vue 0 → 100644
<template>
<view class="container">
<view class="top">
<view class="iconfont icon-youjiantou" @click="goBack()">
</view>
<view style="width: 55%;text-align: left;">
公告列表
</view>
<!-- <view class="clear">
<text class="iconfont icon-weibiaoti544"></text>
<text>清除未读</text>
</view> -->
</view>
<view class="content">
<view class="announcement_wrapper" v-for="(item,index) in announcementLists" :key="index">
<text class="iconfont icon-zizhutuiguang"></text>
<view class="announcement_content">
<view class="announcement_title">
<text class="title">{{matchReg(item.title).substring(0,8)}}...</text>
<text class="date">{{item.announcementAt}}</text>
<!-- <text class="readed dot"></text>s -->
</view>
<view class="announcement_des">
{{matchReg(item.content).substring(0,15)}}...
<!-- <rich-text :nodes="item.content"></rich-text> -->
</view>
</view>
<view class="to_detail" @click="goToDetail(item.id)">
<view>查看详情</view>
<view class="iconfont icon-youjiantou"></view>
</view>
</view>
</view>
</view>
</template>
<script>
import api from '../../api/api';
export default{
data(){
return{
announcementLists:[],
}
},
onLoad(){
this.announcementQuery()
},
methods:{
announcementQuery() {
api.announcementQuery({announcementTypeId:686}).then(res => {
if (res['success']) {
this.announcementLists = res['data']['announcementInfoList'];
}
});
},
matchReg(str){
let reg=/<\/?.+?\/?>/g;
return str.replace(reg,'');
},
goToDetail(id){
uni.navigateTo({
url:`../announcement/announcement_detail?id=${id}`
})
},
goBack(){
uni.switchTab({
url:'../index/index'
})
}
}
}
</script>
<style lang="scss">
.top{
display: flex;
height: 100rpx;
justify-content: space-between;
align-items: center;
position: relative;
background: #fff;
padding-right: 20rpx;
.icon-youjiantou{
display: inline-block;
transform: rotate(180deg);
font-size: 30rpx;
width: 50rpx;
height: 50rpx;
z-index: 1;
}
.clear{
display: flex;
align-items: center;
.icon-weibiaoti544{
color: #5359cd;
font-size: 50rpx;
}
text:nth-child(2){
color: #999999;
font-size: 20rpx;
}
}
}
.content{
padding: 20rpx;
.announcement_wrapper{
display: flex;
margin-bottom: 20rpx;
background: #fff;
align-items: center;
flex-wrap: wrap;
padding: 20rpx 10rpx;
.icon-zizhutuiguang{
color: #5359cd;
background: #eff3ff;
font-size: 40rpx;
width: 70rpx;
height:70rpx ;
line-height: 70rpx;
text-align: center;
border-radius: 50%;
margin-right: 30rpx;
}
.announcement_content{
width:85%;
.announcement_title{
display: flex;
justify-content: space-between;
margin-bottom: 20rpx;
padding-top: 20rpx;
.title{
font-size: 40rpx;
}
.date{
color: #999999;
font-size: 28rpx;
}
.readed{
width: 20rpx;
height: 20rpx;
border-radius: 50%;
background: #EF6C40;
}
}
.announcement_des{
margin: 20rpx 0;
color: #666666;
font-size: 32rpx;
}
}
.to_detail{
display: flex;
align-items: center;
justify-content: space-between;
color: #666666;
font-size: 20rpx;
margin-left: 100rpx;
width: 100%;
padding: 20rpx 0;
border-top: 2rpx #F2F2F2 solid;
}
}
}
</style>
\ No newline at end of file
pages/announcement/announcement_detail.vue 0 → 100644
<template>
<view class="top">
<text class="iconfont icon-youjiantou" @click="goBack()"></text>
<text>公告详情</text>
</view>
<view class="announcement_detail_wrapper container">
<view class="content">
<view class="title">
<view class="" v-html="announcementInfo.title"></view>
</view>
<view class="date">
发布时间：{{announcementInfo.announcementAt}}
</view>
<view class="" v-html="announcementInfo.content"></view>
<!-- <rich-text :nodes="announcementInfo.content"></rich-text> -->
</view>
</view>
</template>
<script>
import api from "../../api/api";
import common from '../../common/common';
export default{
data(){
return{
announcementInfo:{
announcementAt:null,
title:null,
content:null
},
id:null
}
},
name:'announcement_detail',
components:{
},
onLoad(){
this.getAnnouncementDetail();
},
methods:{
getAnnouncementDetail(){
this.id = common.getQueryString('id')
api.announcementQuery({id:this.id}).then((res)=>{
if(res['success']){
this.announcementInfo = res['data']['announcementInfoList'][0];
}
})
},
matchReg(str){
let reg=/<\/?.+?\/?>/g;
return str.replace(reg,'');
},
goBack(){
uni.navigateTo({
url:'../announcement/announcement'
})
}
}
}
</script>
<style lang="scss">
.top{
display: flex;
height: 80rpx;
justify-content: space-between;
align-items: center;
position: relative;
width: 95%;
margin: 0 auto;
.icon-youjiantou{
display: inline-block;
transform: rotate(180deg);
font-size: 30rpx;
z-index: 1;
}
text:nth-child(2){
width: 100%;
text-align: center;
position: absolute;
}
}
.announcement_detail_wrapper{
padding: 20rpx 16rpx;
.title{
font-size: 48rpx;
}
.date{
color: #8d9599;
margin: 20rpx 0;
border-bottom: 2rpx #F8F8F8 solid;
padding-bottom: 20rpx;
}
.content{
margin-top: 20rpx;
padding: 20rpx;
background: #fff;
}
}
</style>
\ No newline at end of file
pages/index/index.vue
<template> <template>
<view class="top"> <view class="container">
<view class="compony"> <view class="top">
银盾保险经纪 <view class="compony">
<img :src="cffpUserInfo.logo" alt="" />
<text class="name">{{cffpUserInfo.name}}</text>
<text class="iconfont icon-31tishi" @click="getIntroduce('center')"></text>
</view>
<view class="search">
<input class="searchInput" type="text" name="" id="" />
<text class="iconfont icon-sousuo"></text>
<text class="iconfont icon-xiaoxi"></text>
<text class="system_msg" @click="jumpToSystemMsg()">{{messageUnreadCount}}</text>
</view>
<view class="banner">
<view class="uni-margin-wrap">
<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
:duration="duration">
<swiper-item v-for="bannerItem in cffpUserInfo.fileUploadItemList">
<navigator url="bannerItem.destinationAddress"><img :src="bannerItem.filePath" alt=""></navigator>
</swiper-item>
</swiper>
</view>
</view> </view>
<view class="search">
<img src="/static/message.png" alt="">
</view> </view>
<view class="banner"> <view class="message" @click="jumpToAnnouncement()">
<view style="display: flex;align-items: center;">
<text class="iconfont icon-gonggao"></text>
<text>{{announcementInfo}}</text>
</view>
<text class="iconfont icon-youjiantou"></text>
</view> </view>
<view class="meaasge"> <view class="content">
<img src="/static/horn.png" alt=""> <view class="featureContent">
<!-- 模块导航 -->
<view class="nav_wrapper">
<view class="nav_content" v-for="featureItem in featureLists" @click="featureSelect(featureItem)">
<view>
<img :src="'/static/moduleIcon/'+featureItem.icon + '.png'" alt="" srcset="">
</view>
<view>{{featureItem.name}}</view>
</view>
</view>
</view>
</view> </view>
</view> <view class="">
<view class="content"> <courselist></courselist>
<view class="featureContent">
<!-- 模块导航 -->
<view class="nav_wrapper">
<view class="nav_content" v-for="featureItem in featureLists" @click="featureSelect(featureItem)">
<view>
<img :src="'/static/moduleIcon/'+featureItem.icon + '.png'" alt="" srcset="">
</view>
<view>{{featureItem.name}}</view>
</view>
</view>
</view> </view>
</view> </view>
<view class=""> <uni-popup ref="popup" type="top" background-color="#fff">
<courselist></courselist> <view class="description">
</view> {{cffpUserInfo.description}}
</view>
</uni-popup>
</template> </template>
<script> <script>
import courselist from '../../components/courselist/courselist.vue' import courselist from '../../components/courselist/courselist.vue';
import api from "../../api/api";
export default { export default {
data() { data() {
return { return {
...@@ -45,19 +69,86 @@ ...@@ -45,19 +69,86 @@
{ key: '04', name: '邀请加盟', icon: 'shareJoin', link: '', isOpen: true }, { key: '04', name: '邀请加盟', icon: 'shareJoin', link: '', isOpen: true },
{ key: '05', name: '我的分享', icon: 'share', link: '', isOpen: true }, { key: '05', name: '我的分享', icon: 'share', link: '', isOpen: true },
{ key: '06', name: '我的团队', icon: 'team', link: '', isOpen: true }, { key: '06', name: '我的团队', icon: 'team', link: '', isOpen: true },
{ key: '07', name: '更多功能', icon: 'more', link: '', isOpen: true } { key: '07', name: '更多功能', icon: 'more', link: '../personalCenter/personalCenter', isOpen: true }
] ],
cffpUserInfo:{
address:'',
description:'',
fileUploadItemList:[],
logo:'',
name:'',
type:''//类型1,区域中心，2工作室
},
background: ['color1', 'color2', 'color3'],
indicatorDots: true,
autoplay: true,
interval: 2000,
duration: 500,
announcementInfo:null,
messageUnreadCount:null
} }
}, },
comments:{ comments:{
courselist courselist
}, },
onLoad() { onLoad() {
this.queryAreaCenterInfo();
this.announcementQuery();
this.querySystemMessage();
}, },
methods: { methods: {
featureSelect(featureItem){ featureSelect(featureItem){
console.log(featureItem) console.log(featureItem)
uni.switchTab({
url:featureItem.link
})
},
queryAreaCenterInfo(){
console.log(uni.getStorageInfoSync('cffp_userId'))
api.queryAreaCenterInfo({userId:1}).then((res)=>{
if(res['commonResult']['success']){
this.cffpUserInfo = res;
// this.cffpUserInfo.logo = res['logo'];
}else{
uni.showToast({
title: res['commonResult']['message'],
duration: 2000,
icon: 'none'
})
}
})
},
announcementQuery(){
api.announcementQuery({announcementTypeId:37}).then((res)=>{
this.announcementInfo = res['data']['announcementInfoList'] ? res['data']['announcementInfoList'][0]['title'] : '银盾公告'
})
},
getIntroduce(type) {
this.type = type;
// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
this.$refs.popup.open(type)
},
jumpToAnnouncement(){
uni.navigateTo({
url:`../announcement/announcement`
})
},
jumpToSystemMsg(){
uni.navigateTo({
url:'../systemMsg/system_msg'
})
},
querySystemMessage(){
api.querySystemMessage({systemType:1,userId:uni.getStorageSync('cffp_userId')}).then((res)=>{
if(res['success']){
this.messageUnreadCount = res['data']['unReadcount'];
if(Number(this.messageUnreadCount) > 99){
this.messageUnreadCount = '99+';
}
}else{
this.messageUnreadCount = null;
}
})
} }
}, },
onShow() { onShow() {
...@@ -72,33 +163,113 @@ ...@@ -72,33 +163,113 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.content { .container{
margin-bottom: 80rpx; padding: 30rpx;
overflow: hidden; .top{
.featureContent{ .compony{
padding-top: 10px; display: flex;
.nav_wrapper{ align-items:center;
display: flex; .name{
align-items: center; font-size: 36rpx;
justify-content: space-around; }
flex-wrap: wrap; img{
width: 100%; margin-right: 20rpx;
.nav_content{ }
display: flex; .icon-31tishi{
flex-direction: column; font-size: 40rpx;
align-items: center; }
justify-content: center; }
width: 0; .banner{
flex:0 0 25%; border-radius: 20rpx;
margin-bottom: 10px; overflow: hidden;
font-size: 14px; }
color: #666; .search{
>div:first-child{ position: relative;
width: 48px; display: flex;
} margin: 30rpx auto;
} align-items: center;
} .searchInput{
height: 50rpx;
line-height: 50rpx;
border-radius: 60rpx;
width: 95%;
background: linear-gradient(to right,#E6F5FC,#FDE9F2);
margin-right: 20rpx;
padding: 15rpx;
}
.icon-sousuo{
font-size: 60rpx;
position: absolute;
right: 80rpx;
top: 14rpx;
opacity: .7;
}
.icon-xiaoxi{
font-size: 50rpx;
}
.system_msg{
position: absolute;
color: #fff;
background: #fb4e40;
width: 40rpx;
height: 40rpx;
line-height: 40rpx;
border-radius: 50%;
text-align: center;
font-size: 16rpx;
right: -20rpx;
top: -5rpx;
}
}
}
.message{
display: flex;
align-items: center;
margin: 20rpx 0;
background-color: #fff;
padding: 10rpx 0 10rpx 30rpx;
justify-content: space-between;
.icon-gonggao{
font-size: 60rpx;
color: #20279b;
margin-right: 20rpx;
}
.msg{
color: red;
}
}
.content {
margin-bottom: 20rpx;
overflow: hidden;
background: #fff;
.featureContent{
padding-top: 10px;
.nav_wrapper{
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
width: 100%;
.nav_content{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 20rpx;
flex:0 0 20%;
font-size: 14px;
color: #666;
margin: 10px 2%;
img{
max-width: 80%;
}
}
}
}
} }
} }
.description{
padding: 40rpx;
}
</style> </style>
pages/systemMsg/system_msg.vue 0 → 100644
<template>
<view class="container">
<view class="top">
<view class="iconfont icon-youjiantou" @click="goBack()">
</view>
<view style="width: 33%;text-align: right;">
消息列表
</view>
<view class="clear" @click="oneKeyRead()">
<text class="iconfont icon-weibiaoti544"></text>
<text>清除未读</text>
</view>
</view>
<view class="content" v-if="system_msgs_list">
<view class="announcement_wrapper" v-for="(item,index) in system_msgs_list" :key="index"
@click="goToDetail(item.id)">
<text class="iconfont icon-zizhutuiguang"></text>
<view class="announcement_content">
<view class="announcement_title">
<text class="title" v-if="item.title">{{(item.title).substring(0,8)}}...</text>
<text class="title" v-if="!item.title">暂无标题</text>
<text class="date">{{item.createdAt}}</text>
<text class="readed" :class="{dot:item.isRead == 0}"></text>
</view>
<view class="announcement_des">
{{matchReg(item.context).substring(0,15)}}...
</view>
</view>
</view>
</view>
<view class="content" v-if="!system_msgs_list">
<view style="text-align: center;">暂无消息</view>
</view>
</view>
</template>
<script>
import api from '../../api/api';
export default{
data(){
return{
system_msgs_list:null,
}
},
onLoad(){
this.querySystemMessage();
},
methods:{
querySystemMessage() {
api.querySystemMessage({systemType:1,userId:2}).then(res => {
if (res['success']) {
this.system_msgs_list = res['data']['dataList'];
}else{
this.system_msgs_list = null
}
});
},
matchReg(str){
let reg=/<\/?.+?\/?>/g;
return str.replace(reg,'');
},
goToDetail(id){
uni.navigateTo({
url:`../systemMsg/system_msg_detail?id=${id}`
})
},
goBack(){
uni.switchTab({
url:'../index/index'
})
},
oneKeyRead(){
api.oneKeyRead({systemType:1,userId:2}).then((res)=>{
if(res['success']){
uni.showToast({
title: '已清除所有未读信息',
duration: 2000,
icon: 'none'
})
this.querySystemMessage();
}else{
uni.showToast({
title: res['message'],
duration: 2000,
icon: 'none'
})
}
})
}
}
}
</script>
<style lang="scss">
.top{
display: flex;
height: 100rpx;
justify-content: space-between;
align-items: center;
position: relative;
background: #fff;
padding-right: 20rpx;
.icon-youjiantou{
display: inline-block;
transform: rotate(180deg);
font-size: 30rpx;
width: 50rpx;
height: 50rpx;
z-index: 1;
}
.clear{
display: flex;
align-items: center;
.icon-weibiaoti544{
color: #5359cd;
font-size: 50rpx;
}
text:nth-child(2){
color: #999999;
font-size: 20rpx;
}
}
}
.content{
padding: 20rpx;
.announcement_wrapper{
display: flex;
margin-bottom: 20rpx;
background: #fff;
align-items: center;
flex-wrap: wrap;
padding: 20rpx 10rpx;
.icon-zizhutuiguang{
color: #5359cd;
background: #eff3ff;
font-size: 40rpx;
width: 70rpx;
height:70rpx ;
line-height: 70rpx;
text-align: center;
border-radius: 50%;
margin-right: 30rpx;
}
.announcement_content{
width:85%;
.announcement_title{
display: flex;
justify-content: space-between;
margin-bottom: 20rpx;
padding-top: 20rpx;
.title{
font-size: 40rpx;
}
.date{
color: #999999;
font-size: 28rpx;
}
.readed{
width: 20rpx;
height: 20rpx;
border-radius: 50%;
}
.dot{
background: #EF6C40;
}
}
.announcement_des{
margin: 20rpx 0;
color: #666666;
font-size: 32rpx;
}
}
.to_detail{
display: flex;
align-items: center;
justify-content: space-between;
color: #666666;
font-size: 20rpx;
margin-left: 100rpx;
width: 100%;
padding: 20rpx 0;
border-top: 2rpx #F2F2F2 solid;
}
}
}
</style>
\ No newline at end of file
pages/systemMsg/system_msg_detail.vue 0 → 100644
<template>
<view class="top">
<text class="iconfont icon-youjiantou" @click="goBack()"></text>
<text>消息详情</text>
</view>
<view class="announcement_detail_wrapper container">
<view class="content">
<view class="title">
{{systemMsgInfo.title}}
</view>
<view class="date">
发布时间：{{systemMsgInfo.createdAt}}
</view>
<view v-html="systemMsgInfo.context"></view>
</view>
</view>
</template>
<script>
import api from "../../api/api";
import common from '../../common/common';
export default{
data(){
return{
systemMsgInfo:{
announcementAt:null,
title:null,
content:null
},
id:null
}
},
name:'system_msg_detail',
components:{},
onLoad(){
this.getSystemMsgDetail()();
},
methods:{
getSystemMsgDetail(){
this.id = common.getQueryString('id');
api.querySystemMessageDetail({systemMessageId:this.id}).then((res)=>{
if(res['success']){
this.systemMsgInfo = res.data['dataList'].filter((item)=>{
return item.id == this.id;
});
}
})
},
goBack(){
uni.navigateTo({
url:'../systemMsg/system_msg'
})
}
}
}
</script>
<style lang="scss">
.top{
display: flex;
height: 80rpx;
justify-content: space-between;
align-items: center;
position: relative;
width: 95%;
margin: 0 auto;
.icon-youjiantou{
display: inline-block;
transform: rotate(180deg);
font-size: 30rpx;
z-index: 1;
}
text:nth-child(2){
width: 100%;
text-align: center;
position: absolute;
}
}
.announcement_detail_wrapper{
padding: 20rpx 16rpx;
.title{
font-size: 48rpx;
}
.date{
color: #8d9599;
margin: 20rpx 0;
border-bottom: 2rpx #F8F8F8 solid;
padding-bottom: 20rpx;
}
.content{
margin-top: 20rpx;
padding: 20rpx;
background: #fff;
}
}
</style>
\ No newline at end of file
static/font/demo_index.html
...@@ -55,6 +55,12 @@ ...@@ -55,6 +55,12 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe650;</span>
<div class="name">公告</div>
<div class="code-name">&amp;#xe650;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe601;</span> <span class="icon iconfont">&#xe601;</span>
<div class="name">自助推广</div> <div class="name">自助推广</div>
<div class="code-name">&amp;#xe601;</div> <div class="code-name">&amp;#xe601;</div>
...@@ -246,9 +252,9 @@ ...@@ -246,9 +252,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=1667529398246') format('woff2'), src: url('iconfont.woff2?t=1667544037008') format('woff2'),
url('iconfont.woff?t=1667529398246') format('woff'), url('iconfont.woff?t=1667544037008') format('woff'),
url('iconfont.ttf?t=1667529398246') format('truetype'); url('iconfont.ttf?t=1667544037008') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
...@@ -275,6 +281,15 @@ ...@@ -275,6 +281,15 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-gonggao"></span>
<div class="name">
公告
</div>
<div class="code-name">.icon-gonggao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zizhutuiguang"></span> <span class="icon iconfont icon-zizhutuiguang"></span>
<div class="name"> <div class="name">
自助推广 自助推广
...@@ -564,6 +579,14 @@ ...@@ -564,6 +579,14 @@
<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-gonggao"></use>
</svg>
<div class="name">公告</div>
<div class="code-name">#icon-gonggao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zizhutuiguang"></use> <use xlink:href="#icon-zizhutuiguang"></use>
</svg> </svg>
<div class="name">自助推广</div> <div class="name">自助推广</div>
......
static/font/iconfont.css
@font-face { @font-face {
font-family: "iconfont"; /* Project id 3749283 */ font-family: "iconfont"; /* Project id 3749283 */
src: url('iconfont.woff2?t=1667529398246') format('woff2'), src: url('iconfont.woff2?t=1667544037008') format('woff2'),
url('iconfont.woff?t=1667529398246') format('woff'), url('iconfont.woff?t=1667544037008') format('woff'),
url('iconfont.ttf?t=1667529398246') format('truetype'); url('iconfont.ttf?t=1667544037008') format('truetype');
} }
.iconfont { .iconfont {
...@@ -13,6 +13,10 @@ ...@@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-gonggao:before {
content: "\e650";
}
.icon-zizhutuiguang:before { .icon-zizhutuiguang:before {
content: "\e601"; content: "\e601";
} }
......
static/font/iconfont.js
window._iconfont_svg_string_3749283='<svg><symbol id="icon-zizhutuiguang" viewBox="0 0 1024 1024"><path d="M61.139079 310.392465q0-26.58137 18.913667-44.983856t45.495036-18.402487l64.408703 0 0 287.283263-64.408703 0q-26.58137 0-45.495036-18.402487t-18.913667-44.983856l0-160.510577zM776.791335 46.623491q43.961496-41.916775 79.744109-46.006216t63.386343 18.913667 47.028577 67.475784 31.693171 99.168955 18.402487 114.504361 6.134162 113.993181-7.667703 108.370199-22.491928 101.724856-34.760252 83.32237-44.472676 53.162739-52.651559 12.268324-58.785721-39.872054q-29.648451-34.760252-80.255289-57.763361t-110.414919-38.849694-121.149703-25.559009-112.45964-17.380126-85.367091-14.824225-38.338514-17.380126l0-319.998794q4.089441-14.313045 32.204352-23.514288t71.565226-17.380126 98.146595-17.891306 111.43728-26.58137 110.9261-42.939135 98.146595-66.964604zM408.741603 673.330395q5.111802 12.268324 12.268324 26.58137 6.134162 13.290685 16.357766 30.670811t24.536649 37.827334q17.380126 24.536649 35.271433 51.629198t27.09255 49.073298 5.622982 36.293793-29.13727 14.313045l-58.274541 0q-20.447207 0-37.827334-7.667703t-33.226712-23.514288-32.715532-40.383234-36.293793-58.274541q-23.514288-38.849694-32.715532-67.986964t-12.268324-48.562117q-4.089441-22.491928 0-38.849694 8.178883 1.02236 19.424847 4.089441 9.201243 2.044721 22.491928 5.111802t30.670811 6.134162q17.380126 4.089441 31.181991 7.667703t25.047829 7.667703q12.268324 4.089441 22.491928 8.178883z" ></path></symbol><symbol id="icon-dengdai" viewBox="0 0 1024 1024"><path d="M512 0C229.23 0 0 229.23 0 512s229.23 512 512 512 512-229.23 512-512S794.77 0 512 0zM768 620c0 11.044-8.954 20-20 20L404 640c-0.814 0-1.614-0.062-2.402-0.158-1.216-0.146-2.406-0.386-3.544-0.74-0.096-0.032-0.188-0.074-0.284-0.106-7.992-2.62-13.768-10.126-13.768-18.996L384.002 276c0-11.046 8.956-20 20-20l88 0c11.044 0 20 8.954 20 20l0 236 236 0c11.046 0 20 8.956 20 20L768.002 620z" ></path></symbol><symbol id="icon-lianjie" viewBox="0 0 1024 1024"><path d="M607.934444 417.856853c-6.179746-6.1777-12.766768-11.746532-19.554358-16.910135l-0.01228 0.011256c-6.986111-6.719028-16.47216-10.857279-26.930349-10.857279-21.464871 0-38.864146 17.400299-38.864146 38.864146 0 9.497305 3.411703 18.196431 9.071609 24.947182l-0.001023 0c0.001023 0.001023 0.00307 0.00307 0.005117 0.004093 2.718925 3.242857 5.953595 6.03853 9.585309 8.251941 3.664459 3.021823 7.261381 5.997598 10.624988 9.361205l3.203972 3.204995c40.279379 40.229237 28.254507 109.539812-12.024871 149.820214L371.157763 796.383956c-40.278355 40.229237-105.761766 40.229237-146.042167 0l-3.229554-3.231601c-40.281425-40.278355-40.281425-105.809861 0-145.991002l75.93546-75.909877c9.742898-7.733125 15.997346-19.668968 15.997346-33.072233 0-23.312962-18.898419-42.211381-42.211381-42.211381-8.797363 0-16.963347 2.693342-23.725354 7.297197-0.021489-0.045025-0.044002-0.088004-0.066515-0.134053l-0.809435 0.757247c-2.989077 2.148943-5.691629 4.669346-8.025791 7.510044l-78.913281 73.841775c-74.178443 74.229608-74.178443 195.632609 0 269.758863l3.203972 3.202948c74.178443 74.127278 195.529255 74.127278 269.707698 0l171.829484-171.880649c74.076112-74.17435 80.357166-191.184297 6.282077-265.311575L607.934444 417.856853z" ></path><path d="M855.61957 165.804257l-3.203972-3.203972c-74.17742-74.178443-195.528232-74.178443-269.706675 0L410.87944 334.479911c-74.178443 74.178443-78.263481 181.296089-4.085038 255.522628l3.152806 3.104711c3.368724 3.367701 6.865361 6.54302 10.434653 9.588379 2.583848 2.885723 5.618974 5.355985 8.992815 7.309476 0.025583 0.020466 0.052189 0.041956 0.077771 0.062422l0.011256-0.010233c5.377474 3.092431 11.608386 4.870938 18.257829 4.870938 20.263509 0 36.68962-16.428158 36.68962-36.68962 0-5.719258-1.309832-11.132548-3.645017-15.95846l0 0c-4.850471-10.891048-13.930267-17.521049-20.210297-23.802102l-3.15383-3.102664c-40.278355-40.278355-24.982998-98.79612 15.295358-139.074476l171.930791-171.830507c40.179095-40.280402 105.685018-40.280402 145.965419 0l3.206018 3.152806c40.279379 40.281425 40.279379 105.838513 0 146.06775l-75.686796 75.737962c-10.296507 7.628748-16.97358 19.865443-16.97358 33.662681 0 23.12365 18.745946 41.87062 41.87062 41.87062 8.048303 0 15.563464-2.275833 21.944801-6.211469 0.048095 0.081864 0.093121 0.157589 0.141216 0.240477l1.173732-1.083681c3.616364-2.421142 6.828522-5.393847 9.529027-8.792247l79.766718-73.603345C929.798013 361.334535 929.798013 239.981676 855.61957 165.804257z" ></path></symbol><symbol id="icon-gengduo" viewBox="0 0 1024 1024"><path d="M746.662019 512c0 51.835575 42.044582 93.865831 93.865831 93.865831 51.851948 0 93.865831-42.029232 93.865831-93.865831 0-51.836599-42.013883-93.865831-93.865831-93.865831C788.706601 418.135192 746.662019 460.163401 746.662019 512z" ></path><path d="M89.604272 512c0 51.835575 42.043558 93.865831 93.864808 93.865831 51.822272 0 93.865831-42.029232 93.865831-93.865831 0-51.836599-42.043558-93.865831-93.865831-93.865831C131.648854 418.135192 89.604272 460.163401 89.604272 512z" ></path><path d="M418.132634 512c0 51.835575 42.013883 93.865831 93.866854 93.865831 51.821249 0 93.864808-42.029232 93.864808-93.865831 0-51.836599-42.043558-93.865831-93.864808-93.865831C460.146517 418.135192 418.132634 460.163401 418.132634 512z" ></path></symbol><symbol id="icon-31tishi" viewBox="0 0 1024 1024"><path d="M809.010019 214.988446c-163.765831-163.79653-430.255231-163.79653-594.022085 0-163.79653 163.766854-163.79653 430.257278 0 594.021062 163.767877 163.798577 430.256254 163.798577 594.022085 0C972.806549 645.245723 972.806549 378.7553 809.010019 214.988446zM766.38113 766.382665c-140.265604 140.293233-368.528378 140.263557-508.764306 0-140.294256-140.265604-140.294256-368.499725 0-508.779655 140.235928-140.250254 368.497679-140.27993 508.764306 0C906.644687 397.853263 906.644687 626.145713 766.38113 766.382665z" ></path><path d="M514.170944 298.225195c-24.929786 0-45.217854 20.289092-45.217854 45.232181 0 24.989137 20.288069 45.307905 45.217854 45.307905 24.958438 0 45.278229-20.318768 45.278229-45.307905C559.449173 318.514287 539.129382 298.225195 514.170944 298.225195z" ></path><path d="M514.170944 427.28969c-18.801205 0-34.150798 15.32094-34.150798 34.151821l0 267.547499c0 18.828834 15.349593 34.149774 34.150798 34.149774 18.830881 0 34.180474-15.32094 34.180474-34.149774L548.351418 461.441511C548.351418 442.611653 533.001825 427.28969 514.170944 427.28969z" ></path></symbol><symbol id="icon-pengyouquan" viewBox="0 0 1024 1024"><path d="M659.968 68.544c-9.28-3.072-18.688-6.016-28.288-8.576C593.664 49.728 553.856 44.16 512.64 44.16c-17.536 0-34.88 1.088-51.968 3.072-41.792 4.8-81.92 15.104-119.488 30.336l218.048 218.048 19.136 19.136L618.752 355.2c4.352 3.136 8.64 6.464 12.608 9.856 10.688 9.28 20.288 19.712 28.544 31.232L659.904 68.544zM631.424 217.92 630.912 217.472l0.512 0L631.424 217.92z" ></path><path d="M923.904 299.008c-4.352-8.832-9.024-17.536-13.952-26.112-19.584-34.048-43.84-66.24-72.96-95.296-12.352-12.48-25.472-24-38.912-34.624-32.896-26.176-68.544-47.168-105.92-62.976l0 308.352 0 27.136 0 57.088c0.832 5.312 1.408 10.624 1.856 15.936 1.024 14.08 0.384 28.224-1.856 42.304L923.904 299.008zM798.08 384.512 798.08 383.808l0.32 0.384L798.08 384.512z" ></path><path d="M947.776 654.08c3.264-9.344 6.144-18.752 8.704-28.16 10.176-38.016 15.872-77.824 15.872-119.04 0-17.6-1.28-34.944-3.2-51.968-4.8-41.792-15.104-81.92-30.336-119.552l-218.048 218.048-19.072 19.136-40.512 40.448c-3.2 4.352-6.4 8.576-9.92 12.48-9.216 10.816-19.712 20.288-31.104 28.608L947.776 654.08zM798.4 625.536l0.512-0.448 0 0.448L798.4 625.536z" ></path><path d="M714.816 920.32c8.768-4.352 17.472-8.96 26.048-13.888 34.048-19.648 66.176-43.904 95.296-73.024 12.416-12.352 23.936-25.472 34.56-38.848 26.176-32.96 47.232-68.608 63.04-106.048L625.408 688.512 598.4 688.512 541.248 688.512c-5.312 0.896-10.56 1.472-15.936 1.92-14.08 1.088-28.224 0.384-42.24-1.856L714.816 920.32zM629.312 794.56l0.64 0-0.256 0.256L629.312 794.56z" ></path><path d="M364.032 943.552c9.344 3.136 18.688 5.952 28.288 8.512 37.952 10.304 77.824 15.808 118.976 15.808 17.6 0 34.944-1.024 52.032-3.008 41.728-4.8 81.856-15.104 119.488-30.4l-218.048-218.048-19.136-19.072-40.448-40.512c-4.288-3.136-8.512-6.464-12.544-9.856C381.952 637.76 372.416 627.264 364.032 615.744L364.032 943.552zM392.576 794.112l0.512 0.512L392.576 794.624 392.576 794.112z" ></path><path d="M99.776 710.848c4.352 8.832 9.024 17.408 13.952 26.048 19.584 34.048 43.776 66.176 72.896 95.296 12.48 12.416 25.536 23.872 38.976 34.624 32.96 26.176 68.672 47.168 105.984 63.04L331.584 621.504 331.584 594.432 331.584 537.28C330.688 532.032 330.112 526.656 329.664 521.408 328.64 507.264 329.28 493.12 331.584 479.104L99.776 710.848zM225.6 625.344l0 0.704L225.28 625.664 225.6 625.344z" ></path><path d="M76.16 358.208C73.024 367.488 70.144 376.896 67.584 386.432c-10.24 38.016-15.872 77.888-15.872 119.04 0 17.6 1.152 34.944 3.072 52.032 4.8 41.792 15.168 81.92 30.4 119.552L303.232 458.88l19.136-19.136L362.752 399.36C365.952 395.008 369.28 390.784 372.672 386.688c9.216-10.688 19.712-20.224 31.168-28.48L76.16 358.208zM225.536 386.688 225.088 387.136 225.088 386.688 225.536 386.688z" ></path><path d="M306.944 93.568C298.176 97.92 289.472 102.592 280.96 107.52 246.848 127.104 214.72 151.36 185.6 180.416 173.184 192.832 161.664 205.952 150.976 219.392 124.8 252.288 103.808 288 88 325.376l308.352 0 27.072 0 57.216 0C485.888 324.48 491.136 323.84 496.448 323.456c14.08-1.088 28.288-0.384 42.24 1.92L306.944 93.568zM392.512 219.392 391.808 219.392l0.32-0.32L392.512 219.392z" ></path></symbol><symbol id="icon-weibiaoti544" viewBox="0 0 1024 1024"><path d="M767.420809 213.3399l-130.449028 0c0-24.559349-19.108197-54.235229-42.701544-54.235229l-149.400658 0c-23.590278 0-42.698474 29.67588-42.698474 54.235229l-130.445958 0c-28.789697 0-60.519352 4.300956-60.519352 33.145911l0 44.62536 601.704045 0 0-44.62536C812.911886 217.641879 796.256554 213.3399 767.420809 213.3399z" ></path><path d="M264.419763 343.299787l0 424.964738c0 43.212174 42.3659 95.898117 85.575004 95.898117l339.157443 0c43.258223 0 71.571059-52.685943 71.571059-95.898117l0-424.964738L264.419763 343.299787zM406.929478 777.151939l-52.212152 0 0-376.045585 52.212152 0L406.929478 777.151939zM537.71415 777.151939l-52.212152 0 0-376.045585 52.212152 0L537.71415 777.151939zM668.498822 777.151939l-52.212152 0 0-376.045585 52.212152 0L668.498822 777.151939z" ></path></symbol><symbol id="icon-weibiaoti553" viewBox="0 0 1024 1024"><path d="M505.122871 403.977751c-74.251098 0-134.672212 60.389392-134.672212 134.672212 0 74.227562 60.422138 134.672212 134.672212 134.672212 74.255191 0 134.672212-60.444651 134.672212-134.672212C639.795083 464.367143 579.378062 403.977751 505.122871 403.977751z" ></path><path d="M814.870494 242.425332l-134.672212 0-80.804351-81.864496-188.541097 0-80.804351 81.864496-134.672212 0c-44.63457 0-74.859965 22.669302-74.859965 67.280336l0 457.889615c0 44.611034 30.225395 94.953605 74.859965 94.953605l619.495246 0c44.64071 0 87.449701-50.342572 87.449701-94.953605l0-457.889615C902.320195 265.095657 859.511203 242.425332 814.870494 242.425332zM505.122871 754.128573c-118.811989 0-215.477586-96.694249-215.477586-215.477586 0-118.841665 96.665597-215.477586 215.477586-215.477586 118.810966 0 215.477586 96.636944 215.477586 215.477586C720.600457 657.434324 623.933837 754.128573 505.122871 754.128573z" ></path></symbol><symbol id="icon-qq" viewBox="0 0 1024 1024"><path d="M162.797568 576.497664c-30.287872 75.442176-35.29728 147.37408-10.903552 160.73728 16.87552 9.275392 43.149312-11.943936 67.883008-50.542592 9.814016 42.274816 34.000896 80.203776 68.589568 110.866432-36.21888 14.116864-59.94496 37.175296-59.94496 63.24224 0 42.944512 64.079872 77.613056 143.112192 77.613056 71.305216 0 130.373632-28.153856 141.273088-65.247232 2.885632 0 14.209024 0 16.961536 0 11.114496 37.093376 70.053888 65.247232 141.441024 65.247232 79.120384 0 143.11424-34.670592 143.11424-77.613056 0-26.066944-23.683072-48.955392-59.98592-63.24224 34.463744-30.662656 58.81856-68.591616 68.548608-110.866432 24.727552 38.598656 50.880512 59.817984 67.84 50.542592 24.518656-13.3632 19.632128-85.295104-10.94656-160.73728-23.891968-59.068416-56.266752-102.67648-80.953344-112.449536 0.333824-3.592192 0.626688-7.563264 0.626688-11.364352 0-22.892544-6.098944-44.027904-16.498688-61.239296 0.210944-1.376256 0.210944-2.67264 0.210944-4.050944 0-10.569728-2.381824-20.385792-6.475776-28.86656-6.223872-153.76384-101.339136-276.02944-255.35488-276.02944-153.974784 0-249.217024 122.267648-255.440896 276.02944-4.009984 8.605696-6.473728 18.466816-6.473728 28.993536 0 1.378304 0 2.67264 0.167936 4.052992-10.190848 17.084416-16.29184 38.219776-16.29184 61.19424 0 3.844096 0.206848 7.686144 0.4608 11.446272C219.148288 473.905152 186.650624 517.431296 162.797568 576.497664L162.797568 576.497664z" ></path></symbol><symbol id="icon-iconfontzhizuobiaozhunbduan32" viewBox="0 0 1024 1024"><path d="M693.063287 347.452363c11.739369 0 23.353894 0.862647 34.874275 2.143826-31.333636-145.899928-187.328479-254.30694-365.384781-254.30694-199.066825 0-362.134761 135.684262-362.134761 307.978327 0 99.453083 54.251601 181.122127 144.907321 244.463758l-36.219923 108.936061 126.59628-63.48387c45.299719 8.968256 81.639369 18.185174 126.849036 18.185174 11.361769 0 22.630417-0.560772 33.80492-1.438769-7.074116-24.211425-11.174504-49.568952-11.174504-75.879178C385.183198 475.845569 521.046538 347.452363 693.063287 347.452363L693.063287 347.452363zM498.35063 249.270227c27.267017 0 45.331441 17.938558 45.331441 45.189202 0 27.139104-18.063401 45.328371-45.331441 45.328371-27.142174 0-54.377468-18.188244-54.377468-45.328371C443.973162 267.206738 471.208457 249.270227 498.35063 249.270227L498.35063 249.270227zM244.908384 339.785753c-27.139104 0-54.531987-18.186198-54.531987-45.328371 0-27.250644 27.390837-45.188178 54.531987-45.188178 27.139104 0 45.203528 17.937534 45.203528 45.188178C290.111912 321.599556 272.048511 339.785753 244.908384 339.785753L244.908384 339.785753zM1023.580956 629.701702c0-144.778384-144.879692-262.793218-307.599703-262.793218-172.303274 0-308.004933 118.013811-308.004933 262.793218 0 145.026024 135.705752 262.790148 308.004933 262.790148 36.063357 0 72.435753-9.092076 108.656699-18.170848l99.329263 54.389748-27.232225-90.499154C969.421452 783.681656 1023.580956 711.369723 1023.580956 629.701702L1023.580956 629.701702zM616.116801 584.389704c-18.030655 0-36.219923-17.938558-36.219923-36.236296 0-18.044982 18.188244-36.213783 36.219923-36.213783 27.39186 0 45.330418 18.168802 45.330418 36.213783C661.447219 566.451146 643.508661 584.389704 616.116801 584.389704L616.116801 584.389704zM815.309492 584.389704c-17.907858 0-35.971259-17.938558-35.971259-36.236296 0-18.044982 18.063401-36.213783 35.971259-36.213783 27.140127 0 45.326325 18.168802 45.326325 36.213783C860.63684 566.451146 842.450642 584.389704 815.309492 584.389704L815.309492 584.389704z" ></path></symbol><symbol id="icon-guanbi" viewBox="0 0 1024 1024"><path d="M511.232 438.8352L112.9984 40.6016A51.2 51.2 0 0 0 40.6016 112.9984L438.784 511.232 40.6016 909.4656a51.2 51.2 0 1 0 72.3968 72.448l398.2336-398.2848 398.2336 398.2848a51.2 51.2 0 1 0 72.448-72.448l-398.2848-398.2336 398.2848-398.2336A51.2 51.2 0 0 0 909.4656 40.6016L511.232 438.784z" ></path></symbol><symbol id="icon-py_weixinzhifu" viewBox="0 0 1137 1024"><path d="M426 619.367a33.133 33.133 0 0 1-44.167-13.466l-2.467-4.934-90.833-199.266a13.967 13.967 0 0 1-1.867-6.733c0-9.2 7.367-16.567 16.6-16.567a17 17 0 0 1 9.8 3.067L420.5 457.5a49 49 0 0 0 44.2 4.9L970.532 238c-90.867-106.666-240-176-408.833-176C286 61.401 62 247.801 62 477.734c0 125.1 67.533 238.533 172.5 314.566 8.6 6.134 14.133 16.534 14.133 27 0 3.667-0.633 7.334-1.867 11l-22.7 84c-1.233 3.667-2.466 8-2.466 12.267 0 9.2 7.366 16.566 16.566 16.566 3.667 0 6.767-1.233 9.834-3.066L357.266 876.9c8-4.9 17.2-7.333 26.4-7.967 4.9 0 9.834 0.634 14.734 2.467 53.4 15.333 108.033 22.667 163.3 22.667 276.232 0 500.299-186.4 500.299-416.333 0-68.667-20.267-135.5-57.1-193.133l-575.8 332.333-3.066 2.433z" ></path></symbol><symbol id="icon-yanjing" viewBox="0 0 1024 1024"><path d="M512.002844 249.457778c189.155556 0 361.415111 183.751111 427.207112 262.542222-65.792 78.791111-238.051556 262.542222-427.207112 262.542222S150.587733 590.791111 84.795733 512C150.587733 433.208889 322.847289 249.457778 512.002844 249.457778zM512.002844 170.666667C277.279289 170.666667 78.395733 394.638222 11.323733 479.715556a51.683556 51.683556 0 0 0 0 64.568888C78.395733 629.361778 277.279289 853.333333 512.002844 853.333333s433.607111-223.971556 500.679112-309.048889a51.683556 51.683556 0 0 0 0-64.568888C945.609956 394.638222 746.7264 170.666667 512.002844 170.666667z m0 262.542222c42.410667 0 76.8 35.271111 76.8 78.791111s-34.389333 78.791111-76.8 78.791111-76.8-35.271111-76.8-78.791111 34.389333-78.791111 76.8-78.791111z m0-78.734222c-62.122667 0-118.129778 38.371556-141.880888 97.251555-23.779556 58.88-10.638222 126.606222 33.28 171.662222a150.755556 150.755556 0 0 0 167.367111 34.133334C628.169956 633.173333 665.602844 575.715556 665.602844 512c0-87.011556-68.750222-157.525333-153.571555-157.525333z" ></path></symbol><symbol id="icon-yanjing1" viewBox="0 0 1024 1024"><path d="M512.022187 546.417778c-184.177778 0-368.071111-55.921778-499.114667-167.537778a37.575111 37.575111 0 0 1-3.498667-53.162667 37.944889 37.944889 0 0 1 53.418667-3.470222c231.082667 198.826667 668.302222 198.826667 898.389333 0a37.944889 37.944889 0 0 1 53.418667 3.470222c13.767111 15.644444 12.231111 39.452444-3.498667 53.191111C880.093298 490.496 696.199964 546.417778 512.022187 546.417778z m-136.760889 164.522666a30.833778 30.833778 0 0 1-6.741334 0c-10.325333-1.422222-19.626667-7.111111-25.543111-15.644444-5.944889-8.561778-7.964444-19.228444-5.632-29.354667l24.945778-146.631111a37.973333 37.973333 0 0 1 43.918222-30.805333 37.831111 37.831111 0 0 1 30.947556 43.747555l-24.945778 146.602667a37.376 37.376 0 0 1-36.949333 32.085333z m561.009778-74.581333c-9.955556 0-19.512889-4.039111-26.453334-11.178667l-123.022222-124.245333a37.176889 37.176889 0 0 1 16.042667-64.455111 37.546667 37.546667 0 0 1 37.091555 12.259556l123.050667 124.245333c14.592 14.563556 14.592 38.144 0 52.707555-7.224889 6.826667-16.782222 10.638222-26.737778 10.666667z m-848.497778 0a38.997333 38.997333 0 0 1-24.945778-10.666667 37.176889 37.176889 0 0 1 0-52.707555l123.022222-124.245333a37.518222 37.518222 0 0 1 67.470222 14.136888 37.205333 37.205333 0 0 1-15.815111 38.058667l-123.022222 124.245333a37.006222 37.006222 0 0 1-26.709333 11.178667z m562.744889 74.581333a37.376 37.376 0 0 1-36.693334-30.833777l-24.945777-146.631111a37.176889 37.176889 0 0 1 9.756444-38.826667 37.546667 37.546667 0 0 1 39.424-7.68c13.539556 5.319111 22.755556 17.92 23.694222 32.341333l24.945778 146.631111c1.820444 9.728-0.341333 19.768889-6.030222 27.904-5.688889 8.135111-14.364444 13.653333-24.177778 15.36a30.805333 30.805333 0 0 1-5.973333 1.706667z" ></path></symbol><symbol id="icon-jiahao" viewBox="0 0 1024 1024"><path d="M913.536524 551.447587H116.910163c-23.637854 0-42.977915-19.340062-42.977916-42.977916s19.340062-42.977915 42.977916-42.977915h796.626361c23.637854 0 42.977915 19.340062 42.977916 42.977915s-19.340062 42.977915-42.977916 42.977916z" ></path><path d="M472.194264 906.731688V110.105326c0-23.637854 19.340062-42.977915 42.977915-42.977915s42.977915 19.340062 42.977916 42.977915v796.626362c0 23.637854-19.340062 42.977915-42.977916 42.977915s-42.977915-19.340062-42.977915-42.977915z" ></path></symbol><symbol id="icon-shenfenrenzheng_chenggong" viewBox="0 0 1024 1024"><path d="M514.9 528.5c-106.4 0-193-86.6-193-193s86.6-193 193-193 193 86.6 193 193-86.6 193-193 193z m0-346.6c-84.7 0-153.6 68.9-153.6 153.6s68.9 153.6 153.6 153.6 153.6-68.9 153.6-153.6-69-153.6-153.6-153.6z" fill="#444444" ></path><path d="M149 882.9h-0.8c-10.9-0.5-19.3-9.6-18.9-20.5 8.7-207.2 178-369.6 385.6-369.6 107.2 0 210.4 45.1 283.3 123.8 7.4 8 6.9 20.4-1.1 27.8-8 7.4-20.4 6.9-27.8-1.1-65.4-70.7-158.1-111.2-254.4-111.2-186.4 0-338.5 145.7-346.2 331.8-0.5 10.7-9.3 19-19.7 19z" fill="#444444" ></path><path d="M676.3 882.9c-5 0-10.1-1.9-13.9-5.8L540.3 755c-7.7-7.7-7.7-20.2 0-27.8 7.7-7.7 20.2-7.7 27.8 0l108.2 108.2 188-188c7.7-7.7 20.2-7.7 27.8 0 7.7 7.7 7.7 20.2 0 27.8l-201.9 202c-3.8 3.8-8.8 5.7-13.9 5.7z" fill="#FF8803" ></path></symbol><symbol id="icon-duihao" viewBox="0 0 1024 1024"><path d="M380.342857 801.645714a53.394286 53.394286 0 0 1-36.571428-16.091428l-218.331429-217.234286a55.588571 55.588571 0 0 1 0-77.165714 54.125714 54.125714 0 0 1 76.8 0l178.102857 179.2L835.291429 272.091429a53.394286 53.394286 0 0 1 76.434285 0 54.125714 54.125714 0 0 1 0 76.8L418.742857 785.554286a54.491429 54.491429 0 0 1-38.4 16.091428z" ></path></symbol><symbol id="icon-zhifubao" viewBox="0 0 1024 1024"><path d="M230.404 576.536c-12.087 9.728-25.043 23.93-28.805 41.984-5.12 24.666-1.069 55.541 22.728 79.761 28.828 29.362 72.637 37.398 91.56 38.779 51.4 3.717 106.184-21.772 147.477-50.844 16.184-11.42 43.899-34.349 70.39-69.721-59.37-30.653-133.477-64.557-212.703-61.24-40.47 1.692-69.454 10.084-90.647 21.281z m752.859 135.545C1009.463 650.574 1024 582.968 1024 512 1024 229.688 794.335 0 512 0 229.665 0 0 229.688 0 512c0 282.335 229.665 512 512 512 170.385 0 321.491-83.723 414.631-212.124-87.997-43.742-233.027-115.734-322.36-159.299-42.63 48.596-105.65 97.303-176.84 118.495-44.722 13.29-85.037 18.365-127.199 9.75-41.739-8.548-72.481-28.093-90.401-47.683-9.127-9.995-19.612-22.706-27.203-37.82a71.25 71.25 0 0 0 1.202 3.049s-4.363-7.524-7.702-19.5a85.994 85.994 0 0 1-3.34-18.143 93.517 93.517 0 0 1-0.2-13.045c-0.378-7.702-0.066-15.783 1.67-24.064 4.185-20.235 12.822-43.81 35.172-65.692 49.063-48.039 114.777-50.621 148.814-50.42 50.421 0.289 138.04 22.35 211.812 48.439 20.436-43.52 33.547-90.068 42.007-121.1H305.308v-33.168h157.518v-66.337H272.139v-33.169h190.687v-66.315c0-9.105 1.803-16.584 16.584-16.584h74.619v82.899h207.293v33.169H554.029v66.337h165.82s-16.65 92.828-68.719 184.32c115.557 41.272 278.128 104.849 332.133 126.086z" ></path></symbol><symbol id="icon-tupian" viewBox="0 0 1024 1024"><path d="M335.36 440.32c38.4 0 71.68-30.72 71.68-71.68 0-38.4-30.72-71.68-71.68-71.68-38.4 0-71.68 30.72-71.68 71.68 2.56 40.96 33.28 71.68 71.68 71.68z m0 0M652.8 396.8L445.44 691.2 337.92 540.16 158.72 793.6h704L652.8 396.8z m0 0" ></path><path d="M934.4 107.52H89.6c-20.48 0-35.84 15.36-35.84 35.84V883.2c0 20.48 15.36 35.84 35.84 35.84h844.8c20.48 0 35.84-15.36 35.84-35.84V143.36c0-20.48-15.36-35.84-35.84-35.84z m-35.84 739.84H125.44V176.64h775.68v670.72h-2.56z m0 0" ></path></symbol><symbol id="icon-xiazai-wenjianxiazai-05" viewBox="0 0 1024 1024"><path d="M897.706667 989.866667H126.293333c-51.2 0-92.16-40.96-92.16-92.16V512c0-13.653333 11.946667-25.6 25.6-25.6S85.333333 498.346667 85.333333 512v385.706667C85.333333 919.893333 104.106667 938.666667 126.293333 938.666667h769.706667c22.186667 0 40.96-18.773333 40.96-40.96V512c0-13.653333 11.946667-25.6 25.6-25.6s27.306667 11.946667 27.306667 25.6v385.706667c0 51.2-40.96 92.16-92.16 92.16z" fill="#333333" ></path><path d="M512 738.986667c-6.826667 0-13.653333-1.706667-18.773333-6.826667L267.946667 505.173333c-10.24-10.24-10.24-25.6 0-35.84s25.6-10.24 35.84 0L512 677.546667l208.213333-208.213334c10.24-10.24 25.6-10.24 35.84 0s10.24 25.6 0 35.84L530.773333 730.453333c-5.12 5.12-11.946667 8.533333-18.773333 8.533334z" fill="#333333" ></path><path d="M512 738.986667c-13.653333 0-25.6-11.946667-25.6-25.6V59.733333c0-13.653333 11.946667-25.6 25.6-25.6s25.6 11.946667 25.6 25.6v653.653334c0 13.653333-11.946667 25.6-25.6 25.6z" fill="#333333" ></path></symbol><symbol id="icon-zhuanfa" viewBox="0 0 1024 1024"><path d="M864 501.333333c-23.466667 0-42.666667 19.2-42.666667 42.666667v256h-597.333333v-597.333333h256c23.466667 0 42.666667-19.2 42.666667-42.666667s-19.2-42.666667-42.666667-42.666667H221.866667c-6.4 0-10.666667 0-17.066667 2.133334-4.266667 2.133333-10.666667 2.133333-14.933333 4.266666-4.266667 2.133333-10.666667 6.4-14.933334 8.533334-4.266667 2.133333-8.533333 6.4-10.666666 10.666666-4.266667 2.133333-8.533333 6.4-10.666667 10.666667-2.133333 4.266667-6.4 10.666667-8.533333 14.933333-2.133333 4.266667-2.133333 10.666667-4.266667 14.933334 0 6.4-2.133333 10.666667-2.133333 17.066666v603.733334c0 6.4 0 10.666667 2.133333 17.066666 2.133333 4.266667 2.133333 10.666667 4.266667 14.933334 2.133333 4.266667 4.266667 10.666667 8.533333 14.933333 2.133333 4.266667 6.4 8.533333 10.666667 12.8s8.533333 6.4 12.8 10.666667c4.266667 2.133333 8.533333 6.4 14.933333 8.533333 4.266667 2.133333 10.666667 4.266667 14.933333 4.266667 6.4 2.133333 10.666667 2.133333 17.066667 2.133333h603.733333c6.4 0 10.666667 0 17.066667-2.133333 4.266667-2.133333 10.666667-2.133333 14.933333-4.266667 4.266667-2.133333 8.533333-4.266667 14.933334-8.533333 4.266667-2.133333 8.533333-6.4 12.8-10.666667 4.266667-4.266667 6.4-8.533333 10.666666-12.8 2.133333-4.266667 6.4-8.533333 8.533334-14.933333 2.133333-4.266667 4.266667-10.666667 4.266666-14.933334 2.133333-6.4 2.133333-10.666667 2.133334-17.066666V544c-6.4-23.466667-25.6-42.666667-49.066667-42.666667z" ></path><path d="M906.666667 183.466667c-2.133333-4.266667-2.133333-10.666667-4.266667-14.933334-2.133333-4.266667-4.266667-8.533333-8.533333-14.933333-2.133333-4.266667-6.4-8.533333-10.666667-12.8-4.266667-4.266667-8.533333-6.4-12.8-10.666667-4.266667-2.133333-8.533333-6.4-14.933333-8.533333-4.266667-2.133333-10.666667-4.266667-14.933334-4.266667-6.4-2.133333-10.666667-2.133333-17.066666-2.133333h-151.466667c-23.466667 0-42.666667 19.2-42.666667 42.666667s19.2 42.666667 42.666667 42.666666H725.333333c-89.6 64-215.466667 168.533333-245.333333 288-6.4 23.466667 8.533333 46.933333 32 51.2 4.266667 0 6.4 2.133333 10.666667 2.133334 19.2 0 36.266667-12.8 40.533333-32 25.6-104.533333 168.533333-213.333333 258.133333-268.8v106.666666c0 23.466667 19.2 42.666667 42.666667 42.666667s42.666667-19.2 42.666667-42.666667V200.533333v-17.066666z" ></path></symbol><symbol id="icon-shouye" viewBox="0 0 1024 1024"><path d="M969.6 502.4l-118.4-112-323.2-300.8c-9.6-9.6-22.4-9.6-32 0l-313.6 297.6c-3.2 3.2-6.4 6.4-9.6 9.6l-118.4 112c-9.6 9.6-9.6 22.4 0 32s22.4 9.6 32 0l83.2-80 0 393.6c0 48 41.6 89.6 92.8 89.6l83.2 0c38.4 0 70.4-28.8 70.4-67.2l0-217.6 99.2 0 99.2 0 0 217.6c0 35.2 32 67.2 70.4 67.2l83.2 0c51.2 0 92.8-38.4 92.8-89.6l0-396.8 80 73.6c9.6 9.6 22.4 9.6 32 0C979.2 524.8 979.2 512 969.6 502.4zM809.6 857.6c0 25.6-19.2 44.8-44.8 44.8l-83.2 0c-12.8 0-22.4-9.6-22.4-22.4L659.2 640c0-12.8-9.6-22.4-22.4-22.4l-121.6 0-121.6 0c-12.8 0-22.4 9.6-22.4 22.4l0 240c0 12.8-9.6 22.4-22.4 22.4l-83.2 0c-25.6 0-44.8-19.2-44.8-44.8l0-438.4 294.4-281.6 294.4 281.6L809.6 857.6z" ></path></symbol><symbol id="icon-sousuo" viewBox="0 0 1024 1024"><path d="M862.609 816.955L726.44 680.785l-0.059-0.056a358.907 358.907 0 0 0 56.43-91.927c18.824-44.507 28.369-91.767 28.369-140.467 0-48.701-9.545-95.96-28.369-140.467-18.176-42.973-44.19-81.56-77.319-114.689-33.13-33.129-71.717-59.144-114.69-77.32-44.507-18.825-91.767-28.37-140.467-28.37-48.701 0-95.96 9.545-140.467 28.37-42.973 18.176-81.56 44.19-114.689 77.32-33.13 33.129-59.144 71.717-77.32 114.689-18.825 44.507-28.37 91.767-28.37 140.467 0 48.7 9.545 95.96 28.37 140.467 18.176 42.974 44.19 81.561 77.32 114.69 33.129 33.129 71.717 59.144 114.689 77.319 44.507 18.824 91.767 28.369 140.467 28.369 48.7 0 95.96-9.545 140.467-28.369 32.78-13.864 62.997-32.303 90.197-54.968 0.063 0.064 0.122 0.132 0.186 0.195l136.169 136.17c6.25 6.25 14.438 9.373 22.628 9.373 8.188 0 16.38-3.125 22.627-9.372 12.496-12.496 12.496-32.758 0-45.254z m-412.274-69.466c-79.907 0-155.031-31.118-211.534-87.62-56.503-56.503-87.62-131.627-87.62-211.534s31.117-155.031 87.62-211.534c56.502-56.503 131.626-87.62 211.534-87.62s155.031 31.117 211.534 87.62c56.502 56.502 87.62 131.626 87.62 211.534s-31.118 155.031-87.62 211.534c-56.503 56.502-131.627 87.62-211.534 87.62z" fill="" ></path></symbol><symbol id="icon-saoyisao" viewBox="0 0 1024 1024"><path d="M149.333333 170.858667A21.546667 21.546667 0 0 1 170.858667 149.333333H384V106.666667H170.858667A64.213333 64.213333 0 0 0 106.666667 170.858667V384h42.666666V170.858667zM170.858667 874.666667A21.546667 21.546667 0 0 1 149.333333 853.141333V640H106.666667v213.141333A64.213333 64.213333 0 0 0 170.858667 917.333333H384v-42.666666H170.858667zM853.12 149.333333A21.546667 21.546667 0 0 1 874.666667 170.858667V384h42.666666V170.858667A64.213333 64.213333 0 0 0 853.141333 106.666667H640v42.666666h213.141333zM874.666667 853.141333A21.546667 21.546667 0 0 1 853.141333 874.666667H640v42.666666h213.141333A64.213333 64.213333 0 0 0 917.333333 853.141333V640h-42.666666v213.141333zM106.666667 490.666667h810.666666v42.666666H106.666667v-42.666666z" fill="#3D3D3D" ></path></symbol><symbol id="icon-xiaoxi" viewBox="0 0 1024 1024"><path d="M504.14253 974.868231C233.014641 974.868231 12.463574 769.49021 12.463574 516.967366S233.014641 59.066502 504.14253 59.066502s491.678956 205.378021 491.678955 457.900864c0 85.25807-24.927148 167.264773-72.252602 239.156113 42.809667 35.945669 95.012171 80.38102 91.580173 135.292997-1.445052 22.75957-11.018522 42.087141-27.997883 55.815135-46.78356 38.113247-138.00247 25.288411-226.331275 12.644205-34.86188-4.877051-73.878285-10.476627-94.470277-9.212207l-1.806315 1.806315h-8.489681c-48.951138 14.992415-99.889222 22.398307-151.911095 22.398307z m0-850.774387C268.96031 124.093844 77.671547 300.390192 77.671547 516.967366s191.288763 392.873523 426.470983 392.873523c44.615982 0 88.509437-6.322103 130.415946-18.605045l0.903157-0.722526 10.837891-2.709473h1.625683c28.539778-5.238314 70.085024 0.541895 122.287529 7.947787 60.330923 8.489681 151.369201 21.495149 175.935085 1.26442 1.986947-1.625684 3.793262-3.61263 4.154525-9.392838 1.445052-22.940201-43.351561-60.511554-70.265655-82.909861-7.767155-6.502734-15.173046-12.644205-21.856412-18.605045L835.601341 765.87758l18.243782-23.843359c50.215558-66.111131 76.949021-143.963309 76.949021-225.066855-0.180632-216.577174-191.469395-392.873523-426.651614-392.873522z" ></path><path d="M755.581584 476.144646H272.031046c-49.312401 0-49.312401-71.349444 0-71.349444h483.73117c49.131769 0 49.131769 71.349444-0.180632 71.349444zM755.581584 629.139531H485.898748c-43.893456 0-43.893456-65.027342 0-65.027342h269.682836c36.306932 0 36.306932 65.027342 0 65.027342z" ></path></symbol><symbol id="icon-wode" viewBox="0 0 1024 1024"><path d="M970.142125 887.350303c-0.271515-3.84-0.827475-9.671111-1.82303-17.260606-1.848889-14.157576-4.615758-29.853737-8.494546-46.713535-11.080404-48.122828-28.935758-96.271515-55.169292-141.433536-68.926061-118.600404-181.772929-194.314343-344.901819-206.62303 95.883636-21.837576 167.421414-107.545859 167.421415-209.945859 0-118.923636-96.504242-215.337374-215.544243-215.337373-119.04 0-215.544242 96.413737-215.544242 215.337373 0 102.412929 71.550707 188.108283 167.434343 209.958788-163.128889 12.308687-275.975758 88.048485-344.914747 206.674748-26.233535 45.16202-44.088889 93.323636-55.182223 141.459394-3.878788 16.859798-6.658586 32.568889-8.507474 46.726464-1.021414 7.848081-1.590303 13.808485-1.83596 17.635556-6.270707 48.032323 29.013333 88.177778 77.795556 88.177778h761.483636c49.027879 0 85.061818-40.572121 77.782626-88.656162zM353.570004 265.373737c0-87.22101 70.76202-157.918384 158.060606-157.918383 87.298586 0 158.060606 70.697374 158.060606 157.918383S598.916267 423.292121 511.63061 423.292121c-87.285657 0-158.060606-70.697374-158.060606-157.918384z m538.815354 653.213738H130.888792c-14.235152 0-22.794343-9.865051-20.751515-23.815758l0.193939-1.292929 0.064647-1.305859c0.025859-0.426667 0.103434-1.564444 0.271515-3.361616 0.284444-3.180606 0.698182-6.930101 1.254141-11.196768 1.616162-12.373333 4.059798-26.259394 7.511919-41.257373 9.87798-42.873535 25.755152-85.721212 48.885657-125.517576 65.512727-112.756364 175.127273-179.872323 343.311515-179.872323 168.197172 0 277.798788 67.10303 343.311515 179.820606 23.117576 39.770505 38.994747 82.605253 48.872728 125.478788 3.452121 14.985051 5.908687 28.858182 7.511919 41.244444 0.55596 4.266667 0.969697 8.016162 1.241212 11.196768 0.168081 1.797172 0.245657 2.92202 0.271515 3.361616l0.090505 1.667879 0.284444 1.64202c2.301414 13.239596-6.412929 23.208081-20.82909 23.208081z m0 0" ></path></symbol><symbol id="icon-shaixuan" viewBox="0 0 1024 1024"><path d="M814.6 110a79.2 79.2 0 0 0-72.2-46H240a80 80 0 0 0-62.1 130L360 417.9a15.6 15.6 0 0 1 3.6 10V800a80 80 0 0 0 28.8 61.4l96 80A80 80 0 0 0 539 960a81.5 81.5 0 0 0 34.2-7.7 79.2 79.2 0 0 0 46-72.3V428a16.2 16.2 0 0 1 3.6-10l181.7-223.6A79.4 79.4 0 0 0 814.6 110z m-60 44.4L573.1 377.5a80.9 80.9 0 0 0-17.9 50V880a16 16 0 0 1-26.2 12.2l-96-80a15.7 15.7 0 0 1-5.8-12.2V428a80 80 0 0 0-17.9-50L227.7 154a15.4 15.4 0 0 1-2.1-16.9A15.6 15.6 0 0 1 240 128h502.4a16 16 0 0 1 12.4 26z" fill="#333333" ></path><path d="M672 475a32 32 0 0 0 32 32h128a32 32 0 1 0 0-64H704a32 32 0 0 0-32 32zM832 571H704a32 32 0 0 0 0 64h128a32 32 0 1 0 0-64zM832 699H704a32 32 0 0 0 0 64h128a32 32 0 1 0 0-64z" fill="#333333" ></path></symbol><symbol id="icon-youjiantou" viewBox="0 0 1024 1024"><path d="M769.216 511.936c0-3.712-1.152-7.232-1.856-10.88-0.64-2.368-0.64-4.8-1.408-7.04a50.56 50.56 0 0 0-11.136-17.344l-417.28-417.28a48.96 48.96 0 0 0-68.992-0.96 48.832 48.832 0 0 0 1.024 68.864L654.208 512l-384.64 384.768a48.768 48.768 0 0 0-1.024 68.8 48.768 48.768 0 0 0 68.864-0.96l417.28-417.344a51.2 51.2 0 0 0 11.136-17.344c0.896-2.304 0.896-4.736 1.472-7.04 0.768-3.648 1.92-7.232 1.92-10.944z" ></path></symbol><symbol id="icon-bianji" viewBox="0 0 1024 1024"><path d="M862.709333 116.042667a32 32 0 1 1 45.248 45.248L455.445333 613.813333a32 32 0 1 1-45.258666-45.258666L862.709333 116.053333zM853.333333 448a32 32 0 0 1 64 0v352c0 64.8-52.533333 117.333333-117.333333 117.333333H224c-64.8 0-117.333333-52.533333-117.333333-117.333333V224c0-64.8 52.533333-117.333333 117.333333-117.333333h341.333333a32 32 0 0 1 0 64H224a53.333333 53.333333 0 0 0-53.333333 53.333333v576a53.333333 53.333333 0 0 0 53.333333 53.333333h576a53.333333 53.333333 0 0 0 53.333333-53.333333V448z" ></path></symbol></svg>',function(t){var c=(c=document.getElementsByTagName("script"))[c.length-1],a=c.getAttribute("data-injectcss"),c=c.getAttribute("data-disable-injectsvg");if(!c){var l,o,i,h,e,n=function(c,a){a.parentNode.insertBefore(c,a)};if(a&&!t.__iconfont__svg__cssinject__){t.__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(c){console&&console.log(c)}}l=function(){var c,a=document.createElement("div");a.innerHTML=t._iconfont_svg_string_3749283,(a=a.getElementsByTagName("svg")[0])&&(a.setAttribute("aria-hidden","true"),a.style.position="absolute",a.style.width=0,a.style.height=0,a.style.overflow="hidden",a=a,(c=document.body).firstChild?n(a,c.firstChild):c.appendChild(a))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),l()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(i=l,h=t.document,e=!1,d(),h.onreadystatechange=function(){"complete"==h.readyState&&(h.onreadystatechange=null,s())})}function s(){e||(e=!0,i())}function d(){try{h.documentElement.doScroll("left")}catch(c){return void setTimeout(d,50)}s()}}(window); window._iconfont_svg_string_3749283='<svg><symbol id="icon-gonggao" viewBox="0 0 1024 1024"><path d="M573.04 126.77a32.364 32.364 0 0 0-35.29 7L329.23 341.84H192.39c-42 0.04-76.03 34.09-76.06 76.08v192.56c0.05 41.99 34.08 76.01 76.06 76.06h136.95l208.67 203.92a32.33 32.33 0 0 0 22.63 9.23c17.88-0.02 32.36-14.52 32.37-32.4v-710.6c0.01-13.09-7.87-24.9-19.97-29.92zM696.65 318.89c-11.42-11.16-29.73-10.96-40.89 0.46-11.17 11.42-10.96 29.73 0.46 40.9a215.235 215.235 0 0 1 64.81 152.71A215.294 215.294 0 0 1 658 666.42a28.92 28.92 0 0 0-6.26 31.52 28.904 28.904 0 0 0 26.73 17.84c7.66 0 14.99-3.05 20.39-8.47 51.6-51.6 80.41-121.7 79.99-194.68a273.144 273.144 0 0 0-82.2-193.74z" ></path><path d="M786.33 226.64c-11.47-10.92-29.58-10.58-40.64 0.75-11.06 11.33-10.95 29.45 0.25 40.65 66.91 65.29 103.76 152.74 103.76 246.17 0 93.32-36.74 180.64-103.48 245.9-8.41 8.22-11 20.71-6.56 31.6a28.919 28.919 0 0 0 26.78 18.01 28.84 28.84 0 0 0 20.22-8.24A401.449 401.449 0 0 0 907.68 514c-0.07-108.24-43.82-211.85-121.35-287.36z" ></path></symbol><symbol id="icon-zizhutuiguang" viewBox="0 0 1024 1024"><path d="M61.139079 310.392465q0-26.58137 18.913667-44.983856t45.495036-18.402487l64.408703 0 0 287.283263-64.408703 0q-26.58137 0-45.495036-18.402487t-18.913667-44.983856l0-160.510577zM776.791335 46.623491q43.961496-41.916775 79.744109-46.006216t63.386343 18.913667 47.028577 67.475784 31.693171 99.168955 18.402487 114.504361 6.134162 113.993181-7.667703 108.370199-22.491928 101.724856-34.760252 83.32237-44.472676 53.162739-52.651559 12.268324-58.785721-39.872054q-29.648451-34.760252-80.255289-57.763361t-110.414919-38.849694-121.149703-25.559009-112.45964-17.380126-85.367091-14.824225-38.338514-17.380126l0-319.998794q4.089441-14.313045 32.204352-23.514288t71.565226-17.380126 98.146595-17.891306 111.43728-26.58137 110.9261-42.939135 98.146595-66.964604zM408.741603 673.330395q5.111802 12.268324 12.268324 26.58137 6.134162 13.290685 16.357766 30.670811t24.536649 37.827334q17.380126 24.536649 35.271433 51.629198t27.09255 49.073298 5.622982 36.293793-29.13727 14.313045l-58.274541 0q-20.447207 0-37.827334-7.667703t-33.226712-23.514288-32.715532-40.383234-36.293793-58.274541q-23.514288-38.849694-32.715532-67.986964t-12.268324-48.562117q-4.089441-22.491928 0-38.849694 8.178883 1.02236 19.424847 4.089441 9.201243 2.044721 22.491928 5.111802t30.670811 6.134162q17.380126 4.089441 31.181991 7.667703t25.047829 7.667703q12.268324 4.089441 22.491928 8.178883z" ></path></symbol><symbol id="icon-dengdai" viewBox="0 0 1024 1024"><path d="M512 0C229.23 0 0 229.23 0 512s229.23 512 512 512 512-229.23 512-512S794.77 0 512 0zM768 620c0 11.044-8.954 20-20 20L404 640c-0.814 0-1.614-0.062-2.402-0.158-1.216-0.146-2.406-0.386-3.544-0.74-0.096-0.032-0.188-0.074-0.284-0.106-7.992-2.62-13.768-10.126-13.768-18.996L384.002 276c0-11.046 8.956-20 20-20l88 0c11.044 0 20 8.954 20 20l0 236 236 0c11.046 0 20 8.956 20 20L768.002 620z" ></path></symbol><symbol id="icon-lianjie" viewBox="0 0 1024 1024"><path d="M607.934444 417.856853c-6.179746-6.1777-12.766768-11.746532-19.554358-16.910135l-0.01228 0.011256c-6.986111-6.719028-16.47216-10.857279-26.930349-10.857279-21.464871 0-38.864146 17.400299-38.864146 38.864146 0 9.497305 3.411703 18.196431 9.071609 24.947182l-0.001023 0c0.001023 0.001023 0.00307 0.00307 0.005117 0.004093 2.718925 3.242857 5.953595 6.03853 9.585309 8.251941 3.664459 3.021823 7.261381 5.997598 10.624988 9.361205l3.203972 3.204995c40.279379 40.229237 28.254507 109.539812-12.024871 149.820214L371.157763 796.383956c-40.278355 40.229237-105.761766 40.229237-146.042167 0l-3.229554-3.231601c-40.281425-40.278355-40.281425-105.809861 0-145.991002l75.93546-75.909877c9.742898-7.733125 15.997346-19.668968 15.997346-33.072233 0-23.312962-18.898419-42.211381-42.211381-42.211381-8.797363 0-16.963347 2.693342-23.725354 7.297197-0.021489-0.045025-0.044002-0.088004-0.066515-0.134053l-0.809435 0.757247c-2.989077 2.148943-5.691629 4.669346-8.025791 7.510044l-78.913281 73.841775c-74.178443 74.229608-74.178443 195.632609 0 269.758863l3.203972 3.202948c74.178443 74.127278 195.529255 74.127278 269.707698 0l171.829484-171.880649c74.076112-74.17435 80.357166-191.184297 6.282077-265.311575L607.934444 417.856853z" ></path><path d="M855.61957 165.804257l-3.203972-3.203972c-74.17742-74.178443-195.528232-74.178443-269.706675 0L410.87944 334.479911c-74.178443 74.178443-78.263481 181.296089-4.085038 255.522628l3.152806 3.104711c3.368724 3.367701 6.865361 6.54302 10.434653 9.588379 2.583848 2.885723 5.618974 5.355985 8.992815 7.309476 0.025583 0.020466 0.052189 0.041956 0.077771 0.062422l0.011256-0.010233c5.377474 3.092431 11.608386 4.870938 18.257829 4.870938 20.263509 0 36.68962-16.428158 36.68962-36.68962 0-5.719258-1.309832-11.132548-3.645017-15.95846l0 0c-4.850471-10.891048-13.930267-17.521049-20.210297-23.802102l-3.15383-3.102664c-40.278355-40.278355-24.982998-98.79612 15.295358-139.074476l171.930791-171.830507c40.179095-40.280402 105.685018-40.280402 145.965419 0l3.206018 3.152806c40.279379 40.281425 40.279379 105.838513 0 146.06775l-75.686796 75.737962c-10.296507 7.628748-16.97358 19.865443-16.97358 33.662681 0 23.12365 18.745946 41.87062 41.87062 41.87062 8.048303 0 15.563464-2.275833 21.944801-6.211469 0.048095 0.081864 0.093121 0.157589 0.141216 0.240477l1.173732-1.083681c3.616364-2.421142 6.828522-5.393847 9.529027-8.792247l79.766718-73.603345C929.798013 361.334535 929.798013 239.981676 855.61957 165.804257z" ></path></symbol><symbol id="icon-gengduo" viewBox="0 0 1024 1024"><path d="M746.662019 512c0 51.835575 42.044582 93.865831 93.865831 93.865831 51.851948 0 93.865831-42.029232 93.865831-93.865831 0-51.836599-42.013883-93.865831-93.865831-93.865831C788.706601 418.135192 746.662019 460.163401 746.662019 512z" ></path><path d="M89.604272 512c0 51.835575 42.043558 93.865831 93.864808 93.865831 51.822272 0 93.865831-42.029232 93.865831-93.865831 0-51.836599-42.043558-93.865831-93.865831-93.865831C131.648854 418.135192 89.604272 460.163401 89.604272 512z" ></path><path d="M418.132634 512c0 51.835575 42.013883 93.865831 93.866854 93.865831 51.821249 0 93.864808-42.029232 93.864808-93.865831 0-51.836599-42.043558-93.865831-93.864808-93.865831C460.146517 418.135192 418.132634 460.163401 418.132634 512z" ></path></symbol><symbol id="icon-31tishi" viewBox="0 0 1024 1024"><path d="M809.010019 214.988446c-163.765831-163.79653-430.255231-163.79653-594.022085 0-163.79653 163.766854-163.79653 430.257278 0 594.021062 163.767877 163.798577 430.256254 163.798577 594.022085 0C972.806549 645.245723 972.806549 378.7553 809.010019 214.988446zM766.38113 766.382665c-140.265604 140.293233-368.528378 140.263557-508.764306 0-140.294256-140.265604-140.294256-368.499725 0-508.779655 140.235928-140.250254 368.497679-140.27993 508.764306 0C906.644687 397.853263 906.644687 626.145713 766.38113 766.382665z" ></path><path d="M514.170944 298.225195c-24.929786 0-45.217854 20.289092-45.217854 45.232181 0 24.989137 20.288069 45.307905 45.217854 45.307905 24.958438 0 45.278229-20.318768 45.278229-45.307905C559.449173 318.514287 539.129382 298.225195 514.170944 298.225195z" ></path><path d="M514.170944 427.28969c-18.801205 0-34.150798 15.32094-34.150798 34.151821l0 267.547499c0 18.828834 15.349593 34.149774 34.150798 34.149774 18.830881 0 34.180474-15.32094 34.180474-34.149774L548.351418 461.441511C548.351418 442.611653 533.001825 427.28969 514.170944 427.28969z" ></path></symbol><symbol id="icon-pengyouquan" viewBox="0 0 1024 1024"><path d="M659.968 68.544c-9.28-3.072-18.688-6.016-28.288-8.576C593.664 49.728 553.856 44.16 512.64 44.16c-17.536 0-34.88 1.088-51.968 3.072-41.792 4.8-81.92 15.104-119.488 30.336l218.048 218.048 19.136 19.136L618.752 355.2c4.352 3.136 8.64 6.464 12.608 9.856 10.688 9.28 20.288 19.712 28.544 31.232L659.904 68.544zM631.424 217.92 630.912 217.472l0.512 0L631.424 217.92z" ></path><path d="M923.904 299.008c-4.352-8.832-9.024-17.536-13.952-26.112-19.584-34.048-43.84-66.24-72.96-95.296-12.352-12.48-25.472-24-38.912-34.624-32.896-26.176-68.544-47.168-105.92-62.976l0 308.352 0 27.136 0 57.088c0.832 5.312 1.408 10.624 1.856 15.936 1.024 14.08 0.384 28.224-1.856 42.304L923.904 299.008zM798.08 384.512 798.08 383.808l0.32 0.384L798.08 384.512z" ></path><path d="M947.776 654.08c3.264-9.344 6.144-18.752 8.704-28.16 10.176-38.016 15.872-77.824 15.872-119.04 0-17.6-1.28-34.944-3.2-51.968-4.8-41.792-15.104-81.92-30.336-119.552l-218.048 218.048-19.072 19.136-40.512 40.448c-3.2 4.352-6.4 8.576-9.92 12.48-9.216 10.816-19.712 20.288-31.104 28.608L947.776 654.08zM798.4 625.536l0.512-0.448 0 0.448L798.4 625.536z" ></path><path d="M714.816 920.32c8.768-4.352 17.472-8.96 26.048-13.888 34.048-19.648 66.176-43.904 95.296-73.024 12.416-12.352 23.936-25.472 34.56-38.848 26.176-32.96 47.232-68.608 63.04-106.048L625.408 688.512 598.4 688.512 541.248 688.512c-5.312 0.896-10.56 1.472-15.936 1.92-14.08 1.088-28.224 0.384-42.24-1.856L714.816 920.32zM629.312 794.56l0.64 0-0.256 0.256L629.312 794.56z" ></path><path d="M364.032 943.552c9.344 3.136 18.688 5.952 28.288 8.512 37.952 10.304 77.824 15.808 118.976 15.808 17.6 0 34.944-1.024 52.032-3.008 41.728-4.8 81.856-15.104 119.488-30.4l-218.048-218.048-19.136-19.072-40.448-40.512c-4.288-3.136-8.512-6.464-12.544-9.856C381.952 637.76 372.416 627.264 364.032 615.744L364.032 943.552zM392.576 794.112l0.512 0.512L392.576 794.624 392.576 794.112z" ></path><path d="M99.776 710.848c4.352 8.832 9.024 17.408 13.952 26.048 19.584 34.048 43.776 66.176 72.896 95.296 12.48 12.416 25.536 23.872 38.976 34.624 32.96 26.176 68.672 47.168 105.984 63.04L331.584 621.504 331.584 594.432 331.584 537.28C330.688 532.032 330.112 526.656 329.664 521.408 328.64 507.264 329.28 493.12 331.584 479.104L99.776 710.848zM225.6 625.344l0 0.704L225.28 625.664 225.6 625.344z" ></path><path d="M76.16 358.208C73.024 367.488 70.144 376.896 67.584 386.432c-10.24 38.016-15.872 77.888-15.872 119.04 0 17.6 1.152 34.944 3.072 52.032 4.8 41.792 15.168 81.92 30.4 119.552L303.232 458.88l19.136-19.136L362.752 399.36C365.952 395.008 369.28 390.784 372.672 386.688c9.216-10.688 19.712-20.224 31.168-28.48L76.16 358.208zM225.536 386.688 225.088 387.136 225.088 386.688 225.536 386.688z" ></path><path d="M306.944 93.568C298.176 97.92 289.472 102.592 280.96 107.52 246.848 127.104 214.72 151.36 185.6 180.416 173.184 192.832 161.664 205.952 150.976 219.392 124.8 252.288 103.808 288 88 325.376l308.352 0 27.072 0 57.216 0C485.888 324.48 491.136 323.84 496.448 323.456c14.08-1.088 28.288-0.384 42.24 1.92L306.944 93.568zM392.512 219.392 391.808 219.392l0.32-0.32L392.512 219.392z" ></path></symbol><symbol id="icon-weibiaoti544" viewBox="0 0 1024 1024"><path d="M767.420809 213.3399l-130.449028 0c0-24.559349-19.108197-54.235229-42.701544-54.235229l-149.400658 0c-23.590278 0-42.698474 29.67588-42.698474 54.235229l-130.445958 0c-28.789697 0-60.519352 4.300956-60.519352 33.145911l0 44.62536 601.704045 0 0-44.62536C812.911886 217.641879 796.256554 213.3399 767.420809 213.3399z" ></path><path d="M264.419763 343.299787l0 424.964738c0 43.212174 42.3659 95.898117 85.575004 95.898117l339.157443 0c43.258223 0 71.571059-52.685943 71.571059-95.898117l0-424.964738L264.419763 343.299787zM406.929478 777.151939l-52.212152 0 0-376.045585 52.212152 0L406.929478 777.151939zM537.71415 777.151939l-52.212152 0 0-376.045585 52.212152 0L537.71415 777.151939zM668.498822 777.151939l-52.212152 0 0-376.045585 52.212152 0L668.498822 777.151939z" ></path></symbol><symbol id="icon-weibiaoti553" viewBox="0 0 1024 1024"><path d="M505.122871 403.977751c-74.251098 0-134.672212 60.389392-134.672212 134.672212 0 74.227562 60.422138 134.672212 134.672212 134.672212 74.255191 0 134.672212-60.444651 134.672212-134.672212C639.795083 464.367143 579.378062 403.977751 505.122871 403.977751z" ></path><path d="M814.870494 242.425332l-134.672212 0-80.804351-81.864496-188.541097 0-80.804351 81.864496-134.672212 0c-44.63457 0-74.859965 22.669302-74.859965 67.280336l0 457.889615c0 44.611034 30.225395 94.953605 74.859965 94.953605l619.495246 0c44.64071 0 87.449701-50.342572 87.449701-94.953605l0-457.889615C902.320195 265.095657 859.511203 242.425332 814.870494 242.425332zM505.122871 754.128573c-118.811989 0-215.477586-96.694249-215.477586-215.477586 0-118.841665 96.665597-215.477586 215.477586-215.477586 118.810966 0 215.477586 96.636944 215.477586 215.477586C720.600457 657.434324 623.933837 754.128573 505.122871 754.128573z" ></path></symbol><symbol id="icon-qq" viewBox="0 0 1024 1024"><path d="M162.797568 576.497664c-30.287872 75.442176-35.29728 147.37408-10.903552 160.73728 16.87552 9.275392 43.149312-11.943936 67.883008-50.542592 9.814016 42.274816 34.000896 80.203776 68.589568 110.866432-36.21888 14.116864-59.94496 37.175296-59.94496 63.24224 0 42.944512 64.079872 77.613056 143.112192 77.613056 71.305216 0 130.373632-28.153856 141.273088-65.247232 2.885632 0 14.209024 0 16.961536 0 11.114496 37.093376 70.053888 65.247232 141.441024 65.247232 79.120384 0 143.11424-34.670592 143.11424-77.613056 0-26.066944-23.683072-48.955392-59.98592-63.24224 34.463744-30.662656 58.81856-68.591616 68.548608-110.866432 24.727552 38.598656 50.880512 59.817984 67.84 50.542592 24.518656-13.3632 19.632128-85.295104-10.94656-160.73728-23.891968-59.068416-56.266752-102.67648-80.953344-112.449536 0.333824-3.592192 0.626688-7.563264 0.626688-11.364352 0-22.892544-6.098944-44.027904-16.498688-61.239296 0.210944-1.376256 0.210944-2.67264 0.210944-4.050944 0-10.569728-2.381824-20.385792-6.475776-28.86656-6.223872-153.76384-101.339136-276.02944-255.35488-276.02944-153.974784 0-249.217024 122.267648-255.440896 276.02944-4.009984 8.605696-6.473728 18.466816-6.473728 28.993536 0 1.378304 0 2.67264 0.167936 4.052992-10.190848 17.084416-16.29184 38.219776-16.29184 61.19424 0 3.844096 0.206848 7.686144 0.4608 11.446272C219.148288 473.905152 186.650624 517.431296 162.797568 576.497664L162.797568 576.497664z" ></path></symbol><symbol id="icon-iconfontzhizuobiaozhunbduan32" viewBox="0 0 1024 1024"><path d="M693.063287 347.452363c11.739369 0 23.353894 0.862647 34.874275 2.143826-31.333636-145.899928-187.328479-254.30694-365.384781-254.30694-199.066825 0-362.134761 135.684262-362.134761 307.978327 0 99.453083 54.251601 181.122127 144.907321 244.463758l-36.219923 108.936061 126.59628-63.48387c45.299719 8.968256 81.639369 18.185174 126.849036 18.185174 11.361769 0 22.630417-0.560772 33.80492-1.438769-7.074116-24.211425-11.174504-49.568952-11.174504-75.879178C385.183198 475.845569 521.046538 347.452363 693.063287 347.452363L693.063287 347.452363zM498.35063 249.270227c27.267017 0 45.331441 17.938558 45.331441 45.189202 0 27.139104-18.063401 45.328371-45.331441 45.328371-27.142174 0-54.377468-18.188244-54.377468-45.328371C443.973162 267.206738 471.208457 249.270227 498.35063 249.270227L498.35063 249.270227zM244.908384 339.785753c-27.139104 0-54.531987-18.186198-54.531987-45.328371 0-27.250644 27.390837-45.188178 54.531987-45.188178 27.139104 0 45.203528 17.937534 45.203528 45.188178C290.111912 321.599556 272.048511 339.785753 244.908384 339.785753L244.908384 339.785753zM1023.580956 629.701702c0-144.778384-144.879692-262.793218-307.599703-262.793218-172.303274 0-308.004933 118.013811-308.004933 262.793218 0 145.026024 135.705752 262.790148 308.004933 262.790148 36.063357 0 72.435753-9.092076 108.656699-18.170848l99.329263 54.389748-27.232225-90.499154C969.421452 783.681656 1023.580956 711.369723 1023.580956 629.701702L1023.580956 629.701702zM616.116801 584.389704c-18.030655 0-36.219923-17.938558-36.219923-36.236296 0-18.044982 18.188244-36.213783 36.219923-36.213783 27.39186 0 45.330418 18.168802 45.330418 36.213783C661.447219 566.451146 643.508661 584.389704 616.116801 584.389704L616.116801 584.389704zM815.309492 584.389704c-17.907858 0-35.971259-17.938558-35.971259-36.236296 0-18.044982 18.063401-36.213783 35.971259-36.213783 27.140127 0 45.326325 18.168802 45.326325 36.213783C860.63684 566.451146 842.450642 584.389704 815.309492 584.389704L815.309492 584.389704z" ></path></symbol><symbol id="icon-guanbi" viewBox="0 0 1024 1024"><path d="M511.232 438.8352L112.9984 40.6016A51.2 51.2 0 0 0 40.6016 112.9984L438.784 511.232 40.6016 909.4656a51.2 51.2 0 1 0 72.3968 72.448l398.2336-398.2848 398.2336 398.2848a51.2 51.2 0 1 0 72.448-72.448l-398.2848-398.2336 398.2848-398.2336A51.2 51.2 0 0 0 909.4656 40.6016L511.232 438.784z" ></path></symbol><symbol id="icon-py_weixinzhifu" viewBox="0 0 1137 1024"><path d="M426 619.367a33.133 33.133 0 0 1-44.167-13.466l-2.467-4.934-90.833-199.266a13.967 13.967 0 0 1-1.867-6.733c0-9.2 7.367-16.567 16.6-16.567a17 17 0 0 1 9.8 3.067L420.5 457.5a49 49 0 0 0 44.2 4.9L970.532 238c-90.867-106.666-240-176-408.833-176C286 61.401 62 247.801 62 477.734c0 125.1 67.533 238.533 172.5 314.566 8.6 6.134 14.133 16.534 14.133 27 0 3.667-0.633 7.334-1.867 11l-22.7 84c-1.233 3.667-2.466 8-2.466 12.267 0 9.2 7.366 16.566 16.566 16.566 3.667 0 6.767-1.233 9.834-3.066L357.266 876.9c8-4.9 17.2-7.333 26.4-7.967 4.9 0 9.834 0.634 14.734 2.467 53.4 15.333 108.033 22.667 163.3 22.667 276.232 0 500.299-186.4 500.299-416.333 0-68.667-20.267-135.5-57.1-193.133l-575.8 332.333-3.066 2.433z" ></path></symbol><symbol id="icon-yanjing" viewBox="0 0 1024 1024"><path d="M512.002844 249.457778c189.155556 0 361.415111 183.751111 427.207112 262.542222-65.792 78.791111-238.051556 262.542222-427.207112 262.542222S150.587733 590.791111 84.795733 512C150.587733 433.208889 322.847289 249.457778 512.002844 249.457778zM512.002844 170.666667C277.279289 170.666667 78.395733 394.638222 11.323733 479.715556a51.683556 51.683556 0 0 0 0 64.568888C78.395733 629.361778 277.279289 853.333333 512.002844 853.333333s433.607111-223.971556 500.679112-309.048889a51.683556 51.683556 0 0 0 0-64.568888C945.609956 394.638222 746.7264 170.666667 512.002844 170.666667z m0 262.542222c42.410667 0 76.8 35.271111 76.8 78.791111s-34.389333 78.791111-76.8 78.791111-76.8-35.271111-76.8-78.791111 34.389333-78.791111 76.8-78.791111z m0-78.734222c-62.122667 0-118.129778 38.371556-141.880888 97.251555-23.779556 58.88-10.638222 126.606222 33.28 171.662222a150.755556 150.755556 0 0 0 167.367111 34.133334C628.169956 633.173333 665.602844 575.715556 665.602844 512c0-87.011556-68.750222-157.525333-153.571555-157.525333z" ></path></symbol><symbol id="icon-yanjing1" viewBox="0 0 1024 1024"><path d="M512.022187 546.417778c-184.177778 0-368.071111-55.921778-499.114667-167.537778a37.575111 37.575111 0 0 1-3.498667-53.162667 37.944889 37.944889 0 0 1 53.418667-3.470222c231.082667 198.826667 668.302222 198.826667 898.389333 0a37.944889 37.944889 0 0 1 53.418667 3.470222c13.767111 15.644444 12.231111 39.452444-3.498667 53.191111C880.093298 490.496 696.199964 546.417778 512.022187 546.417778z m-136.760889 164.522666a30.833778 30.833778 0 0 1-6.741334 0c-10.325333-1.422222-19.626667-7.111111-25.543111-15.644444-5.944889-8.561778-7.964444-19.228444-5.632-29.354667l24.945778-146.631111a37.973333 37.973333 0 0 1 43.918222-30.805333 37.831111 37.831111 0 0 1 30.947556 43.747555l-24.945778 146.602667a37.376 37.376 0 0 1-36.949333 32.085333z m561.009778-74.581333c-9.955556 0-19.512889-4.039111-26.453334-11.178667l-123.022222-124.245333a37.176889 37.176889 0 0 1 16.042667-64.455111 37.546667 37.546667 0 0 1 37.091555 12.259556l123.050667 124.245333c14.592 14.563556 14.592 38.144 0 52.707555-7.224889 6.826667-16.782222 10.638222-26.737778 10.666667z m-848.497778 0a38.997333 38.997333 0 0 1-24.945778-10.666667 37.176889 37.176889 0 0 1 0-52.707555l123.022222-124.245333a37.518222 37.518222 0 0 1 67.470222 14.136888 37.205333 37.205333 0 0 1-15.815111 38.058667l-123.022222 124.245333a37.006222 37.006222 0 0 1-26.709333 11.178667z m562.744889 74.581333a37.376 37.376 0 0 1-36.693334-30.833777l-24.945777-146.631111a37.176889 37.176889 0 0 1 9.756444-38.826667 37.546667 37.546667 0 0 1 39.424-7.68c13.539556 5.319111 22.755556 17.92 23.694222 32.341333l24.945778 146.631111c1.820444 9.728-0.341333 19.768889-6.030222 27.904-5.688889 8.135111-14.364444 13.653333-24.177778 15.36a30.805333 30.805333 0 0 1-5.973333 1.706667z" ></path></symbol><symbol id="icon-jiahao" viewBox="0 0 1024 1024"><path d="M913.536524 551.447587H116.910163c-23.637854 0-42.977915-19.340062-42.977916-42.977916s19.340062-42.977915 42.977916-42.977915h796.626361c23.637854 0 42.977915 19.340062 42.977916 42.977915s-19.340062 42.977915-42.977916 42.977916z" ></path><path d="M472.194264 906.731688V110.105326c0-23.637854 19.340062-42.977915 42.977915-42.977915s42.977915 19.340062 42.977916 42.977915v796.626362c0 23.637854-19.340062 42.977915-42.977916 42.977915s-42.977915-19.340062-42.977915-42.977915z" ></path></symbol><symbol id="icon-shenfenrenzheng_chenggong" viewBox="0 0 1024 1024"><path d="M514.9 528.5c-106.4 0-193-86.6-193-193s86.6-193 193-193 193 86.6 193 193-86.6 193-193 193z m0-346.6c-84.7 0-153.6 68.9-153.6 153.6s68.9 153.6 153.6 153.6 153.6-68.9 153.6-153.6-69-153.6-153.6-153.6z" fill="#444444" ></path><path d="M149 882.9h-0.8c-10.9-0.5-19.3-9.6-18.9-20.5 8.7-207.2 178-369.6 385.6-369.6 107.2 0 210.4 45.1 283.3 123.8 7.4 8 6.9 20.4-1.1 27.8-8 7.4-20.4 6.9-27.8-1.1-65.4-70.7-158.1-111.2-254.4-111.2-186.4 0-338.5 145.7-346.2 331.8-0.5 10.7-9.3 19-19.7 19z" fill="#444444" ></path><path d="M676.3 882.9c-5 0-10.1-1.9-13.9-5.8L540.3 755c-7.7-7.7-7.7-20.2 0-27.8 7.7-7.7 20.2-7.7 27.8 0l108.2 108.2 188-188c7.7-7.7 20.2-7.7 27.8 0 7.7 7.7 7.7 20.2 0 27.8l-201.9 202c-3.8 3.8-8.8 5.7-13.9 5.7z" fill="#FF8803" ></path></symbol><symbol id="icon-duihao" viewBox="0 0 1024 1024"><path d="M380.342857 801.645714a53.394286 53.394286 0 0 1-36.571428-16.091428l-218.331429-217.234286a55.588571 55.588571 0 0 1 0-77.165714 54.125714 54.125714 0 0 1 76.8 0l178.102857 179.2L835.291429 272.091429a53.394286 53.394286 0 0 1 76.434285 0 54.125714 54.125714 0 0 1 0 76.8L418.742857 785.554286a54.491429 54.491429 0 0 1-38.4 16.091428z" ></path></symbol><symbol id="icon-zhifubao" viewBox="0 0 1024 1024"><path d="M230.404 576.536c-12.087 9.728-25.043 23.93-28.805 41.984-5.12 24.666-1.069 55.541 22.728 79.761 28.828 29.362 72.637 37.398 91.56 38.779 51.4 3.717 106.184-21.772 147.477-50.844 16.184-11.42 43.899-34.349 70.39-69.721-59.37-30.653-133.477-64.557-212.703-61.24-40.47 1.692-69.454 10.084-90.647 21.281z m752.859 135.545C1009.463 650.574 1024 582.968 1024 512 1024 229.688 794.335 0 512 0 229.665 0 0 229.688 0 512c0 282.335 229.665 512 512 512 170.385 0 321.491-83.723 414.631-212.124-87.997-43.742-233.027-115.734-322.36-159.299-42.63 48.596-105.65 97.303-176.84 118.495-44.722 13.29-85.037 18.365-127.199 9.75-41.739-8.548-72.481-28.093-90.401-47.683-9.127-9.995-19.612-22.706-27.203-37.82a71.25 71.25 0 0 0 1.202 3.049s-4.363-7.524-7.702-19.5a85.994 85.994 0 0 1-3.34-18.143 93.517 93.517 0 0 1-0.2-13.045c-0.378-7.702-0.066-15.783 1.67-24.064 4.185-20.235 12.822-43.81 35.172-65.692 49.063-48.039 114.777-50.621 148.814-50.42 50.421 0.289 138.04 22.35 211.812 48.439 20.436-43.52 33.547-90.068 42.007-121.1H305.308v-33.168h157.518v-66.337H272.139v-33.169h190.687v-66.315c0-9.105 1.803-16.584 16.584-16.584h74.619v82.899h207.293v33.169H554.029v66.337h165.82s-16.65 92.828-68.719 184.32c115.557 41.272 278.128 104.849 332.133 126.086z" ></path></symbol><symbol id="icon-tupian" viewBox="0 0 1024 1024"><path d="M335.36 440.32c38.4 0 71.68-30.72 71.68-71.68 0-38.4-30.72-71.68-71.68-71.68-38.4 0-71.68 30.72-71.68 71.68 2.56 40.96 33.28 71.68 71.68 71.68z m0 0M652.8 396.8L445.44 691.2 337.92 540.16 158.72 793.6h704L652.8 396.8z m0 0" ></path><path d="M934.4 107.52H89.6c-20.48 0-35.84 15.36-35.84 35.84V883.2c0 20.48 15.36 35.84 35.84 35.84h844.8c20.48 0 35.84-15.36 35.84-35.84V143.36c0-20.48-15.36-35.84-35.84-35.84z m-35.84 739.84H125.44V176.64h775.68v670.72h-2.56z m0 0" ></path></symbol><symbol id="icon-xiazai-wenjianxiazai-05" viewBox="0 0 1024 1024"><path d="M897.706667 989.866667H126.293333c-51.2 0-92.16-40.96-92.16-92.16V512c0-13.653333 11.946667-25.6 25.6-25.6S85.333333 498.346667 85.333333 512v385.706667C85.333333 919.893333 104.106667 938.666667 126.293333 938.666667h769.706667c22.186667 0 40.96-18.773333 40.96-40.96V512c0-13.653333 11.946667-25.6 25.6-25.6s27.306667 11.946667 27.306667 25.6v385.706667c0 51.2-40.96 92.16-92.16 92.16z" fill="#333333" ></path><path d="M512 738.986667c-6.826667 0-13.653333-1.706667-18.773333-6.826667L267.946667 505.173333c-10.24-10.24-10.24-25.6 0-35.84s25.6-10.24 35.84 0L512 677.546667l208.213333-208.213334c10.24-10.24 25.6-10.24 35.84 0s10.24 25.6 0 35.84L530.773333 730.453333c-5.12 5.12-11.946667 8.533333-18.773333 8.533334z" fill="#333333" ></path><path d="M512 738.986667c-13.653333 0-25.6-11.946667-25.6-25.6V59.733333c0-13.653333 11.946667-25.6 25.6-25.6s25.6 11.946667 25.6 25.6v653.653334c0 13.653333-11.946667 25.6-25.6 25.6z" fill="#333333" ></path></symbol><symbol id="icon-zhuanfa" viewBox="0 0 1024 1024"><path d="M864 501.333333c-23.466667 0-42.666667 19.2-42.666667 42.666667v256h-597.333333v-597.333333h256c23.466667 0 42.666667-19.2 42.666667-42.666667s-19.2-42.666667-42.666667-42.666667H221.866667c-6.4 0-10.666667 0-17.066667 2.133334-4.266667 2.133333-10.666667 2.133333-14.933333 4.266666-4.266667 2.133333-10.666667 6.4-14.933334 8.533334-4.266667 2.133333-8.533333 6.4-10.666666 10.666666-4.266667 2.133333-8.533333 6.4-10.666667 10.666667-2.133333 4.266667-6.4 10.666667-8.533333 14.933333-2.133333 4.266667-2.133333 10.666667-4.266667 14.933334 0 6.4-2.133333 10.666667-2.133333 17.066666v603.733334c0 6.4 0 10.666667 2.133333 17.066666 2.133333 4.266667 2.133333 10.666667 4.266667 14.933334 2.133333 4.266667 4.266667 10.666667 8.533333 14.933333 2.133333 4.266667 6.4 8.533333 10.666667 12.8s8.533333 6.4 12.8 10.666667c4.266667 2.133333 8.533333 6.4 14.933333 8.533333 4.266667 2.133333 10.666667 4.266667 14.933333 4.266667 6.4 2.133333 10.666667 2.133333 17.066667 2.133333h603.733333c6.4 0 10.666667 0 17.066667-2.133333 4.266667-2.133333 10.666667-2.133333 14.933333-4.266667 4.266667-2.133333 8.533333-4.266667 14.933334-8.533333 4.266667-2.133333 8.533333-6.4 12.8-10.666667 4.266667-4.266667 6.4-8.533333 10.666666-12.8 2.133333-4.266667 6.4-8.533333 8.533334-14.933333 2.133333-4.266667 4.266667-10.666667 4.266666-14.933334 2.133333-6.4 2.133333-10.666667 2.133334-17.066666V544c-6.4-23.466667-25.6-42.666667-49.066667-42.666667z" ></path><path d="M906.666667 183.466667c-2.133333-4.266667-2.133333-10.666667-4.266667-14.933334-2.133333-4.266667-4.266667-8.533333-8.533333-14.933333-2.133333-4.266667-6.4-8.533333-10.666667-12.8-4.266667-4.266667-8.533333-6.4-12.8-10.666667-4.266667-2.133333-8.533333-6.4-14.933333-8.533333-4.266667-2.133333-10.666667-4.266667-14.933334-4.266667-6.4-2.133333-10.666667-2.133333-17.066666-2.133333h-151.466667c-23.466667 0-42.666667 19.2-42.666667 42.666667s19.2 42.666667 42.666667 42.666666H725.333333c-89.6 64-215.466667 168.533333-245.333333 288-6.4 23.466667 8.533333 46.933333 32 51.2 4.266667 0 6.4 2.133333 10.666667 2.133334 19.2 0 36.266667-12.8 40.533333-32 25.6-104.533333 168.533333-213.333333 258.133333-268.8v106.666666c0 23.466667 19.2 42.666667 42.666667 42.666667s42.666667-19.2 42.666667-42.666667V200.533333v-17.066666z" ></path></symbol><symbol id="icon-shouye" viewBox="0 0 1024 1024"><path d="M969.6 502.4l-118.4-112-323.2-300.8c-9.6-9.6-22.4-9.6-32 0l-313.6 297.6c-3.2 3.2-6.4 6.4-9.6 9.6l-118.4 112c-9.6 9.6-9.6 22.4 0 32s22.4 9.6 32 0l83.2-80 0 393.6c0 48 41.6 89.6 92.8 89.6l83.2 0c38.4 0 70.4-28.8 70.4-67.2l0-217.6 99.2 0 99.2 0 0 217.6c0 35.2 32 67.2 70.4 67.2l83.2 0c51.2 0 92.8-38.4 92.8-89.6l0-396.8 80 73.6c9.6 9.6 22.4 9.6 32 0C979.2 524.8 979.2 512 969.6 502.4zM809.6 857.6c0 25.6-19.2 44.8-44.8 44.8l-83.2 0c-12.8 0-22.4-9.6-22.4-22.4L659.2 640c0-12.8-9.6-22.4-22.4-22.4l-121.6 0-121.6 0c-12.8 0-22.4 9.6-22.4 22.4l0 240c0 12.8-9.6 22.4-22.4 22.4l-83.2 0c-25.6 0-44.8-19.2-44.8-44.8l0-438.4 294.4-281.6 294.4 281.6L809.6 857.6z" ></path></symbol><symbol id="icon-sousuo" viewBox="0 0 1024 1024"><path d="M862.609 816.955L726.44 680.785l-0.059-0.056a358.907 358.907 0 0 0 56.43-91.927c18.824-44.507 28.369-91.767 28.369-140.467 0-48.701-9.545-95.96-28.369-140.467-18.176-42.973-44.19-81.56-77.319-114.689-33.13-33.129-71.717-59.144-114.69-77.32-44.507-18.825-91.767-28.37-140.467-28.37-48.701 0-95.96 9.545-140.467 28.37-42.973 18.176-81.56 44.19-114.689 77.32-33.13 33.129-59.144 71.717-77.32 114.689-18.825 44.507-28.37 91.767-28.37 140.467 0 48.7 9.545 95.96 28.37 140.467 18.176 42.974 44.19 81.561 77.32 114.69 33.129 33.129 71.717 59.144 114.689 77.319 44.507 18.824 91.767 28.369 140.467 28.369 48.7 0 95.96-9.545 140.467-28.369 32.78-13.864 62.997-32.303 90.197-54.968 0.063 0.064 0.122 0.132 0.186 0.195l136.169 136.17c6.25 6.25 14.438 9.373 22.628 9.373 8.188 0 16.38-3.125 22.627-9.372 12.496-12.496 12.496-32.758 0-45.254z m-412.274-69.466c-79.907 0-155.031-31.118-211.534-87.62-56.503-56.503-87.62-131.627-87.62-211.534s31.117-155.031 87.62-211.534c56.502-56.503 131.626-87.62 211.534-87.62s155.031 31.117 211.534 87.62c56.502 56.502 87.62 131.626 87.62 211.534s-31.118 155.031-87.62 211.534c-56.503 56.502-131.627 87.62-211.534 87.62z" fill="" ></path></symbol><symbol id="icon-saoyisao" viewBox="0 0 1024 1024"><path d="M149.333333 170.858667A21.546667 21.546667 0 0 1 170.858667 149.333333H384V106.666667H170.858667A64.213333 64.213333 0 0 0 106.666667 170.858667V384h42.666666V170.858667zM170.858667 874.666667A21.546667 21.546667 0 0 1 149.333333 853.141333V640H106.666667v213.141333A64.213333 64.213333 0 0 0 170.858667 917.333333H384v-42.666666H170.858667zM853.12 149.333333A21.546667 21.546667 0 0 1 874.666667 170.858667V384h42.666666V170.858667A64.213333 64.213333 0 0 0 853.141333 106.666667H640v42.666666h213.141333zM874.666667 853.141333A21.546667 21.546667 0 0 1 853.141333 874.666667H640v42.666666h213.141333A64.213333 64.213333 0 0 0 917.333333 853.141333V640h-42.666666v213.141333zM106.666667 490.666667h810.666666v42.666666H106.666667v-42.666666z" fill="#3D3D3D" ></path></symbol><symbol id="icon-xiaoxi" viewBox="0 0 1024 1024"><path d="M504.14253 974.868231C233.014641 974.868231 12.463574 769.49021 12.463574 516.967366S233.014641 59.066502 504.14253 59.066502s491.678956 205.378021 491.678955 457.900864c0 85.25807-24.927148 167.264773-72.252602 239.156113 42.809667 35.945669 95.012171 80.38102 91.580173 135.292997-1.445052 22.75957-11.018522 42.087141-27.997883 55.815135-46.78356 38.113247-138.00247 25.288411-226.331275 12.644205-34.86188-4.877051-73.878285-10.476627-94.470277-9.212207l-1.806315 1.806315h-8.489681c-48.951138 14.992415-99.889222 22.398307-151.911095 22.398307z m0-850.774387C268.96031 124.093844 77.671547 300.390192 77.671547 516.967366s191.288763 392.873523 426.470983 392.873523c44.615982 0 88.509437-6.322103 130.415946-18.605045l0.903157-0.722526 10.837891-2.709473h1.625683c28.539778-5.238314 70.085024 0.541895 122.287529 7.947787 60.330923 8.489681 151.369201 21.495149 175.935085 1.26442 1.986947-1.625684 3.793262-3.61263 4.154525-9.392838 1.445052-22.940201-43.351561-60.511554-70.265655-82.909861-7.767155-6.502734-15.173046-12.644205-21.856412-18.605045L835.601341 765.87758l18.243782-23.843359c50.215558-66.111131 76.949021-143.963309 76.949021-225.066855-0.180632-216.577174-191.469395-392.873523-426.651614-392.873522z" ></path><path d="M755.581584 476.144646H272.031046c-49.312401 0-49.312401-71.349444 0-71.349444h483.73117c49.131769 0 49.131769 71.349444-0.180632 71.349444zM755.581584 629.139531H485.898748c-43.893456 0-43.893456-65.027342 0-65.027342h269.682836c36.306932 0 36.306932 65.027342 0 65.027342z" ></path></symbol><symbol id="icon-wode" viewBox="0 0 1024 1024"><path d="M970.142125 887.350303c-0.271515-3.84-0.827475-9.671111-1.82303-17.260606-1.848889-14.157576-4.615758-29.853737-8.494546-46.713535-11.080404-48.122828-28.935758-96.271515-55.169292-141.433536-68.926061-118.600404-181.772929-194.314343-344.901819-206.62303 95.883636-21.837576 167.421414-107.545859 167.421415-209.945859 0-118.923636-96.504242-215.337374-215.544243-215.337373-119.04 0-215.544242 96.413737-215.544242 215.337373 0 102.412929 71.550707 188.108283 167.434343 209.958788-163.128889 12.308687-275.975758 88.048485-344.914747 206.674748-26.233535 45.16202-44.088889 93.323636-55.182223 141.459394-3.878788 16.859798-6.658586 32.568889-8.507474 46.726464-1.021414 7.848081-1.590303 13.808485-1.83596 17.635556-6.270707 48.032323 29.013333 88.177778 77.795556 88.177778h761.483636c49.027879 0 85.061818-40.572121 77.782626-88.656162zM353.570004 265.373737c0-87.22101 70.76202-157.918384 158.060606-157.918383 87.298586 0 158.060606 70.697374 158.060606 157.918383S598.916267 423.292121 511.63061 423.292121c-87.285657 0-158.060606-70.697374-158.060606-157.918384z m538.815354 653.213738H130.888792c-14.235152 0-22.794343-9.865051-20.751515-23.815758l0.193939-1.292929 0.064647-1.305859c0.025859-0.426667 0.103434-1.564444 0.271515-3.361616 0.284444-3.180606 0.698182-6.930101 1.254141-11.196768 1.616162-12.373333 4.059798-26.259394 7.511919-41.257373 9.87798-42.873535 25.755152-85.721212 48.885657-125.517576 65.512727-112.756364 175.127273-179.872323 343.311515-179.872323 168.197172 0 277.798788 67.10303 343.311515 179.820606 23.117576 39.770505 38.994747 82.605253 48.872728 125.478788 3.452121 14.985051 5.908687 28.858182 7.511919 41.244444 0.55596 4.266667 0.969697 8.016162 1.241212 11.196768 0.168081 1.797172 0.245657 2.92202 0.271515 3.361616l0.090505 1.667879 0.284444 1.64202c2.301414 13.239596-6.412929 23.208081-20.82909 23.208081z m0 0" ></path></symbol><symbol id="icon-shaixuan" viewBox="0 0 1024 1024"><path d="M814.6 110a79.2 79.2 0 0 0-72.2-46H240a80 80 0 0 0-62.1 130L360 417.9a15.6 15.6 0 0 1 3.6 10V800a80 80 0 0 0 28.8 61.4l96 80A80 80 0 0 0 539 960a81.5 81.5 0 0 0 34.2-7.7 79.2 79.2 0 0 0 46-72.3V428a16.2 16.2 0 0 1 3.6-10l181.7-223.6A79.4 79.4 0 0 0 814.6 110z m-60 44.4L573.1 377.5a80.9 80.9 0 0 0-17.9 50V880a16 16 0 0 1-26.2 12.2l-96-80a15.7 15.7 0 0 1-5.8-12.2V428a80 80 0 0 0-17.9-50L227.7 154a15.4 15.4 0 0 1-2.1-16.9A15.6 15.6 0 0 1 240 128h502.4a16 16 0 0 1 12.4 26z" fill="#333333" ></path><path d="M672 475a32 32 0 0 0 32 32h128a32 32 0 1 0 0-64H704a32 32 0 0 0-32 32zM832 571H704a32 32 0 0 0 0 64h128a32 32 0 1 0 0-64zM832 699H704a32 32 0 0 0 0 64h128a32 32 0 1 0 0-64z" fill="#333333" ></path></symbol><symbol id="icon-youjiantou" viewBox="0 0 1024 1024"><path d="M769.216 511.936c0-3.712-1.152-7.232-1.856-10.88-0.64-2.368-0.64-4.8-1.408-7.04a50.56 50.56 0 0 0-11.136-17.344l-417.28-417.28a48.96 48.96 0 0 0-68.992-0.96 48.832 48.832 0 0 0 1.024 68.864L654.208 512l-384.64 384.768a48.768 48.768 0 0 0-1.024 68.8 48.768 48.768 0 0 0 68.864-0.96l417.28-417.344a51.2 51.2 0 0 0 11.136-17.344c0.896-2.304 0.896-4.736 1.472-7.04 0.768-3.648 1.92-7.232 1.92-10.944z" ></path></symbol><symbol id="icon-bianji" viewBox="0 0 1024 1024"><path d="M862.709333 116.042667a32 32 0 1 1 45.248 45.248L455.445333 613.813333a32 32 0 1 1-45.258666-45.258666L862.709333 116.053333zM853.333333 448a32 32 0 0 1 64 0v352c0 64.8-52.533333 117.333333-117.333333 117.333333H224c-64.8 0-117.333333-52.533333-117.333333-117.333333V224c0-64.8 52.533333-117.333333 117.333333-117.333333h341.333333a32 32 0 0 1 0 64H224a53.333333 53.333333 0 0 0-53.333333 53.333333v576a53.333333 53.333333 0 0 0 53.333333 53.333333h576a53.333333 53.333333 0 0 0 53.333333-53.333333V448z" ></path></symbol></svg>',function(t){var c=(c=document.getElementsByTagName("script"))[c.length-1],a=c.getAttribute("data-injectcss"),c=c.getAttribute("data-disable-injectsvg");if(!c){var l,o,i,h,e,n=function(c,a){a.parentNode.insertBefore(c,a)};if(a&&!t.__iconfont__svg__cssinject__){t.__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(c){console&&console.log(c)}}l=function(){var c,a=document.createElement("div");a.innerHTML=t._iconfont_svg_string_3749283,(a=a.getElementsByTagName("svg")[0])&&(a.setAttribute("aria-hidden","true"),a.style.position="absolute",a.style.width=0,a.style.height=0,a.style.overflow="hidden",a=a,(c=document.body).firstChild?n(a,c.firstChild):c.appendChild(a))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),l()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(i=l,h=t.document,e=!1,s(),h.onreadystatechange=function(){"complete"==h.readyState&&(h.onreadystatechange=null,d())})}function d(){e||(e=!0,i())}function s(){try{h.documentElement.doScroll("left")}catch(c){return void setTimeout(s,50)}d()}}(window);
\ No newline at end of file \ No newline at end of file
static/font/iconfont.json
...@@ -6,6 +6,13 @@ ...@@ -6,6 +6,13 @@
"description": "", "description": "",
"glyphs": [ "glyphs": [
{ {
"icon_id": "8802658",
"name": "公告",
"font_class": "gonggao",
"unicode": "e650",
"unicode_decimal": 58960
},
{
"icon_id": "1189", "icon_id": "1189",
"name": "自助推广", "name": "自助推广",
"font_class": "zizhutuiguang", "font_class": "zizhutuiguang",
......
static/font/iconfont.ttf
No preview for this file type
uni_modules/uni-popup/changelog.md 0 → 100644
## 1.7.9（2022-04-02）
- 修复 弹出层内部无法滚动的bug
## 1.7.8（2022-03-28）
- 修复 小程序中高度错误的bug
## 1.7.7（2022-03-17）
- 修复 快速调用open出现问题的Bug
## 1.7.6（2022-02-14）
- 修复 safeArea 属性不能设置为false的bug
## 1.7.5（2022-01-19）
- 修复 isMaskClick 失效的bug
## 1.7.4（2022-01-19）
- 新增 cancelText \ confirmText 属性 ，可自定义文本
- 新增 maskBackgroundColor 属性 ，可以修改蒙版颜色
- 优化 maskClick属性 更新为 isMaskClick ，解决微信小程序警告的问题
## 1.7.3（2022-01-13）
- 修复 设置 safeArea 属性不生效的bug
## 1.7.2（2021-11-26）
- 优化 组件示例
## 1.7.1（2021-11-26）
- 修复 vuedoc 文字错误
## 1.7.0（2021-11-19）
- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-popup](https://uniapp.dcloud.io/component/uniui/uni-popup)
## 1.6.2（2021-08-24）
- 新增 支持国际化
## 1.6.1（2021-07-30）
- 优化 vue3下事件警告的问题
## 1.6.0（2021-07-13）
- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
## 1.5.0（2021-06-23）
- 新增 mask-click 遮罩层点击事件
## 1.4.5（2021-06-22）
- 修复 nvue 平台中间弹出后，点击内容，再点击遮罩无法关闭的Bug
## 1.4.4（2021-06-18）
- 修复 H5平台中间弹出后，点击内容，再点击遮罩无法关闭的Bug
## 1.4.3（2021-06-08）
- 修复 错误的 watch 字段
- 修复 safeArea 属性不生效的问题
- 修复 点击内容，再点击遮罩无法关闭的Bug
## 1.4.2（2021-05-12）
- 新增 组件示例地址
## 1.4.1（2021-04-29）
- 修复 组件内放置 input 、textarea 组件，无法聚焦的问题
## 1.4.0 （2021-04-29）
- 新增 type 属性的 left\right 值，支持左右弹出
- 新增 open(String:type) 方法参数 ，可以省略 type 属性 ，直接传入类型打开指定弹窗
- 新增 backgroundColor 属性，可定义主窗口背景色,默认不显示背景色
- 新增 safeArea 属性，是否适配底部安全区
- 修复 App\h5\微信小程序底部安全区占位不对的Bug
- 修复 App 端弹出等待的Bug
- 优化 提升低配设备性能，优化动画卡顿问题
- 优化 更简单的组件自定义方式
## 1.2.9（2021-02-05）
- 优化 组件引用关系，通过uni_modules引用组件
## 1.2.8（2021-02-05）
- 调整为uni_modules目录规范
## 1.2.7（2021-02-05）
- 调整为uni_modules目录规范
- 新增 支持 PC 端
- 新增 uni-popup-message 、uni-popup-dialog扩展组件支持 PC 端
uni_modules/uni-popup/components/uni-popup-dialog/keypress.js 0 → 100644
// #ifdef H5
export default {
name: 'Keypress',
props: {
disable: {
type: Boolean,
default: false
}
},
mounted () {
const keyNames = {
esc: ['Esc', 'Escape'],
tab: 'Tab',
enter: 'Enter',
space: [' ', 'Spacebar'],
up: ['Up', 'ArrowUp'],
left: ['Left', 'ArrowLeft'],
right: ['Right', 'ArrowRight'],
down: ['Down', 'ArrowDown'],
delete: ['Backspace', 'Delete', 'Del']
}
const listener = ($event) => {
if (this.disable) {
return
}
const keyName = Object.keys(keyNames).find(key => {
const keyName = $event.key
const value = keyNames[key]
return value === keyName || (Array.isArray(value) && value.includes(keyName))
})
if (keyName) {
// 避免和其他按键事件冲突
setTimeout(() => {
this.$emit(keyName, {})
}, 0)
}
}
document.addEventListener('keyup', listener)
this.$once('hook:beforeDestroy', () => {
document.removeEventListener('keyup', listener)
})
},
render: () => {}
}
// #endif
uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.vue 0 → 100644
<template>
<view class="uni-popup-dialog">
<view class="uni-dialog-title">
<text class="uni-dialog-title-text" :class="['uni-popup__'+dialogType]">{{titleText}}</text>
</view>
<view v-if="mode === 'base'" class="uni-dialog-content">
<slot>
<text class="uni-dialog-content-text">{{content}}</text>
</slot>
</view>
<view v-else class="uni-dialog-content">
<slot>
<input class="uni-dialog-input" v-model="val" type="text" :placeholder="placeholderText" :focus="focus" >
</slot>
</view>
<view class="uni-dialog-button-group">
<view class="uni-dialog-button" @click="closeDialog">
<text class="uni-dialog-button-text">{{closeText}}</text>
</view>
<view class="uni-dialog-button uni-border-left" @click="onOk">
<text class="uni-dialog-button-text uni-button-color">{{okText}}</text>
</view>
</view>
</view>
</template>
<script>
import popup from '../uni-popup/popup.js'
import {
initVueI18n
} from '@dcloudio/uni-i18n'
import messages from '../uni-popup/i18n/index.js'
const { t } = initVueI18n(messages)
/**
* PopUp 弹出层-对话框样式
* @description 弹出层-对话框样式
* @tutorial https://ext.dcloud.net.cn/plugin?id=329
* @property {String} value input 模式下的默认值
* @property {String} placeholder input 模式下输入提示
* @property {String} type = [success|warning|info|error] 主题样式
* @value success 成功
* @value warning 提示
* @value info 消息
* @value error 错误
* @property {String} mode = [base|input] 模式、
* @value base 基础对话框
* @value input 可输入对话框
* @property {String} content 对话框内容
* @property {Boolean} beforeClose 是否拦截取消事件
* @event {Function} confirm 点击确认按钮触发
* @event {Function} close 点击取消按钮触发
*/
export default {
name: "uniPopupDialog",
mixins: [popup],
emits:['confirm','close'],
props: {
value: {
type: [String, Number],
default: ''
},
placeholder: {
type: [String, Number],
default: ''
},
type: {
type: String,
default: 'error'
},
mode: {
type: String,
default: 'base'
},
title: {
type: String,
default: ''
},
content: {
type: String,
default: ''
},
beforeClose: {
type: Boolean,
default: false
},
cancelText:{
type: String,
default: ''
},
confirmText:{
type: String,
default: ''
}
},
data() {
return {
dialogType: 'error',
focus: false,
val: ""
}
},
computed: {
okText() {
return this.confirmText || t("uni-popup.ok")
},
closeText() {
return this.cancelText || t("uni-popup.cancel")
},
placeholderText() {
return this.placeholder || t("uni-popup.placeholder")
},
titleText() {
return this.title || t("uni-popup.title")
}
},
watch: {
type(val) {
this.dialogType = val
},
mode(val) {
if (val === 'input') {
this.dialogType = 'info'
}
},
value(val) {
this.val = val
}
},
created() {
// 对话框遮罩不可点击
this.popup.disableMask()
// this.popup.closeMask()
if (this.mode === 'input') {
this.dialogType = 'info'
this.val = this.value
} else {
this.dialogType = this.type
}
},
mounted() {
this.focus = true
},
methods: {
/**
* 点击确认按钮
*/
onOk() {
if (this.mode === 'input'){
this.$emit('confirm', this.val)
}else{
this.$emit('confirm')
}
if(this.beforeClose) return
this.popup.close()
},
/**
* 点击取消按钮
*/
closeDialog() {
this.$emit('close')
if(this.beforeClose) return
this.popup.close()
},
close(){
this.popup.close()
}
}
}
</script>
<style lang="scss" >
.uni-popup-dialog {
width: 300px;
border-radius: 11px;
background-color: #fff;
}
.uni-dialog-title {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
justify-content: center;
padding-top: 25px;
}
.uni-dialog-title-text {
font-size: 16px;
font-weight: 500;
}
.uni-dialog-content {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
justify-content: center;
align-items: center;
padding: 20px;
}
.uni-dialog-content-text {
font-size: 14px;
color: #6C6C6C;
}
.uni-dialog-button-group {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
border-top-color: #f5f5f5;
border-top-style: solid;
border-top-width: 1px;
}
.uni-dialog-button {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex: 1;
flex-direction: row;
justify-content: center;
align-items: center;
height: 45px;
}
.uni-border-left {
border-left-color: #f0f0f0;
border-left-style: solid;
border-left-width: 1px;
}
.uni-dialog-button-text {
font-size: 16px;
color: #333;
}
.uni-button-color {
color: #007aff;
}
.uni-dialog-input {
flex: 1;
font-size: 14px;
border: 1px #eee solid;
height: 40px;
padding: 0 10px;
border-radius: 5px;
color: #555;
}
.uni-popup__success {
color: #4cd964;
}
.uni-popup__warn {
color: #f0ad4e;
}
.uni-popup__error {
color: #dd524d;
}
.uni-popup__info {
color: #909399;
}
</style>
uni_modules/uni-popup/components/uni-popup-message/uni-popup-message.vue 0 → 100644
<template>
<view class="uni-popup-message">
<view class="uni-popup-message__box fixforpc-width" :class="'uni-popup__'+type">
<slot>
<text class="uni-popup-message-text" :class="'uni-popup__'+type+'-text'">{{message}}</text>
</slot>
</view>
</view>
</template>
<script>
import popup from '../uni-popup/popup.js'
/**
* PopUp 弹出层-消息提示
* @description 弹出层-消息提示
* @tutorial https://ext.dcloud.net.cn/plugin?id=329
* @property {String} type = [success|warning|info|error] 主题样式
* @value success 成功
* @value warning 提示
* @value info 消息
* @value error 错误
* @property {String} message 消息提示文字
* @property {String} duration 显示时间，设置为 0 则不会自动关闭
*/
export default {
name: 'uniPopupMessage',
mixins:[popup],
props: {
/**
* 主题 success/warning/info/error 默认 success
*/
type: {
type: String,
default: 'success'
},
/**
* 消息文字
*/
message: {
type: String,
default: ''
},
/**
* 显示时间，设置为 0 则不会自动关闭
*/
duration: {
type: Number,
default: 3000
},
maskShow:{
type:Boolean,
default:false
}
},
data() {
return {}
},
created() {
this.popup.maskShow = this.maskShow
this.popup.messageChild = this
},
methods: {
timerClose(){
if(this.duration === 0) return
clearTimeout(this.timer)
this.timer = setTimeout(()=>{
this.popup.close()
},this.duration)
}
}
}
</script>
<style lang="scss" >
.uni-popup-message {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
justify-content: center;
}
.uni-popup-message__box {
background-color: #e1f3d8;
padding: 10px 15px;
border-color: #eee;
border-style: solid;
border-width: 1px;
flex: 1;
}
@media screen and (min-width: 500px) {
.fixforpc-width {
margin-top: 20px;
border-radius: 4px;
flex: none;
min-width: 380px;
/* #ifndef APP-NVUE */
max-width: 50%;
/* #endif */
/* #ifdef APP-NVUE */
max-width: 500px;
/* #endif */
}
}
.uni-popup-message-text {
font-size: 14px;
padding: 0;
}
.uni-popup__success {
background-color: #e1f3d8;
}
.uni-popup__success-text {
color: #67C23A;
}
.uni-popup__warn {
background-color: #faecd8;
}
.uni-popup__warn-text {
color: #E6A23C;
}
.uni-popup__error {
background-color: #fde2e2;
}
.uni-popup__error-text {
color: #F56C6C;
}
.uni-popup__info {
background-color: #F2F6FC;
}
.uni-popup__info-text {
color: #909399;
}
</style>
uni_modules/uni-popup/components/uni-popup-share/uni-popup-share.vue 0 → 100644
<template>
<view class="uni-popup-share">
<view class="uni-share-title"><text class="uni-share-title-text">{{shareTitleText}}</text></view>
<view class="uni-share-content">
<view class="uni-share-content-box">
<view class="uni-share-content-item" v-for="(item,index) in bottomData" :key="index" @click.stop="select(item,index)">
<image class="uni-share-image" :src="item.icon" mode="aspectFill"></image>
<text class="uni-share-text">{{item.text}}</text>
</view>
</view>
</view>
<view class="uni-share-button-box">
<button class="uni-share-button" @click="close">{{cancelText}}</button>
</view>
</view>
</template>
<script>
import popup from '../uni-popup/popup.js'
import {
initVueI18n
} from '@dcloudio/uni-i18n'
import messages from '../uni-popup/i18n/index.js'
const { t } = initVueI18n(messages)
export default {
name: 'UniPopupShare',
mixins:[popup],
emits:['select'],
props: {
title: {
type: String,
default: ''
},
beforeClose: {
type: Boolean,
default: false
}
},
data() {
return {
bottomData: [{
text: '微信',
icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/c2b17470-50be-11eb-b680-7980c8a877b8.png',
name: 'wx'
},
{
text: '支付宝',
icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/d684ae40-50be-11eb-8ff1-d5dcf8779628.png',
name: 'wx'
},
{
text: 'QQ',
icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/e7a79520-50be-11eb-b997-9918a5dda011.png',
name: 'qq'
},
{
text: '新浪',
icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/0dacdbe0-50bf-11eb-8ff1-d5dcf8779628.png',
name: 'sina'
},
// {
// text: '百度',
// icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/1ec6e920-50bf-11eb-8a36-ebb87efcf8c0.png',
// name: 'copy'
// },
// {
// text: '其他',
// icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/2e0fdfe0-50bf-11eb-b997-9918a5dda011.png',
// name: 'more'
// }
]
}
},
created() {},
computed: {
cancelText() {
return t("uni-popup.cancel")
},
shareTitleText() {
return this.title || t("uni-popup.shareTitle")
}
},
methods: {
/**
* 选择内容
*/
select(item, index) {
this.$emit('select', {
item,
index
})
this.close()
},
/**
* 关闭窗口
*/
close() {
if(this.beforeClose) return
this.popup.close()
}
}
}
</script>
<style lang="scss" >
.uni-popup-share {
background-color: #fff;
border-top-left-radius: 11px;
border-top-right-radius: 11px;
}
.uni-share-title {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
align-items: center;
justify-content: center;
height: 40px;
}
.uni-share-title-text {
font-size: 14px;
color: #666;
}
.uni-share-content {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
justify-content: center;
padding-top: 10px;
}
.uni-share-content-box {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
flex-wrap: wrap;
width: 360px;
}
.uni-share-content-item {
width: 90px;
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: column;
justify-content: center;
padding: 10px 0;
align-items: center;
}
.uni-share-content-item:active {
background-color: #f5f5f5;
}
.uni-share-image {
width: 30px;
height: 30px;
}
.uni-share-text {
margin-top: 10px;
font-size: 14px;
color: #3B4144;
}
.uni-share-button-box {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
padding: 10px 15px;
}
.uni-share-button {
flex: 1;
border-radius: 50px;
color: #666;
font-size: 16px;
}
.uni-share-button::after {
border-radius: 50px;
}
</style>
uni_modules/uni-popup/components/uni-popup/i18n/en.json 0 → 100644
{
"uni-popup.cancel": "cancel",
"uni-popup.ok": "ok",
"uni-popup.placeholder": "pleace enter",
"uni-popup.title": "Hint",
"uni-popup.shareTitle": "Share to"
}
uni_modules/uni-popup/components/uni-popup/i18n/index.js 0 → 100644
import en from './en.json'
import zhHans from './zh-Hans.json'
import zhHant from './zh-Hant.json'
export default {
en,
'zh-Hans': zhHans,
'zh-Hant': zhHant
}
uni_modules/uni-popup/components/uni-popup/i18n/zh-Hans.json 0 → 100644
{
"uni-popup.cancel": "取消",
"uni-popup.ok": "确定",
"uni-popup.placeholder": "请输入",
"uni-popup.title": "提示",
"uni-popup.shareTitle": "分享到"
}
uni_modules/uni-popup/components/uni-popup/i18n/zh-Hant.json 0 → 100644
{
"uni-popup.cancel": "取消",
"uni-popup.ok": "確定",
"uni-popup.placeholder": "請輸入",
"uni-popup.title": "提示",
"uni-popup.shareTitle": "分享到"
}
uni_modules/uni-popup/components/uni-popup/keypress.js 0 → 100644
// #ifdef H5
export default {
name: 'Keypress',
props: {
disable: {
type: Boolean,
default: false
}
},
mounted () {
const keyNames = {
esc: ['Esc', 'Escape'],
tab: 'Tab',
enter: 'Enter',
space: [' ', 'Spacebar'],
up: ['Up', 'ArrowUp'],
left: ['Left', 'ArrowLeft'],
right: ['Right', 'ArrowRight'],
down: ['Down', 'ArrowDown'],
delete: ['Backspace', 'Delete', 'Del']
}
const listener = ($event) => {
if (this.disable) {
return
}
const keyName = Object.keys(keyNames).find(key => {
const keyName = $event.key
const value = keyNames[key]
return value === keyName || (Array.isArray(value) && value.includes(keyName))
})
if (keyName) {
// 避免和其他按键事件冲突
setTimeout(() => {
this.$emit(keyName, {})
}, 0)
}
}
document.addEventListener('keyup', listener)
// this.$once('hook:beforeDestroy', () => {
// document.removeEventListener('keyup', listener)
// })
},
render: () => {}
}
// #endif
uni_modules/uni-popup/components/uni-popup/popup.js 0 → 100644
export default {
data() {
return {
}
},
created(){
this.popup = this.getParent()
},
methods:{
/**
* 获取父元素实例
*/
getParent(name = 'uniPopup') {
let parent = this.$parent;
let parentName = parent.$options.name;
while (parentName !== name) {
parent = parent.$parent;
if (!parent) return false
parentName = parent.$options.name;
}
return parent;
},
}
}
uni_modules/uni-popup/components/uni-popup/uni-popup.vue 0 → 100644
<template>
<view v-if="showPopup" class="uni-popup" :class="[popupstyle, isDesktop ? 'fixforpc-z-index' : '']">
<view @touchstart="touchstart">
<uni-transition key="1" v-if="maskShow" name="mask" mode-class="fade" :styles="maskClass"
:duration="duration" :show="showTrans" @click="onTap" />
<uni-transition key="2" :mode-class="ani" name="content" :styles="transClass" :duration="duration"
:show="showTrans" @click="onTap">
<view class="uni-popup__wrapper" :style="{ backgroundColor: bg }" :class="[popupstyle]" @click="clear">
<slot />
</view>
</uni-transition>
</view>
<!-- #ifdef H5 -->
<keypress v-if="maskShow" @esc="onTap" />
<!-- #endif -->
</view>
</template>
<script>
// #ifdef H5
import keypress from './keypress.js'
// #endif
/**
* PopUp 弹出层
* @description 弹出层组件，为了解决遮罩弹层的问题
* @tutorial https://ext.dcloud.net.cn/plugin?id=329
* @property {String} type = [top|center|bottom|left|right|message|dialog|share] 弹出方式
* @value top 顶部弹出
* @value center 中间弹出
* @value bottom 底部弹出
* @value left 左侧弹出
* @value right 右侧弹出
* @value message 消息提示
* @value dialog 对话框
* @value share 底部分享示例
* @property {Boolean} animation = [true|false] 是否开启动画
* @property {Boolean} maskClick = [true|false] 蒙版点击是否关闭弹窗(废弃)
* @property {Boolean} isMaskClick = [true|false] 蒙版点击是否关闭弹窗
* @property {String} backgroundColor 主窗口背景色
* @property {String} maskBackgroundColor 蒙版颜色
* @property {Boolean} safeArea 是否适配底部安全区
* @event {Function} change 打开关闭弹窗触发，e={show: false}
* @event {Function} maskClick 点击遮罩触发
*/
export default {
name: 'uniPopup',
components: {
// #ifdef H5
keypress
// #endif
},
emits: ['change', 'maskClick'],
props: {
// 开启动画
animation: {
type: Boolean,
default: true
},
// 弹出层类型，可选值，top: 顶部弹出层；bottom：底部弹出层；center：全屏弹出层
// message: 消息提示 ; dialog : 对话框
type: {
type: String,
default: 'center'
},
// maskClick
isMaskClick: {
type: Boolean,
default: null
},
// TODO 2 个版本后废弃属性 ，使用 isMaskClick
maskClick: {
type: Boolean,
default: null
},
backgroundColor: {
type: String,
default: 'none'
},
safeArea: {
type: Boolean,
default: true
},
maskBackgroundColor: {
type: String,
default: 'rgba(0, 0, 0, 0.4)'
},
},
watch: {
/**
* 监听type类型
*/
type: {
handler: function(type) {
if (!this.config[type]) return
this[this.config[type]](true)
},
immediate: true
},
isDesktop: {
handler: function(newVal) {
if (!this.config[newVal]) return
this[this.config[this.type]](true)
},
immediate: true
},
/**
* 监听遮罩是否可点击
* @param {Object} val
*/
maskClick: {
handler: function(val) {
this.mkclick = val
},
immediate: true
},
isMaskClick: {
handler: function(val) {
this.mkclick = val
},
immediate: true
},
// H5 下禁止底部滚动
showPopup(show) {
// #ifdef H5
// fix by mehaotian 处理 h5 滚动穿透的问题
document.getElementsByTagName('body')[0].style.overflow = show ? 'hidden' : 'visible'
// #endif
}
},
data() {
return {
duration: 300,
ani: [],
showPopup: false,
showTrans: false,
popupWidth: 0,
popupHeight: 0,
config: {
top: 'top',
bottom: 'bottom',
center: 'center',
left: 'left',
right: 'right',
message: 'top',
dialog: 'center',
share: 'bottom'
},
maskClass: {
position: 'fixed',
bottom: 0,
top: 0,
left: 0,
right: 0,
backgroundColor: 'rgba(0, 0, 0, 0.4)'
},
transClass: {
position: 'fixed',
left: 0,
right: 0
},
maskShow: true,
mkclick: true,
popupstyle: this.isDesktop ? 'fixforpc-top' : 'top'
}
},
computed: {
isDesktop() {
return this.popupWidth >= 500 && this.popupHeight >= 500
},
bg() {
if (this.backgroundColor === '' || this.backgroundColor === 'none') {
return 'transparent'
}
return this.backgroundColor
}
},
mounted() {
const fixSize = () => {
const {
windowWidth,
windowHeight,
windowTop,
safeArea,
screenHeight,
safeAreaInsets
} = uni.getSystemInfoSync()
this.popupWidth = windowWidth
this.popupHeight = windowHeight + (windowTop || 0)
// TODO fix by mehaotian 是否适配底部安全区 ,目前微信ios 、和 app ios 计算有差异，需要框架修复
if (safeArea && this.safeArea) {
// #ifdef MP-WEIXIN
this.safeAreaInsets = screenHeight - safeArea.bottom
// #endif
// #ifndef MP-WEIXIN
this.safeAreaInsets = safeAreaInsets.bottom
// #endif
} else {
this.safeAreaInsets = 0
}
}
fixSize()
// #ifdef H5
// window.addEventListener('resize', fixSize)
// this.$once('hook:beforeDestroy', () => {
// window.removeEventListener('resize', fixSize)
// })
// #endif
},
// #ifndef VUE3
// TODO vue2
destroyed() {
this.setH5Visible()
},
// #endif
// #ifdef VUE3
// TODO vue3
unmounted() {
this.setH5Visible()
},
// #endif
created() {
// this.mkclick = this.isMaskClick || this.maskClick
if (this.isMaskClick === null && this.maskClick === null) {
this.mkclick = true
} else {
this.mkclick = this.isMaskClick !== null ? this.isMaskClick : this.maskClick
}
if (this.animation) {
this.duration = 300
} else {
this.duration = 0
}
// TODO 处理 message 组件生命周期异常的问题
this.messageChild = null
// TODO 解决头条冒泡的问题
this.clearPropagation = false
this.maskClass.backgroundColor = this.maskBackgroundColor
},
methods: {
setH5Visible() {
// #ifdef H5
// fix by mehaotian 处理 h5 滚动穿透的问题
document.getElementsByTagName('body')[0].style.overflow = 'visible'
// #endif
},
/**
* 公用方法，不显示遮罩层
*/
closeMask() {
this.maskShow = false
},
/**
* 公用方法，遮罩层禁止点击
*/
disableMask() {
this.mkclick = false
},
// TODO nvue 取消冒泡
clear(e) {
// #ifndef APP-NVUE
e.stopPropagation()
// #endif
this.clearPropagation = true
},
open(direction) {
// fix by mehaotian 处理快速打开关闭的情况
if (this.showPopup) {
clearTimeout(this.timer)
this.showPopup = false
}
let innerType = ['top', 'center', 'bottom', 'left', 'right', 'message', 'dialog', 'share']
if (!(direction && innerType.indexOf(direction) !== -1)) {
direction = this.type
}
if (!this.config[direction]) {
console.error('缺少类型：', direction)
return
}
this[this.config[direction]]()
this.$emit('change', {
show: true,
type: direction
})
},
close(type) {
this.showTrans = false
this.$emit('change', {
show: false,
type: this.type
})
clearTimeout(this.timer)
// // 自定义关闭事件
// this.customOpen && this.customClose()
this.timer = setTimeout(() => {
this.showPopup = false
}, 300)
},
// TODO 处理冒泡事件，头条的冒泡事件有问题 ，先这样兼容
touchstart() {
this.clearPropagation = false
},
onTap() {
if (this.clearPropagation) {
// fix by mehaotian 兼容 nvue
this.clearPropagation = false
return
}
this.$emit('maskClick')
if (!this.mkclick) return
this.close()
},
/**
* 顶部弹出样式处理
*/
top(type) {
this.popupstyle = this.isDesktop ? 'fixforpc-top' : 'top'
this.ani = ['slide-top']
this.transClass = {
position: 'fixed',
left: 0,
right: 0,
backgroundColor: this.bg
}
// TODO 兼容 type 属性 ，后续会废弃
if (type) return
this.showPopup = true
this.showTrans = true
this.$nextTick(() => {
if (this.messageChild && this.type === 'message') {
this.messageChild.timerClose()
}
})
},
/**
* 底部弹出样式处理
*/
bottom(type) {
this.popupstyle = 'bottom'
this.ani = ['slide-bottom']
this.transClass = {
position: 'fixed',
left: 0,
right: 0,
bottom: 0,
paddingBottom: this.safeAreaInsets + 'px',
backgroundColor: this.bg
}
// TODO 兼容 type 属性 ，后续会废弃
if (type) return
this.showPopup = true
this.showTrans = true
},
/**
* 中间弹出样式处理
*/
center(type) {
this.popupstyle = 'center'
this.ani = ['zoom-out', 'fade']
this.transClass = {
position: 'fixed',
/* #ifndef APP-NVUE */
display: 'flex',
flexDirection: 'column',
/* #endif */
bottom: 0,
left: 0,
right: 0,
top: 0,
justifyContent: 'center',
alignItems: 'center'
}
// TODO 兼容 type 属性 ，后续会废弃
if (type) return
this.showPopup = true
this.showTrans = true
},
left(type) {
this.popupstyle = 'left'
this.ani = ['slide-left']
this.transClass = {
position: 'fixed',
left: 0,
bottom: 0,
top: 0,
backgroundColor: this.bg,
/* #ifndef APP-NVUE */
display: 'flex',
flexDirection: 'column'
/* #endif */
}
// TODO 兼容 type 属性 ，后续会废弃
if (type) return
this.showPopup = true
this.showTrans = true
},
right(type) {
this.popupstyle = 'right'
this.ani = ['slide-right']
this.transClass = {
position: 'fixed',
bottom: 0,
right: 0,
top: 0,
backgroundColor: this.bg,
/* #ifndef APP-NVUE */
display: 'flex',
flexDirection: 'column'
/* #endif */
}
// TODO 兼容 type 属性 ，后续会废弃
if (type) return
this.showPopup = true
this.showTrans = true
}
}
}
</script>
<style lang="scss">
.uni-popup {
position: fixed;
/* #ifndef APP-NVUE */
z-index: 99;
/* #endif */
&.top,
&.left,
&.right {
/* #ifdef H5 */
top: var(--window-top);
/* #endif */
/* #ifndef H5 */
top: 0;
/* #endif */
}
.uni-popup__wrapper {
/* #ifndef APP-NVUE */
display: block;
/* #endif */
position: relative;
/* iphonex 等安全区设置，底部安全区适配 */
/* #ifndef APP-NVUE */
// padding-bottom: constant(safe-area-inset-bottom);
// padding-bottom: env(safe-area-inset-bottom);
/* #endif */
&.left,
&.right {
/* #ifdef H5 */
padding-top: var(--window-top);
/* #endif */
/* #ifndef H5 */
padding-top: 0;
/* #endif */
flex: 1;
}
}
}
.fixforpc-z-index {
/* #ifndef APP-NVUE */
z-index: 999;
/* #endif */
}
.fixforpc-top {
top: 0;
}
</style>
uni_modules/uni-popup/package.json 0 → 100644
{
"id": "uni-popup",
"displayName": "uni-popup 弹出层",
"version": "1.7.9",
"description": " Popup 组件，提供常用的弹层",
"keywords": [
"uni-ui",
"弹出层",
"弹窗",
"popup",
"弹框"
],
"repository": "https://github.com/dcloudio/uni-ui",
"engines": {
"HBuilderX": ""
},
"directories": {
"example": "../../temps/example_temps"
},
"dcloudext": {
"category": [
"前端组件",
"通用组件"
],
"sale": {
"regular": {
"price": "0.00"
},
"sourcecode": {
"price": "0.00"
}
},
"contact": {
"qq": ""
},
"declaration": {
"ads": "无",
"data": "无",
"permissions": "无"
},
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
},
"uni_modules": {
"dependencies": [
"uni-scss",
"uni-transition"
],
"encrypt": [],
"platforms": {
"cloud": {
"tcb": "y",
"aliyun": "y"
},
"client": {
"App": {
"app-vue": "y",
"app-nvue": "y"
},
"H5-mobile": {
"Safari": "y",
"Android Browser": "y",
"微信浏览器(Android)": "y",
"QQ浏览器(Android)": "y"
},
"H5-pc": {
"Chrome": "y",
"IE": "y",
"Edge": "y",
"Firefox": "y",
"Safari": "y"
},
"小程序": {
"微信": "y",
"阿里": "y",
"百度": "y",
"字节跳动": "y",
"QQ": "y"
},
"快应用": {
"华为": "u",
"联盟": "u"
},
"Vue": {
"vue2": "y",
"vue3": "y"
}
}
}
}
}
uni_modules/uni-popup/readme.md 0 → 100644
## Popup 弹出层
> **组件名：uni-popup**
> 代码块： `uPopup`
> 关联组件：`uni-transition`
弹出层组件，在应用中弹出一个消息提示窗口、提示框等
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-popup)
#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839
uni_modules/uni-scss/changelog.md 0 → 100644
## 1.0.3（2022-01-21）
- 优化 组件示例
## 1.0.2（2021-11-22）
- 修复 / 符号在 vue 不同版本兼容问题引起的报错问题
## 1.0.1（2021-11-22）
- 修复 vue3中scss语法兼容问题
## 1.0.0（2021-11-18）
- init
uni_modules/uni-scss/index.scss 0 → 100644
@import './styles/index.scss';
uni_modules/uni-scss/package.json 0 → 100644
{
"id": "uni-scss",
"displayName": "uni-scss 辅助样式",
"version": "1.0.3",
"description": "uni-sass是uni-ui提供的一套全局样式 ，通过一些简单的类名和sass变量，实现简单的页面布局操作，比如颜色、边距、圆角等。",
"keywords": [
"uni-scss",
"uni-ui",
"辅助样式"
],
"repository": "https://github.com/dcloudio/uni-ui",
"engines": {
"HBuilderX": "^3.1.0"
},
"dcloudext": {
"category": [
"JS SDK",
"通用 SDK"
],
"sale": {
"regular": {
"price": "0.00"
},
"sourcecode": {
"price": "0.00"
}
},
"contact": {
"qq": ""
},
"declaration": {
"ads": "无",
"data": "无",
"permissions": "无"
},
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
},
"uni_modules": {
"dependencies": [],
"encrypt": [],
"platforms": {
"cloud": {
"tcb": "y",
"aliyun": "y"
},
"client": {
"App": {
"app-vue": "y",
"app-nvue": "u"
},
"H5-mobile": {
"Safari": "y",
"Android Browser": "y",
"微信浏览器(Android)": "y",
"QQ浏览器(Android)": "y"
},
"H5-pc": {
"Chrome": "y",
"IE": "y",
"Edge": "y",
"Firefox": "y",
"Safari": "y"
},
"小程序": {
"微信": "y",
"阿里": "y",
"百度": "y",
"字节跳动": "y",
"QQ": "y"
},
"快应用": {
"华为": "n",
"联盟": "n"
},
"Vue": {
"vue2": "y",
"vue3": "y"
}
}
}
}
}
uni_modules/uni-scss/readme.md 0 → 100644
`uni-sass` 是 `uni-ui`提供的一套全局样式 ，通过一些简单的类名和`sass`变量，实现简单的页面布局操作，比如颜色、边距、圆角等。
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-sass)
#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839
\ No newline at end of file
uni_modules/uni-scss/styles/index.scss 0 → 100644
@import './setting/_variables.scss';
@import './setting/_border.scss';
@import './setting/_color.scss';
@import './setting/_space.scss';
@import './setting/_radius.scss';
@import './setting/_text.scss';
@import './setting/_styles.scss';
uni_modules/uni-scss/styles/setting/_border.scss 0 → 100644
.uni-border {
border: 1px $uni-border-1 solid;
}
\ No newline at end of file
uni_modules/uni-scss/styles/setting/_color.scss 0 → 100644
// TODO 暂时不需要 class ，需要用户使用变量实现 ，如果使用类名其实并不推荐
// @mixin get-styles($k,$c) {
// @if $k == size or $k == weight{
// font-#{$k}:#{$c}
// }@else{
// #{$k}:#{$c}
// }
// }
$uni-ui-color:(
// 主色
primary: $uni-primary,
primary-disable: $uni-primary-disable,
primary-light: $uni-primary-light,
// 辅助色
success: $uni-success,
success-disable: $uni-success-disable,
success-light: $uni-success-light,
warning: $uni-warning,
warning-disable: $uni-warning-disable,
warning-light: $uni-warning-light,
error: $uni-error,
error-disable: $uni-error-disable,
error-light: $uni-error-light,
info: $uni-info,
info-disable: $uni-info-disable,
info-light: $uni-info-light,
// 中性色
main-color: $uni-main-color,
base-color: $uni-base-color,
secondary-color: $uni-secondary-color,
extra-color: $uni-extra-color,
// 背景色
bg-color: $uni-bg-color,
// 边框颜色
border-1: $uni-border-1,
border-2: $uni-border-2,
border-3: $uni-border-3,
border-4: $uni-border-4,
// 黑色
black:$uni-black,
// 白色
white:$uni-white,
// 透明
transparent:$uni-transparent
) !default;
@each $key, $child in $uni-ui-color {
.uni-#{"" + $key} {
color: $child;
}
.uni-#{"" + $key}-bg {
background-color: $child;
}
}
.uni-shadow-sm {
box-shadow: $uni-shadow-sm;
}
.uni-shadow-base {
box-shadow: $uni-shadow-base;
}
.uni-shadow-lg {
box-shadow: $uni-shadow-lg;
}
.uni-mask {
background-color:$uni-mask;
}
uni_modules/uni-scss/styles/setting/_radius.scss 0 → 100644
@mixin radius($r,$d:null ,$important: false){
$radius-value:map-get($uni-radius, $r) if($important, !important, null);
// Key exists within the $uni-radius variable
@if (map-has-key($uni-radius, $r) and $d){
@if $d == t {
border-top-left-radius:$radius-value;
border-top-right-radius:$radius-value;
}@else if $d == r {
border-top-right-radius:$radius-value;
border-bottom-right-radius:$radius-value;
}@else if $d == b {
border-bottom-left-radius:$radius-value;
border-bottom-right-radius:$radius-value;
}@else if $d == l {
border-top-left-radius:$radius-value;
border-bottom-left-radius:$radius-value;
}@else if $d == tl {
border-top-left-radius:$radius-value;
}@else if $d == tr {
border-top-right-radius:$radius-value;
}@else if $d == br {
border-bottom-right-radius:$radius-value;
}@else if $d == bl {
border-bottom-left-radius:$radius-value;
}
}@else{
border-radius:$radius-value;
}
}
@each $key, $child in $uni-radius {
@if($key){
.uni-radius-#{"" + $key} {
@include radius($key)
}
}@else{
.uni-radius {
@include radius($key)
}
}
}
@each $direction in t, r, b, l,tl, tr, br, bl {
@each $key, $child in $uni-radius {
@if($key){
.uni-radius-#{"" + $direction}-#{"" + $key} {
@include radius($key,$direction,false)
}
}@else{
.uni-radius-#{$direction} {
@include radius($key,$direction,false)
}
}
}
}
uni_modules/uni-scss/styles/setting/_space.scss 0 → 100644
@mixin fn($space,$direction,$size,$n) {
@if $n {
#{$space}-#{$direction}: #{$size*$uni-space-root}px
} @else {
#{$space}-#{$direction}: #{-$size*$uni-space-root}px
}
}
@mixin get-styles($direction,$i,$space,$n){
@if $direction == t {
@include fn($space, top,$i,$n);
}
@if $direction == r {
@include fn($space, right,$i,$n);
}
@if $direction == b {
@include fn($space, bottom,$i,$n);
}
@if $direction == l {
@include fn($space, left,$i,$n);
}
@if $direction == x {
@include fn($space, left,$i,$n);
@include fn($space, right,$i,$n);
}
@if $direction == y {
@include fn($space, top,$i,$n);
@include fn($space, bottom,$i,$n);
}
@if $direction == a {
@if $n {
#{$space}:#{$i*$uni-space-root}px;
} @else {
#{$space}:#{-$i*$uni-space-root}px;
}
}
}
@each $orientation in m,p {
$space: margin;
@if $orientation == m {
$space: margin;
} @else {
$space: padding;
}
@for $i from 0 through 16 {
@each $direction in t, r, b, l, x, y, a {
.uni-#{$orientation}#{$direction}-#{$i} {
@include get-styles($direction,$i,$space,true);
}
.uni-#{$orientation}#{$direction}-n#{$i} {
@include get-styles($direction,$i,$space,false);
}
}
}
}
\ No newline at end of file
uni_modules/uni-scss/styles/setting/_styles.scss 0 → 100644
/* #ifndef APP-NVUE */
$-color-white:#fff;
$-color-black:#000;
@mixin base-style($color) {
color: #fff;
background-color: $color;
border-color: mix($-color-black, $color, 8%);
&:not([hover-class]):active {
background: mix($-color-black, $color, 10%);
border-color: mix($-color-black, $color, 20%);
color: $-color-white;
outline: none;
}
}
@mixin is-color($color) {
@include base-style($color);
&[loading] {
@include base-style($color);
&::before {
margin-right:5px;
}
}
&[disabled] {
&,
&[loading],
&:not([hover-class]):active {
color: $-color-white;
border-color: mix(darken($color,10%), $-color-white);
background-color: mix($color, $-color-white);
}
}
}
@mixin base-plain-style($color) {
color:$color;
background-color: mix($-color-white, $color, 90%);
border-color: mix($-color-white, $color, 70%);
&:not([hover-class]):active {
background: mix($-color-white, $color, 80%);
color: $color;
outline: none;
border-color: mix($-color-white, $color, 50%);
}
}
@mixin is-plain($color){
&[plain] {
@include base-plain-style($color);
&[loading] {
@include base-plain-style($color);
&::before {
margin-right:5px;
}
}
&[disabled] {
&,
&:active {
color: mix($-color-white, $color, 40%);
background-color: mix($-color-white, $color, 90%);
border-color: mix($-color-white, $color, 80%);
}
}
}
}
.uni-btn {
margin: 5px;
color: #393939;
border:1px solid #ccc;
font-size: 16px;
font-weight: 200;
background-color: #F9F9F9;
// TODO 暂时处理边框隐藏一边的问题
overflow: visible;
&::after{
border: none;
}
&:not([type]),&[type=default] {
color: #999;
&[loading] {
background: none;
&::before {
margin-right:5px;
}
}
&[disabled]{
color: mix($-color-white, #999, 60%);
&,
&[loading],
&:active {
color: mix($-color-white, #999, 60%);
background-color: mix($-color-white,$-color-black , 98%);
border-color: mix($-color-white, #999, 85%);
}
}
&[plain] {
color: #999;
background: none;
border-color: $uni-border-1;
&:not([hover-class]):active {
background: none;
color: mix($-color-white, $-color-black, 80%);
border-color: mix($-color-white, $-color-black, 90%);
outline: none;
}
&[disabled]{
&,
&[loading],
&:active {
background: none;
color: mix($-color-white, #999, 60%);
border-color: mix($-color-white, #999, 85%);
}
}
}
}
&:not([hover-class]):active {
color: mix($-color-white, $-color-black, 50%);
}
&[size=mini] {
font-size: 16px;
font-weight: 200;
border-radius: 8px;
}
&.uni-btn-small {
font-size: 14px;
}
&.uni-btn-mini {
font-size: 12px;
}
&.uni-btn-radius {
border-radius: 999px;
}
&[type=primary] {
@include is-color($uni-primary);
@include is-plain($uni-primary)
}
&[type=success] {
@include is-color($uni-success);
@include is-plain($uni-success)
}
&[type=error] {
@include is-color($uni-error);
@include is-plain($uni-error)
}
&[type=warning] {
@include is-color($uni-warning);
@include is-plain($uni-warning)
}
&[type=info] {
@include is-color($uni-info);
@include is-plain($uni-info)
}
}
/* #endif */
uni_modules/uni-scss/styles/setting/_text.scss 0 → 100644
@mixin get-styles($k,$c) {
@if $k == size or $k == weight{
font-#{$k}:#{$c}
}@else{
#{$k}:#{$c}
}
}
@each $key, $child in $uni-headings {
/* #ifndef APP-NVUE */
.uni-#{$key} {
@each $k, $c in $child {
@include get-styles($k,$c)
}
}
/* #endif */
/* #ifdef APP-NVUE */
.container .uni-#{$key} {
@each $k, $c in $child {
@include get-styles($k,$c)
}
}
/* #endif */
}
uni_modules/uni-scss/styles/setting/_variables.scss 0 → 100644
// @use "sass:math";
@import '../tools/functions.scss';
// 间距基础倍数
$uni-space-root: 2 !default;
// 边框半径默认值
$uni-radius-root:5px !default;
$uni-radius: () !default;
// 边框半径断点
$uni-radius: map-deep-merge(
(
0: 0,
// TODO 当前版本暂时不支持 sm 属性
// 'sm': math.div($uni-radius-root, 2),
null: $uni-radius-root,
'lg': $uni-radius-root * 2,
'xl': $uni-radius-root * 6,
'pill': 9999px,
'circle': 50%
),
$uni-radius
);
// 字体家族
$body-font-family: 'Roboto', sans-serif !default;
// 文本
$heading-font-family: $body-font-family !default;
$uni-headings: () !default;
$letterSpacing: -0.01562em;
$uni-headings: map-deep-merge(
(
'h1': (
size: 32px,
weight: 300,
line-height: 50px,
// letter-spacing:-0.01562em
),
'h2': (
size: 28px,
weight: 300,
line-height: 40px,
// letter-spacing: -0.00833em
),
'h3': (
size: 24px,
weight: 400,
line-height: 32px,
// letter-spacing: normal
),
'h4': (
size: 20px,
weight: 400,
line-height: 30px,
// letter-spacing: 0.00735em
),
'h5': (
size: 16px,
weight: 400,
line-height: 24px,
// letter-spacing: normal
),
'h6': (
size: 14px,
weight: 500,
line-height: 18px,
// letter-spacing: 0.0125em
),
'subtitle': (
size: 12px,
weight: 400,
line-height: 20px,
// letter-spacing: 0.00937em
),
'body': (
font-size: 14px,
font-weight: 400,
line-height: 22px,
// letter-spacing: 0.03125em
),
'caption': (
'size': 12px,
'weight': 400,
'line-height': 20px,
// 'letter-spacing': 0.03333em,
// 'text-transform': false
)
),
$uni-headings
);
// 主色
$uni-primary: #2979ff !default;
$uni-primary-disable:lighten($uni-primary,20%) !default;
$uni-primary-light: lighten($uni-primary,25%) !default;
// 辅助色
// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
$uni-success: #18bc37 !default;
$uni-success-disable:lighten($uni-success,20%) !default;
$uni-success-light: lighten($uni-success,25%) !default;
$uni-warning: #f3a73f !default;
$uni-warning-disable:lighten($uni-warning,20%) !default;
$uni-warning-light: lighten($uni-warning,25%) !default;
$uni-error: #e43d33 !default;
$uni-error-disable:lighten($uni-error,20%) !default;
$uni-error-light: lighten($uni-error,25%) !default;
$uni-info: #8f939c !default;
$uni-info-disable:lighten($uni-info,20%) !default;
$uni-info-light: lighten($uni-info,25%) !default;
// 中性色
// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
$uni-main-color: #3a3a3a !default; // 主要文字
$uni-base-color: #6a6a6a !default; // 常规文字
$uni-secondary-color: #909399 !default; // 次要文字
$uni-extra-color: #c7c7c7 !default; // 辅助说明
// 边框颜色
$uni-border-1: #F0F0F0 !default;
$uni-border-2: #EDEDED !default;
$uni-border-3: #DCDCDC !default;
$uni-border-4: #B9B9B9 !default;
// 常规色
$uni-black: #000000 !default;
$uni-white: #ffffff !default;
$uni-transparent: rgba($color: #000000, $alpha: 0) !default;
// 背景色
$uni-bg-color: #f7f7f7 !default;
/* 水平间距 */
$uni-spacing-sm: 8px !default;
$uni-spacing-base: 15px !default;
$uni-spacing-lg: 30px !default;
// 阴影
$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
// 蒙版
$uni-mask: rgba($color: #000000, $alpha: 0.4) !default;
uni_modules/uni-scss/styles/tools/functions.scss 0 → 100644
// 合并 map
@function map-deep-merge($parent-map, $child-map){
$result: $parent-map;
@each $key, $child in $child-map {
$parent-has-key: map-has-key($result, $key);
$parent-value: map-get($result, $key);
$parent-type: type-of($parent-value);
$child-type: type-of($child);
$parent-is-map: $parent-type == map;
$child-is-map: $child-type == map;
@if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
$result: map-merge($result, ( $key: $child ));
}@else {
$result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
}
}
@return $result;
};
uni_modules/uni-scss/theme.scss 0 → 100644
// 间距基础倍数
$uni-space-root: 2;
// 边框半径默认值
$uni-radius-root:5px;
// 主色
$uni-primary: #2979ff;
// 辅助色
$uni-success: #4cd964;
// 警告色
$uni-warning: #f0ad4e;
// 错误色
$uni-error: #dd524d;
// 描述色
$uni-info: #909399;
// 中性色
$uni-main-color: #303133;
$uni-base-color: #606266;
$uni-secondary-color: #909399;
$uni-extra-color: #C0C4CC;
// 背景色
$uni-bg-color: #f5f5f5;
// 边框颜色
$uni-border-1: #DCDFE6;
$uni-border-2: #E4E7ED;
$uni-border-3: #EBEEF5;
$uni-border-4: #F2F6FC;
// 常规色
$uni-black: #000000;
$uni-white: #ffffff;
$uni-transparent: rgba($color: #000000, $alpha: 0);
uni_modules/uni-scss/variables.scss 0 → 100644
@import './styles/setting/_variables.scss';
// 间距基础倍数
$uni-space-root: 2;
// 边框半径默认值
$uni-radius-root:5px;
// 主色
$uni-primary: #2979ff;
$uni-primary-disable:mix(#fff,$uni-primary,50%);
$uni-primary-light: mix(#fff,$uni-primary,80%);
// 辅助色
// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
$uni-success: #18bc37;
$uni-success-disable:mix(#fff,$uni-success,50%);
$uni-success-light: mix(#fff,$uni-success,80%);
$uni-warning: #f3a73f;
$uni-warning-disable:mix(#fff,$uni-warning,50%);
$uni-warning-light: mix(#fff,$uni-warning,80%);
$uni-error: #e43d33;
$uni-error-disable:mix(#fff,$uni-error,50%);
$uni-error-light: mix(#fff,$uni-error,80%);
$uni-info: #8f939c;
$uni-info-disable:mix(#fff,$uni-info,50%);
$uni-info-light: mix(#fff,$uni-info,80%);
// 中性色
// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
$uni-main-color: #3a3a3a; // 主要文字
$uni-base-color: #6a6a6a; // 常规文字
$uni-secondary-color: #909399; // 次要文字
$uni-extra-color: #c7c7c7; // 辅助说明
// 边框颜色
$uni-border-1: #F0F0F0;
$uni-border-2: #EDEDED;
$uni-border-3: #DCDCDC;
$uni-border-4: #B9B9B9;
// 常规色
$uni-black: #000000;
$uni-white: #ffffff;
$uni-transparent: rgba($color: #000000, $alpha: 0);
// 背景色
$uni-bg-color: #f7f7f7;
/* 水平间距 */
$uni-spacing-sm: 8px;
$uni-spacing-base: 15px;
$uni-spacing-lg: 30px;
// 阴影
$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
// 蒙版
$uni-mask: rgba($color: #000000, $alpha: 0.4);
uni_modules/uni-transition/changelog.md 0 → 100644
## 1.3.1（2021-11-23）
- 修复 init 方法初始化问题
## 1.3.0（2021-11-19）
- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-transition](https://uniapp.dcloud.io/component/uniui/uni-transition)
## 1.2.1（2021-09-27）
- 修复 init 方法不生效的 Bug
## 1.2.0（2021-07-30）
- 组件兼容 vue3，如何创建 vue3 项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
## 1.1.1（2021-05-12）
- 新增 示例地址
- 修复 示例项目缺少组件的 Bug
## 1.1.0（2021-04-22）
- 新增 通过方法自定义动画
- 新增 custom-class 非 NVUE 平台支持自定义 class 定制样式
- 优化 动画触发逻辑，使动画更流畅
- 优化 支持单独的动画类型
- 优化 文档示例
## 1.0.2（2021-02-05）
- 调整为 uni_modules 目录规范
uni_modules/uni-transition/components/uni-transition/createAnimation.js 0 → 100644
// const defaultOption = {
// duration: 300,
// timingFunction: 'linear',
// delay: 0,
// transformOrigin: '50% 50% 0'
// }
// #ifdef APP-NVUE
const nvueAnimation = uni.requireNativePlugin('animation')
// #endif
class MPAnimation {
constructor(options, _this) {
this.options = options
this.animation = uni.createAnimation(options)
this.currentStepAnimates = {}
this.next = 0
this.$ = _this
}
_nvuePushAnimates(type, args) {
let aniObj = this.currentStepAnimates[this.next]
let styles = {}
if (!aniObj) {
styles = {
styles: {},
config: {}
}
} else {
styles = aniObj
}
if (animateTypes1.includes(type)) {
if (!styles.styles.transform) {
styles.styles.transform = ''
}
let unit = ''
if(type === 'rotate'){
unit = 'deg'
}
styles.styles.transform += `${type}(${args+unit}) `
} else {
styles.styles[type] = `${args}`
}
this.currentStepAnimates[this.next] = styles
}
_animateRun(styles = {}, config = {}) {
let ref = this.$.$refs['ani'].ref
if (!ref) return
return new Promise((resolve, reject) => {
nvueAnimation.transition(ref, {
styles,
...config
}, res => {
resolve()
})
})
}
_nvueNextAnimate(animates, step = 0, fn) {
let obj = animates[step]
if (obj) {
let {
styles,
config
} = obj
this._animateRun(styles, config).then(() => {
step += 1
this._nvueNextAnimate(animates, step, fn)
})
} else {
this.currentStepAnimates = {}
typeof fn === 'function' && fn()
this.isEnd = true
}
}
step(config = {}) {
// #ifndef APP-NVUE
this.animation.step(config)
// #endif
// #ifdef APP-NVUE
this.currentStepAnimates[this.next].config = Object.assign({}, this.options, config)
this.currentStepAnimates[this.next].styles.transformOrigin = this.currentStepAnimates[this.next].config.transformOrigin
this.next++
// #endif
return this
}
run(fn) {
// #ifndef APP-NVUE
this.$.animationData = this.animation.export()
this.$.timer = setTimeout(() => {
typeof fn === 'function' && fn()
}, this.$.durationTime)
// #endif
// #ifdef APP-NVUE
this.isEnd = false
let ref = this.$.$refs['ani'] && this.$.$refs['ani'].ref
if(!ref) return
this._nvueNextAnimate(this.currentStepAnimates, 0, fn)
this.next = 0
// #endif
}
}
const animateTypes1 = ['matrix', 'matrix3d', 'rotate', 'rotate3d', 'rotateX', 'rotateY', 'rotateZ', 'scale', 'scale3d',
'scaleX', 'scaleY', 'scaleZ', 'skew', 'skewX', 'skewY', 'translate', 'translate3d', 'translateX', 'translateY',
'translateZ'
]
const animateTypes2 = ['opacity', 'backgroundColor']
const animateTypes3 = ['width', 'height', 'left', 'right', 'top', 'bottom']
animateTypes1.concat(animateTypes2, animateTypes3).forEach(type => {
MPAnimation.prototype[type] = function(...args) {
// #ifndef APP-NVUE
this.animation[type](...args)
// #endif
// #ifdef APP-NVUE
this._nvuePushAnimates(type, args)
// #endif
return this
}
})
export function createAnimation(option, _this) {
if(!_this) return
clearTimeout(_this.timer)
return new MPAnimation(option, _this)
}
uni_modules/uni-transition/components/uni-transition/uni-transition.vue 0 → 100644
<template>
<view v-if="isShow" ref="ani" :animation="animationData" :class="customClass" :style="transformStyles" @click="onClick"><slot></slot></view>
</template>
<script>
import { createAnimation } from './createAnimation'
/**
* Transition 过渡动画
* @description 简单过渡动画组件
* @tutorial https://ext.dcloud.net.cn/plugin?id=985
* @property {Boolean} show = [false|true] 控制组件显示或隐藏
* @property {Array|String} modeClass = [fade|slide-top|slide-right|slide-bottom|slide-left|zoom-in|zoom-out] 过渡动画类型
* @value fade 渐隐渐出过渡
* @value slide-top 由上至下过渡
* @value slide-right 由右至左过渡
* @value slide-bottom 由下至上过渡
* @value slide-left 由左至右过渡
* @value zoom-in 由小到大过渡
* @value zoom-out 由大到小过渡
* @property {Number} duration 过渡动画持续时间
* @property {Object} styles 组件样式，同 css 样式，注意带’-‘连接符的属性需要使用小驼峰写法如：`backgroundColor:red`
*/
export default {
name: 'uniTransition',
emits:['click','change'],
props: {
show: {
type: Boolean,
default: false
},
modeClass: {
type: [Array, String],
default() {
return 'fade'
}
},
duration: {
type: Number,
default: 300
},
styles: {
type: Object,
default() {
return {}
}
},
customClass:{
type: String,
default: ''
}
},
data() {
return {
isShow: false,
transform: '',
opacity: 1,
animationData: {},
durationTime: 300,
config: {}
}
},
watch: {
show: {
handler(newVal) {
if (newVal) {
this.open()
} else {
// 避免上来就执行 close,导致动画错乱
if (this.isShow) {
this.close()
}
}
},
immediate: true
}
},
computed: {
// 生成样式数据
stylesObject() {
let styles = {
...this.styles,
'transition-duration': this.duration / 1000 + 's'
}
let transform = ''
for (let i in styles) {
let line = this.toLine(i)
transform += line + ':' + styles[i] + ';'
}
return transform
},
// 初始化动画条件
transformStyles() {
return 'transform:' + this.transform + ';' + 'opacity:' + this.opacity + ';' + this.stylesObject
}
},
created() {
// 动画默认配置
this.config = {
duration: this.duration,
timingFunction: 'ease',
transformOrigin: '50% 50%',
delay: 0
}
this.durationTime = this.duration
},
methods: {
/**
* ref 触发 初始化动画
*/
init(obj = {}) {
if (obj.duration) {
this.durationTime = obj.duration
}
this.animation = createAnimation(Object.assign(this.config, obj),this)
},
/**
* 点击组件触发回调
*/
onClick() {
this.$emit('click', {
detail: this.isShow
})
},
/**
* ref 触发 动画分组
* @param {Object} obj
*/
step(obj, config = {}) {
if (!this.animation) return
for (let i in obj) {
try {
if(typeof obj[i] === 'object'){
this.animation[i](...obj[i])
}else{
this.animation[i](obj[i])
}
} catch (e) {
console.error(`方法 ${i} 不存在`)
}
}
this.animation.step(config)
return this
},
/**
* ref 触发 执行动画
*/
run(fn) {
if (!this.animation) return
this.animation.run(fn)
},
// 开始过度动画
open() {
clearTimeout(this.timer)
this.transform = ''
this.isShow = true
let { opacity, transform } = this.styleInit(false)
if (typeof opacity !== 'undefined') {
this.opacity = opacity
}
this.transform = transform
// 确保动态样式已经生效后，执行动画，如果不加 nextTick ，会导致 wx 动画执行异常
this.$nextTick(() => {
// TODO 定时器保证动画完全执行，目前有些问题，后面会取消定时器
this.timer = setTimeout(() => {
this.animation = createAnimation(this.config, this)
this.tranfromInit(false).step()
this.animation.run()
this.$emit('change', {
detail: this.isShow
})
}, 20)
})
},
// 关闭过度动画
close(type) {
if (!this.animation) return
this.tranfromInit(true)
.step()
.run(() => {
this.isShow = false
this.animationData = null
this.animation = null
let { opacity, transform } = this.styleInit(false)
this.opacity = opacity || 1
this.transform = transform
this.$emit('change', {
detail: this.isShow
})
})
},
// 处理动画开始前的默认样式
styleInit(type) {
let styles = {
transform: ''
}
let buildStyle = (type, mode) => {
if (mode === 'fade') {
styles.opacity = this.animationType(type)[mode]
} else {
styles.transform += this.animationType(type)[mode] + ' '
}
}
if (typeof this.modeClass === 'string') {
buildStyle(type, this.modeClass)
} else {
this.modeClass.forEach(mode => {
buildStyle(type, mode)
})
}
return styles
},
// 处理内置组合动画
tranfromInit(type) {
let buildTranfrom = (type, mode) => {
let aniNum = null
if (mode === 'fade') {
aniNum = type ? 0 : 1
} else {
aniNum = type ? '-100%' : '0'
if (mode === 'zoom-in') {
aniNum = type ? 0.8 : 1
}
if (mode === 'zoom-out') {
aniNum = type ? 1.2 : 1
}
if (mode === 'slide-right') {
aniNum = type ? '100%' : '0'
}
if (mode === 'slide-bottom') {
aniNum = type ? '100%' : '0'
}
}
this.animation[this.animationMode()[mode]](aniNum)
}
if (typeof this.modeClass === 'string') {
buildTranfrom(type, this.modeClass)
} else {
this.modeClass.forEach(mode => {
buildTranfrom(type, mode)
})
}
return this.animation
},
animationType(type) {
return {
fade: type ? 1 : 0,
'slide-top': `translateY(${type ? '0' : '-100%'})`,
'slide-right': `translateX(${type ? '0' : '100%'})`,
'slide-bottom': `translateY(${type ? '0' : '100%'})`,
'slide-left': `translateX(${type ? '0' : '-100%'})`,
'zoom-in': `scaleX(${type ? 1 : 0.8}) scaleY(${type ? 1 : 0.8})`,
'zoom-out': `scaleX(${type ? 1 : 1.2}) scaleY(${type ? 1 : 1.2})`
}
},
// 内置动画类型与实际动画对应字典
animationMode() {
return {
fade: 'opacity',
'slide-top': 'translateY',
'slide-right': 'translateX',
'slide-bottom': 'translateY',
'slide-left': 'translateX',
'zoom-in': 'scale',
'zoom-out': 'scale'
}
},
// 驼峰转中横线
toLine(name) {
return name.replace(/([A-Z])/g, '-$1').toLowerCase()
}
}
}
</script>
<style></style>
uni_modules/uni-transition/package.json 0 → 100644
{
"id": "uni-transition",
"displayName": "uni-transition 过渡动画",
"version": "1.3.1",
"description": "元素的简单过渡动画",
"keywords": [
"uni-ui",
"uniui",
"动画",
"过渡",
"过渡动画"
],
"repository": "https://github.com/dcloudio/uni-ui",
"engines": {
"HBuilderX": ""
},
"directories": {
"example": "../../temps/example_temps"
},
"dcloudext": {
"category": [
"前端组件",
"通用组件"
],
"sale": {
"regular": {
"price": "0.00"
},
"sourcecode": {
"price": "0.00"
}
},
"contact": {
"qq": ""
},
"declaration": {
"ads": "无",
"data": "无",
"permissions": "无"
},
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
},
"uni_modules": {
"dependencies": ["uni-scss"],
"encrypt": [],
"platforms": {
"cloud": {
"tcb": "y",
"aliyun": "y"
},
"client": {
"App": {
"app-vue": "y",
"app-nvue": "y"
},
"H5-mobile": {
"Safari": "y",
"Android Browser": "y",
"微信浏览器(Android)": "y",
"QQ浏览器(Android)": "y"
},
"H5-pc": {
"Chrome": "y",
"IE": "y",
"Edge": "y",
"Firefox": "y",
"Safari": "y"
},
"小程序": {
"微信": "y",
"阿里": "y",
"百度": "y",
"字节跳动": "y",
"QQ": "y"
},
"快应用": {
"华为": "u",
"联盟": "u"
},
"Vue": {
"vue2": "y",
"vue3": "y"
}
}
}
}
}
\ No newline at end of file
uni_modules/uni-transition/readme.md 0 → 100644
## Transition 过渡动画
> **组件名：uni-transition**
> 代码块： `uTransition`
元素过渡动画
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-transition)
#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839
\ No newline at end of file
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