diff --git a/commons/style.css b/commons/style.css index 1e866d2..9fd223e 100644 --- a/commons/style.css +++ b/commons/style.css @@ -228,6 +228,25 @@ page {background-color: #eaeaea;} position: sticky; left: 0; z-index: 99; + overflow-x: auto; +} +.nav-list-bg::-webkit-scrollbar{ + width: 0; + height: 0; + opacity: 0; +} +.nav-list-bg .pull-nav-btns{ + justify-content: start !important; +} +.nav-list-bg .pull-nav-btns .btn{ + width: 180rpx !important; + margin: 0 20rpx !important; +} +.nav-list-bg .pull-nav-btns .btn:first-child{ + margin-left: 0 !important; +} +.nav-list-bg .pull-nav-btns .btn:last-child{ + margin-right: 0 !important; } .news-list-bg{ padding: 10rpx 30rpx; @@ -501,7 +520,7 @@ page {background-color: #eaeaea;} margin-right: 30rpx; } .collection-btn.active{ - width: 70rpx; + width: 74rpx; } .collection-btn image{ width: 45rpx; @@ -1018,7 +1037,7 @@ video#my-video{ .vip-box-bg{ box-sizing: border-box; width: 100%; - padding: 0 80rpx; + padding: 30rpx 80rpx 0; position: fixed; left: 0; top: 50%; @@ -1031,6 +1050,24 @@ video#my-video{ background-color: #FFFFFF; border-radius: 28rpx; padding: 40rpx 60rpx; + position: relative; +} +.vip-box .vip-close{ + display: flex; + justify-content: center; + align-items: center; + width: 60rpx; + height: 60rpx; + background-color: #d9d9d9; + border-radius: 100%; + position: absolute; + top: -30rpx; + right: -30rpx; +} +.vip-box .vip-close>text{ + font-size: 30rpx; + transform: scaleX(1.3); + color: #FFFFFF; } .vip-box .title{ font-size: 32rpx; @@ -1043,7 +1080,7 @@ video#my-video{ } .vip-box .vip-item .tips{ font-size: 28rpx; - color: #000000; + color: #666666; line-height: 1.5; margin-bottom: 10rpx; } @@ -1054,28 +1091,20 @@ video#my-video{ .vip-box .input{ box-sizing: border-box; width: 100%; - height: 60rpx; - padding: 0 10rpx; - border: 2rpx solid #c9c9c9; + height: 86rpx; + border-bottom: 2rpx solid #c9c9c9; font-size: 28rpx; - color: #666666; + color: #000000; } -.vip-box .vip-btns{ - display: flex; - align-items: center; - justify-content: center; +.vip-box .btn{ width: 100%; - margin-top: 50rpx; -} -.vip-box .vip-btns .btn{ - width: 150rpx; background-color: #0073bc; - border-radius: 10rpx; + border-radius: 30rpx; font-size: 30rpx; - line-height: 60rpx; + line-height: 96rpx; text-align: center; color: #FFFFFF; - margin: 0 30rpx; + margin-top: 70rpx; } .vip-box .vip-btns .btn:first-child{ background-color: #c9c9c9; @@ -1146,7 +1175,7 @@ video#my-video{ .edit-box-bg{ box-sizing: border-box; width: 100%; - padding: 0 80rpx; + padding: 30rpx 45rpx 0; position: fixed; left: 0; top: 50%; @@ -1158,7 +1187,25 @@ video#my-video{ width: 100%; background-color: #FFFFFF; border-radius: 28rpx; - padding: 40rpx 60rpx; + padding: 58rpx; + position: relative +} +.edit-box .edit-close{ + display: flex; + justify-content: center; + align-items: center; + width: 60rpx; + height: 60rpx; + background-color: #d9d9d9; + border-radius: 100%; + position: absolute; + top: -30rpx; + right: -30rpx; +} +.edit-box .edit-close>text{ + font-size: 30rpx; + transform: scaleX(1.3); + color: #FFFFFF; } .edit-box .title{ font-size: 32rpx; @@ -1171,7 +1218,7 @@ video#my-video{ font-size: 28rpx; line-height: 1.5; margin-bottom: 20rpx; - color: #999999; + color: #666666; } .edit-box .subtitle>text{ color: #d50000; @@ -1181,37 +1228,25 @@ video#my-video{ .edit-box .textarea{ box-sizing: border-box; width: 100%; - height: 60rpx; - padding: 0 10rpx; - border: 2rpx solid #c9c9c9; + height: 86rpx; + border-bottom: 2rpx solid #c9c9c9; font-size: 28rpx; color: #000000; } .edit-box .textarea{ height: 150rpx; - padding: 10rpx; + padding: 10rpx 0; line-height: 1.8; } -.edit-box .edit-btns{ - display: flex; - align-items: center; - justify-content: center; +.edit-box .btn{ width: 100%; - margin-top: 50rpx; -} -.edit-box .edit-btns .btn{ - width: 150rpx; background-color: #0073bc; - border-radius: 10rpx; + border-radius: 30rpx; font-size: 30rpx; - line-height: 60rpx; + line-height: 96rpx; text-align: center; color: #FFFFFF; - margin: 0 30rpx; -} -.edit-box .edit-btns .btn:first-child{ - background-color: #c9c9c9; - color: #000000; + margin-top: 70rpx; } /* 免责声明 */ diff --git a/components/nav-tab/nav-tab.vue b/components/nav-tab/nav-tab.vue index 0e6ba91..438ae4e 100644 --- a/components/nav-tab/nav-tab.vue +++ b/components/nav-tab/nav-tab.vue @@ -1,5 +1,5 @@