A1300399510/GterForumWeB
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a1300399510@qq.com 提交于 2023/03/29 -14:40:02

Browse Source
This commit is contained in:
XiaoMo 2023-03-29 14:40:11 +08:00
parent 6479762082
commit cc51552b71
2 changed files with 59 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
src/assets/css/public.scss
View File

@ -23,63 +23,6 @@
} }
} }
//路径
.path-box {
display: flex;
flex-direction: row;
height: 1.28rem;
line-height: 1.28rem;
margin: 0.2rem 0.35rem 0;
padding: 0 0.25rem;
border-radius: 1.68rem 1.68rem 0 1.68rem;
background-color: #fff;
font-size: 0.32rem;
-webkit-box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
position: relative;
.path-slash {
color: #D7D7D7;
font-size: .32rem;
}
div {
color: #7F7F7F;
max-width: 2.5rem;
// &::before {
// content: "/";
// width: 0.2rem;
// padding: 0 0.07rem;
// color: #7F7F7F;
// }
&:last-child {
max-width: 50%;
color: #000;
font-weight: bold;
}
// &:first-child::before {
// content: "";
// }
}
&::after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 0;
right: 0;
border-top: 0.24rem solid rgba(98, 177, 255, 1);
border-left: 0.24rem solid transparent;
transform: rotateX(180deg);
margin: 0 0.09rem 0.09rem 0;
}
}
//内容层 //内容层
section { section {
padding-top: 0.45rem; padding-top: 0.45rem;

60
src/components/PlateNavigation.vue
View File

@ -29,4 +29,62 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped>
//路径
.path-box {
display: flex;
flex-direction: row;
height: 1.28rem;
line-height: 1.28rem;
margin: 0.2rem 0.35rem 0;
// padding: 0 0.25rem;
padding: 0 .4rem;
border-radius: 1.68rem 1.68rem 0 1.68rem;
background-color: #fff;
font-size: 0.32rem;
-webkit-box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
position: relative;
.path-slash {
color: #D7D7D7;
font-size: .32rem;
}
div {
color: #7F7F7F;
max-width: 2.5rem;
// &::before {
// content: "/";
// width: 0.2rem;
// padding: 0 0.07rem;
// color: #7F7F7F;
// }
&:last-child {
max-width: 50%;
color: #000;
font-weight: bold;
}
// &:first-child::before {
// content: "";
// }
}
&::after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 0;
right: 0;
border-top: 0.24rem solid rgba(98, 177, 255, 1);
border-left: 0.24rem solid transparent;
transform: rotateX(180deg);
margin: 0 0.09rem 0.09rem 0;
}
}
</style>