inleft
2024-05-18 57e3bead08715d72efaeffe90fafa179b8366473
commit | author | age
bf6fbe 1 <template>
f9c38e 2     <div id="app" class="app">
I 3         <router-view class=""></router-view>
bf6fbe 4     </div>
L 5 </template>
6
7 <script>
8     export default {
d3f921 9         components: {},
bf6fbe 10         data() {
L 11             return {}
12         },
d3f921 13         components: {},
bf6fbe 14         computed: {},
L 15         created() {},
16         watch: {},
f9c38e 17         methods: {}
bf6fbe 18     }
L 19 </script>
d3f921 20
I 21
41b36f 22 <style lang="less">
6461f5 23     body {
I 24         background: #f0f2f5;
25     }
26
27     .ant-modal-header {
28         //ant 弹窗移动样式
29         cursor: move;
30     }
31
80476f 32     @font-face {
I 33         font-family: 'HYTangMeiRen';
34         // font-display: swap;
35         src: url("http://t.inleft.com/share/z%E5%AD%97%E4%BD%93%E5%BA%93/hytmr55%E6%B1%89%E4%BB%AA%E5%94%90%E7%BE%8E%E4%BA%BA%E5%AD%97%E4%BD%93.woff") format("truetype");
36     }
37
38     span,
39     p,
40     a,
41     body,
42     h1,
43     h2,
44     h3,
45     h4,
46     h5,
47     h6,
48     code,
49     pre{
50         font-family: HYTangMeiRen !important;
51     }
52
41b36f 53     #app {
I 54         // overflow: auto;
55         //  border: none; 
bf6fbe 56     }
d3f921 57
41b36f 58     /* .scrollbar {
bf6fbe 59         margin: 0 auto;
41b36f 60     } */
d3f921 61     ::-webkit-scrollbar {
bf6fbe 62         /*滚动条整体样式*/
L 63         width: 8px;
b505f3 64         height: 8px;
d3f921 65         /*高宽分别对应横竖滚动条的尺寸*/
bf6fbe 66     }
L 67
d3f921 68     ::-webkit-scrollbar-thumb {
bf6fbe 69         /*滚动条里面小方块*/
L 70         border-radius: 6px;
71         background: #aaa;
72     }
73
d3f921 74     ::-webkit-scrollbar-track {
bf6fbe 75         /*滚动条里面轨道*/
L 76         border-radius: 8px;
77         background: #FFFFFF;
d3f921 78         margin-top: 20px;
I 79         margin-bottom: 20px;
bf6fbe 80     }
6461f5 81
b1336e 82     a {
I 83         position: relative;
84     }
6461f5 85
b1336e 86     a:hover:after {
I 87         left: 0;
88         width: 100%;
89         -webkit-transition: width 350ms;
90         -moz-transition: width 350ms;
91         -ms-transition: width 350ms;
92         -o-transition: width 350ms;
93         transition: width 350ms;
94     }
6461f5 95
b1336e 96     a:after {
I 97         position: absolute;
98         bottom: -0.0625rem;
99         left: 100%;
100         width: 0;
101         border-bottom: 0.0625rem solid #30a9de;
102         content: "";
103         -webkit-transition: width 350ms, left 350ms;
104         -moz-transition: width 350ms, left 350ms;
105         -ms-transition: width 350ms, left 350ms;
106         -o-transition: width 350ms, left 350ms;
107         transition: width 350ms, left 350ms;
108     }
6461f5 109
ec6f20 110     .fade-enter-active,
I 111     .fade-leave-active {
112         transition: opacity .5s;
113     }
6461f5 114
ec6f20 115     .fade-enter,
I 116     .fade-leave-to {
117         opacity: 0;
118     }
bf6fbe 119 </style>