仿互站小程序

vant/tabs/index.wxss

@@ -0,0 +1,135 @@
+@import "../area/index.wxss";
+
+.van-tabs {
+    position: relative;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.van-tabs__wrap {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    display: flex;
+    background-color: #fff;
+}
+
+.van-tabs__wrap--page-top {
+    position: fixed;
+}
+
+.van-tabs__wrap--content-bottom {
+    top: auto;
+    bottom: 0;
+}
+
+.van-tabs__wrap--scrollable .van-tab {
+    flex: 0 0 22%;
+}
+
+.van-tabs__scroll--card {
+    border: 1px solid #f44;
+    border-radius: 2px;
+}
+
+.van-tabs__nav {
+    position: relative;
+    display: flex;
+    user-select: none;
+}
+
+.van-tabs__nav--line {
+    height: 100%;
+}
+
+.van-tabs__nav--card {
+    height: 30px;
+}
+
+.van-tabs__nav--card .van-tab {
+    line-height: 28px;
+    color: #f44;
+    border-right: 1px solid #f44;
+}
+
+.van-tabs__nav--card .van-tab:last-child {
+    border-right: none;
+}
+
+.van-tabs__nav--card .van-tab.van-tab--active {
+    color: #fff;
+    background-color: #f44;
+}
+
+.van-tabs__line {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    height: 3px;
+    background-color: #f44;
+    border-radius: 3px;
+}
+
+.van-tabs--line {
+    padding-top: 44px;
+}
+
+.van-tabs--card .van-tabs--line .van-tabs__wrap,.van-tabs--line .van-tabs__wrap {
+    height: 44px;
+}
+
+.van-tabs--card {
+    padding-top: 30px;
+    margin: 0 15px;
+}
+
+.van-tabs--card .van-tabs__wrap {
+    height: 30px;
+}
+
+.van-tabs__content {
+    overflow: hidden;
+}
+
+.van-tab,.van-tabs__track {
+    position: relative;
+}
+
+.van-tab {
+    min-width: 0;
+    padding: 0 5px;
+    font-size: 14px;
+    line-height: 44px;
+    color: #7d7e80;
+    text-align: center;
+    cursor: pointer;
+    box-sizing: border-box;
+    flex: 1;
+}
+
+.van-tab--active {
+    font-weight: 500;
+    color: #333;
+}
+
+.van-tab--disabled {
+    color: #c9c9c9;
+}
+
+.van-tab__title--dot:after {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    vertical-align: middle;
+    background-color: #f44;
+    border-radius: 100%;
+    content: "";
+}
+
+.van-tab__title__info {
+    position: relative!important;
+    top: -1px!important;
+    display: inline-block;
+    transform: translateX(0)!important;
+}