diff --git a/components/canvasShow/basics/classifyHeader/app/index.vue b/components/canvasShow/basics/classifyHeader/app/index.vue index 0def293..0a9257e 100644 --- a/components/canvasShow/basics/classifyHeader/app/index.vue +++ b/components/canvasShow/basics/classifyHeader/app/index.vue @@ -72,28 +72,37 @@ export default { display: flex; flex-wrap: nowrap; justify-content: space-between; + padding-left: 20upx; + padding-right: 20upx; .li{ flex: 1 0 auto; - margin-left: 36upx; + margin-left: 5upx; + margin-right: 5upx; font-size: 30upx; - color: #999999; + color: #252744; position: relative; - padding-bottom: 18upx; + padding-bottom: 15upx; + padding-left: 27upx; + padding-right: 27upx; + padding-top: 15upx; text-align: center; &:first-child{ margin-left: 0; } &.on{ - &:after{ - content: ''; - width: 100%; - height: 4upx; - background: #C5AA7B; - position: absolute; - left: 0; - bottom: 0; - } - font-weight:bold; + // &:after{ + // content: ''; + // width: 100%; + // height: 4upx; + // background: #252744; + // position: absolute; + // left: 0; + // bottom: 0; + // } + background: #252744; + box-shadow: 0upx 7upx 14upx 0upx #C5C8ED; + border-radius: 40upx; + color: white; } } } diff --git a/pages/tabbar/index/component/FixedHead.vue b/pages/tabbar/index/component/FixedHead.vue index d547497..d8ba07b 100644 --- a/pages/tabbar/index/component/FixedHead.vue +++ b/pages/tabbar/index/component/FixedHead.vue @@ -23,7 +23,12 @@ > - + + + {{componentContent.title}}