refactor: 首页导航样式适配

This commit is contained in:
wangjiahao 2022-01-12 16:56:17 +08:00
parent 95186bd330
commit c8491b069e
6 changed files with 17 additions and 13 deletions

View File

@ -0,0 +1 @@
INSERT INTO `sys_menu` (`menu_id`, `pid`, `sub_count`, `type`, `title`, `name`, `component`, `menu_sort`, `icon`, `path`, `i_frame`, `cache`, `hidden`, `permission`, `create_by`, `update_by`, `create_time`, `update_time`) VALUES (61, 0, 0, 1, '首页', 'wizard', 'wizard/index', 0, '', '/wizard', b'1', b'0', b'0', NULL, NULL, NULL, NULL, 1614915491036);

View File

@ -31,21 +31,21 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.card_main{ .card_main{
padding: 70px 40px 40px 40px; padding: 60px 30px 30px 30px;
height: 35vh; height: 35vh;
} }
.card_head{ .card_head{
padding-left: 15px; padding-left: 15px;
color: white; color: white;
line-height: 35px; line-height: 30px;
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 18px;
background-color: var(--MenuActiveBG, #409EFF); background-color: var(--MenuActiveBG, #409EFF);
} }
.triangle{ .triangle{
width: 0; width: 0;
height: 0; height: 0;
border-bottom: 35px solid var(--MenuActiveBG, #409EFF); border-bottom: 30px solid var(--MenuActiveBG, #409EFF);
border-right: 30px solid transparent; border-right: 30px solid transparent;
-webkit-transform: rotate(180deg); -webkit-transform: rotate(180deg);
transform: rotate(0deg); transform: rotate(0deg);
@ -54,6 +54,7 @@ export default {
border: lightgray solid 1px; border: lightgray solid 1px;
border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;
height: 100%; height: 100%;
overflow: hidden;
} }
</style> </style>

View File

@ -24,10 +24,6 @@
export default { export default {
name: 'TeachingVideo', name: 'TeachingVideo',
props: { props: {
headInfo: {
type: String,
required: false
}
}, },
data() { data() {
return {} return {}
@ -45,6 +41,8 @@ export default {
padding-left: 10px; padding-left: 10px;
float: left; float: left;
font-weight: 400; font-weight: 400;
max-height: 80%;
overflow: hidden;
} }
.demo_bottom{ .demo_bottom{

View File

@ -50,6 +50,8 @@ export default {
float: left; float: left;
font-weight: 500; font-weight: 500;
color: var(--MenuActiveBG, #409EFF); color: var(--MenuActiveBG, #409EFF);
max-height: 80%;
overflow: hidden;
} }
.demo_bottom{ .demo_bottom{

View File

@ -35,6 +35,8 @@ export default {
padding-left: 10px; padding-left: 10px;
float: left; float: left;
font-weight: 400; font-weight: 400;
max-height: 80%;
overflow: hidden;
} }
.demo_bottom{ .demo_bottom{

View File

@ -66,16 +66,16 @@ export default {
text-align: center; text-align: center;
color: white; color: white;
padding: 10px; padding: 10px;
margin-top: 20px; margin-top: 25px;
} }
.hint_head { .hint_head {
line-height: 50px; line-height: 40px;
font-weight: bold; font-weight: bold;
font-size: 30px; font-size: 25px;
} }
.hint_content { .hint_content {
line-height: 50px; line-height: 40px;
font-size: 20px; font-size: 15px;
} }
.card_container { .card_container {