129 lines
2.2 KiB
Vue
129 lines
2.2 KiB
Vue
|
<template>
|
||
|
|
<router-view></router-view>
|
||
|
|
</template>
|
||
|
|
<script setup>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
html,
|
||
|
|
body {
|
||
|
|
box-sizing: border-box;
|
||
|
|
height: 100%;
|
||
|
|
margin: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 0;
|
||
|
|
width: 100% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul {
|
||
|
|
list-style-type: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*业务版滚动条样式*/
|
||
|
|
html ::-webkit-scrollbar {
|
||
|
|
/*滚动条整体样式*/
|
||
|
|
width: 6px;
|
||
|
|
/*高宽分别对应横竖滚动条的尺寸*/
|
||
|
|
height: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
html ::-webkit-scrollbar-thumb {
|
||
|
|
/*滚动条里面小方块*/
|
||
|
|
height: 2px;
|
||
|
|
background: rgba(95, 128, 183, 1) !important;
|
||
|
|
border-radius: 4px !important;
|
||
|
|
opacity: .5 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 字体设置 */
|
||
|
|
/* 思源黑体-中等 */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'SHSCM';
|
||
|
|
src: url('/font/SourceHanSansCN-Medium.otf');
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 思源黑体-常规 */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'SHSCN';
|
||
|
|
src: url('/font/SourceHanSansCN-Normal.otf');
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 优设标题黑 */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'YouSheBiaoTiHei';
|
||
|
|
src: url('/font/YouSheBiaoTiHei.ttf');
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 旁门正道 */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'PangMenZhengDao';
|
||
|
|
src: url('/font/PangMenZhengDaoBiaoTi.ttf');
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 优设体 */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'YouSheRegular';
|
||
|
|
src: url('/font/YouSheRegular.TTF');
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 欣意冠黑体 */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'XinYiGuanHeiTi';
|
||
|
|
src: url('/font/XinYiGuanHeiTi.ttf');
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 钉钉进步体 */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'DingTalkJinBuTi';
|
||
|
|
src: url('/font/DingTalkJinBuTi.ttf');
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 一品创享体 */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'YPCX';
|
||
|
|
src: url('/font/YPchuangxiang-GB.ttf');
|
||
|
|
}
|
||
|
|
|
||
|
|
#app {
|
||
|
|
font-family: 'SHSCN', Avenir, Helvetica, Arial, sans-serif !important;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
height: 100%;
|
||
|
|
line-height: 1;
|
||
|
|
text-align: left;
|
||
|
|
color: #2c3e50;
|
||
|
|
width: 100%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
:focus-visible {
|
||
|
|
outline: unset;
|
||
|
|
}
|
||
|
|
// maptalks 提示框样式
|
||
|
|
.maptalks-msgBox{
|
||
|
|
width: max-content !important;
|
||
|
|
}
|
||
|
|
.maptalks-close{
|
||
|
|
position: absolute;
|
||
|
|
right: 8px;
|
||
|
|
top: 8px;
|
||
|
|
color: #ccc;
|
||
|
|
text-decoration: auto;
|
||
|
|
}
|
||
|
|
.maptalks-msgContent{
|
||
|
|
background: #0e3766;
|
||
|
|
border: 1px solid #00C0FF;
|
||
|
|
color: #fff;
|
||
|
|
text-align: left;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
gap: 10px;
|
||
|
|
padding: 20px 10px;
|
||
|
|
}
|
||
|
|
.maptalks-ico{
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
</style>
|