Tcode平台改造升级-系统菜单框架完成、首页页面开发
This commit is contained in:
85
src/App.vue
85
src/App.vue
@@ -177,54 +177,41 @@ onBeforeUnmount(() => {
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
.global-notification {
|
||||
&-mobile {
|
||||
.devui-notification {
|
||||
right: 15px;
|
||||
left: 15px;
|
||||
width: #{calc(100vw - 30px )};
|
||||
top: 60px;
|
||||
&__title {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.devui-notification-item-container {
|
||||
background: rgba(255, 255, 255, 1);
|
||||
box-sizing: border-box;
|
||||
padding: 15px;
|
||||
opacity: 1;
|
||||
.devui-notification__item {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-pc {
|
||||
.devui-notification {
|
||||
width: 296px;
|
||||
right: 22px;
|
||||
top: 60px;
|
||||
&__title {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.devui-notification-item-container {
|
||||
background: rgba(255, 255, 255, 1);
|
||||
box-sizing: border-box;
|
||||
padding: 22px;
|
||||
opacity: 1;
|
||||
.devui-notification__item {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.devui-notification__message {
|
||||
margin-left: 0;
|
||||
}
|
||||
.icon-close {
|
||||
font-size: 0 !important;
|
||||
&:before {
|
||||
content: ''
|
||||
}
|
||||
}
|
||||
body {
|
||||
color: #000;
|
||||
font-family: PingFangSC, PingFang SC, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Microsoft YaHei, sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.LNK:link, .LNK:visited {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
-webkit-transition: all .2s ease-out .1s;
|
||||
transition: all .2s ease-out .1s;
|
||||
}
|
||||
|
||||
img:hover {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transform: matrix(1.02, 0, 0, 1.02, 0, 0);
|
||||
transform: matrix(1.02, 0, 0, 1.02, 0, 0);
|
||||
}
|
||||
|
||||
.animated {
|
||||
-webkit-animation-duration: 1s;
|
||||
animation-duration: 1s;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
|
||||
.swiper-button-prev, .swiper-button-next {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user