md-wechat/src/App.vue
YangQi 4c0b029430
perf: optimizing css (#180)
- 移除不会生效、无效的片段
- 调整部分属性的书写顺序
- 移除不再使用的图片
2022-08-09 20:13:40 +08:00

74 lines
1.2 KiB
Vue

<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<style lang="less">
// 仿 uniapp 外层全屏
html,
body,
#app {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
</style>
<style lang="less">
/* 每个页面公共css */
@import url('./assets/less/style-mirror.css');
@import url('./assets/less/theme.less');
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #ffffff;
}
::-webkit-scrollbar-track {
border-radius: 6px;
background-color: rgba(200, 200, 200, 0.3);
}
::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: rgba(144, 146, 152, 0.5);
}
/* CSS-hints */
.CodeMirror-hints {
position: absolute;
z-index: 10;
overflow-y: auto;
margin: 0;
padding: 2px;
border-radius: 4px;
max-height: 20em;
min-width: 200px;
font-size: 12px;
font-family: monospace;
color: #333333;
background-color: #ffffff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.CodeMirror-hint {
margin-top: 10px;
padding: 4px 6px;
border-radius: 2px;
white-space: pre;
color: #000000;
cursor: pointer;
&:first-of-type {
margin-top: 0;
}
&:hover {
background: #f0f0f0;
}
}
</style>