diff --git a/src/assets/css/public.scss b/src/assets/css/public.scss index d696d60..db59814 100755 --- a/src/assets/css/public.scss +++ b/src/assets/css/public.scss @@ -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 { padding-top: 0.45rem; diff --git a/src/components/PlateNavigation.vue b/src/components/PlateNavigation.vue index 2c182a7..9ff1dce 100755 --- a/src/components/PlateNavigation.vue +++ b/src/components/PlateNavigation.vue @@ -29,4 +29,62 @@ export default { }; </script> -<style lang="scss" scoped></style> \ No newline at end of file +<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> \ No newline at end of file