feat: 页签tab

This commit is contained in:
eric
2022-11-13 11:30:56 +08:00
parent f12a573a63
commit 5781fb7455
11 changed files with 142 additions and 47 deletions

File diff suppressed because one or more lines are too long

View File

@@ -12,16 +12,10 @@
/*! ../components/TabbarCom */
/*! ../helpers/regeneratorRuntime */
/*! ../icon */
/*! ../icon/index */
/*! ../swiper/context */
/*! ../tag */
/*! ../wxs/add-unit */
/*! ../wxs/style */
@@ -36,8 +30,6 @@
/*! ./swiper */
/*! ./typeof.js */
/*! ./wxs */
/*! @antmjs/vantui/es/card */
@@ -82,8 +74,6 @@
/*! react/jsx-runtime */
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
/*!**********************************!*\
!*** ./src/pages/home/index.tsx ***!
\**********************************/
@@ -92,22 +82,10 @@
!*** ./node_modules/classnames/index.js ***!
\******************************************/
/*!***************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/tag/wxs.js ***!
\***************************************************/
/*!****************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/grid/wxs.js ***!
\****************************************************/
/*!*****************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/tag/index.js ***!
\*****************************************************/
/*!******************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/card/index.js ***!
\******************************************************/
/*!******************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/grid/index.js ***!
\******************************************************/
@@ -140,10 +118,6 @@
!*** ./node_modules/@antmjs/vantui/es/swiper/context.js ***!
\**********************************************************/
/*!**********************************************************!*\
!*** ./node_modules/@babel/runtime/regenerator/index.js ***!
\**********************************************************/
/*!***********************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/grid-item/index.js ***!
\***********************************************************/
@@ -156,14 +130,6 @@
!*** ./node_modules/@antmjs/vantui/es/swiper-item/index.js ***!
\*************************************************************/
/*!*******************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js ***!
\*******************************************************************/
/*!*********************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js ***!
\*********************************************************************/
/*!************************************************************************************************************************************************!*\
!*** ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[9].use[1]!./src/pages/home/index.tsx ***!
\************************************************************************************************************************************************/

View File

@@ -1,11 +1,3 @@
/*!********************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/tag/index.css ***!
\********************************************************************************************************************************************************************************************************************/
.van-tag{position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;padding:0 8rpx;padding:var(--tag-padding,0 8rpx);color:#fff;color:var(--tag-text-color,#fff);font-size:24rpx;font-size:var(--tag-font-size, 24rpx);line-height:32rpx;line-height:var(--tag-line-height, 32rpx);border-radius:4rpx;border-radius:var(--tag-border-radius,4rpx)}.van-tag--default{background-color:#969799;background-color:var(--tag-default-color,#969799)}.van-tag--default.van-tag--plain{color:#969799;color:var(--tag-default-color,#969799)}.van-tag--danger{background-color:#ee0a24;background-color:var(--tag-danger-color,#ee0a24)}.van-tag--danger.van-tag--plain{color:#ee0a24;color:var(--tag-danger-color,#ee0a24)}.van-tag--primary{background-color:#1989fa;background-color:var(--tag-primary-color,#1989fa)}.van-tag--primary.van-tag--plain{color:#1989fa;color:var(--tag-primary-color,#1989fa)}.van-tag--success{background-color:#07c160;background-color:var(--tag-success-color,#07c160)}.van-tag--success.van-tag--plain{color:#07c160;color:var(--tag-success-color,#07c160)}.van-tag--warning{background-color:#ff976a;background-color:var(--tag-warning-color,#ff976a)}.van-tag--warning.van-tag--plain{color:#ff976a;color:var(--tag-warning-color,#ff976a)}.van-tag--plain{background-color:#fff;background-color:var(--tag-plain-background-color,#fff)}.van-tag--plain::before{position:absolute;top:0;right:0;bottom:0;left:0;border:2rpx solid currentcolor;border-radius:inherit;content:'';pointer-events:none}.van-tag--medium{padding:4rpx 12rpx;padding:var(--tag-medium-padding,4rpx 12rpx)}.van-tag--large{padding:8rpx 16rpx;padding:var(--tag-large-padding,8rpx 16rpx);font-size:28rpx;font-size:var(--tag-large-font-size, 28rpx);border-radius:8rpx;border-radius:var(--tag-large-border-radius,8rpx)}.van-tag--mark{border-radius:0 999rpx 999rpx 0;border-radius:0 var(--tag-round-border-radius,999rpx) var(--tag-round-border-radius,999rpx) 0}.van-tag--mark::after{display:block;width:4rpx;content:''}.van-tag--round{border-radius:999rpx;border-radius:var(--tag-round-border-radius,999rpx)}.van-tag__close{min-width:1em;margin-left:4rpx}
/*!*********************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/card/index.css ***!
\*********************************************************************************************************************************************************************************************************************/
.van-card{position:relative;box-sizing:border-box;padding:16rpx 32rpx;padding:var(--card-padding,16rpx 32rpx);font-size:24rpx;font-size:var(--card-font-size, 24rpx);color:#323233;color:var(--card-text-color,#323233);background-color:#fafafa;background-color:var(--card-background-color,#fafafa)}.van-card__header{display:-webkit-flex;display:flex}.van-card__header--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;-webkit-flex:none;flex:none;width:176rpx;width:var(--card-thumb-size,176rpx);height:176rpx;height:var(--card-thumb-size,176rpx);margin-right:16rpx;margin-right:var(--padding-xs,16rpx)}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%;border-radius:16rpx;border-radius:var(--border-radius-lg,16rpx)}.van-card__content{position:relative;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:176rpx;min-height:var(--card-thumb-size,176rpx)}.van-card__content--center{-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:32rpx;line-height:var(--card-title-line-height, 32rpx)}.van-card__desc{line-height:40rpx;line-height:var(--card-desc-line-height, 40rpx);color:#646566;color:var(--card-desc-color,#646566)}.van-card__bottom{line-height:40rpx}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24;color:var(--card-price-color,#ee0a24);font-size:24rpx;font-size:var(--card-price-font-size, 24rpx)}.van-card__price-integer{font-size:32rpx;font-size:var(--card-price-integer-font-size, 32rpx);font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family, Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif)}.van-card__price-decimal{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family, Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif)}.van-card__origin-price{display:inline-block;margin-left:10rpx;text-decoration:line-through;font-size:20rpx;font-size:var(--card-origin-price-font-size, 20rpx);color:#646566;color:var(--card-origin-price-color,#646566)}.van-card__num{float:right}.van-card__tag{position:absolute!important;top:4rpx;left:0}.van-card__footer{-webkit-flex:none;flex:none;width:100%;text-align:right}
/*!************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/divider/index.css ***!
\************************************************************************************************************************************************************************************************************************/

File diff suppressed because one or more lines are too long

View File

@@ -1,21 +1,83 @@
/*! ../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ruleSet[1].rules[9].use[1]!./index.tsx */
/*! ../common/utils */
/*! ../common/validator */
/*! ../components/TabbarCom */
/*! ../info/index */
/*! ../sticky/index */
/*! ../wxs/style */
/*! ../wxs/utils */
/*! ./../mixins/page-scroll */
/*! ./wxs */
/*! @antmjs/vantui/es/card */
/*! @antmjs/vantui/es/cell */
/*! @antmjs/vantui/es/image */
/*! @antmjs/vantui/es/tab */
/*! @antmjs/vantui/es/tabs */
/*! @babel/runtime/helpers/asyncToGenerator */
/*! @babel/runtime/helpers/defineProperty */
/*! @babel/runtime/helpers/objectWithoutProperties */
/*! @babel/runtime/helpers/slicedToArray */
/*! @babel/runtime/regenerator */
/*! @tarojs/components */
/*! @tarojs/runtime */
/*! @tarojs/taro */
/*! rc-util/lib/Children/toArray */
/*! react */
/*! react/jsx-runtime */
/*!********************************!*\
!*** ./src/pages/my/index.tsx ***!
\********************************/
/*!****************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/tabs/wxs.js ***!
\****************************************************/
/*!*****************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/tab/index.js ***!
\*****************************************************/
/*!******************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/sticky/wxs.js ***!
\******************************************************/
/*!******************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/tabs/index.js ***!
\******************************************************/
/*!********************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/sticky/index.js ***!
\********************************************************/
/*!**************************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/mixins/page-scroll.js ***!
\**************************************************************/
/*!**********************************************************************************************************************************************!*\
!*** ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[9].use[1]!./src/pages/my/index.tsx ***!
\**********************************************************************************************************************************************/

View File

@@ -1,3 +1,15 @@
/*!***********************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/sticky/index.css ***!
\***********************************************************************************************************************************************************************************************************************/
.van-sticky{position:relative}.van-sticky-wrap--fixed{position:fixed;right:0;left:0;z-index:800}
/*!*********************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/tabs/index.css ***!
\*********************************************************************************************************************************************************************************************************************/
.van-tabs{position:relative;-webkit-tap-highlight-color:transparent}.van-tabs__wrap{display:-webkit-flex;display:flex;overflow:hidden}.van-tabs__wrap--scrollable .van-tab{-webkit-flex:0 0 22%;flex:0 0 22%}.van-tabs__wrap--scrollable .van-tab--complete{-webkit-flex:1 0 auto!important;flex:1 0 auto!important;padding:0 24rpx}.van-tabs__wrap--scrollable .van-tabs__nav--complete{padding-right:16rpx;padding-left:16rpx}.van-tabs__scroll{width:100%;background-color:#fff;background-color:var(--tabs-nav-background-color,#fff)}.van-tabs__scroll--line{box-sizing:content-box;height:calc(100% + 30rpx)}.van-tabs__scroll--card{box-sizing:border-box;margin:0 32rpx;margin:0 var(--padding-md,32rpx);border:2rpx solid #ee0a24;border:var(--border-width-base,2rpx) solid var(--tabs-default-color,#ee0a24);width:calc(100% - calc(32rpx * 2));width:calc(100% - calc(var(--padding-md,32rpx) * 2));border-radius:4rpx;border-radius:var(--border-radius-sm,4rpx)}.van-tabs__scroll::-webkit-scrollbar{display:none}.van-tabs__nav{position:relative;display:-webkit-flex;display:flex;-webkit-user-select:none;user-select:none}.van-tabs__nav--card{box-sizing:border-box;height:60rpx;height:var(--tabs-card-height,60rpx);border:2rpx solid #ee0a24;border:var(--border-width-base,2rpx) solid var(--tabs-default-color,#ee0a24);border-radius:4rpx;border-radius:var(--border-radius-sm,4rpx)}.van-tabs__nav--card .van-tab{color:#ee0a24;color:var(--tabs-default-color,#ee0a24);line-height:calc(60rpx - 2 * 2rpx);line-height:calc(var(--tabs-card-height, 60rpx) - 2 * var(--border-width-base, 2rpx));border-right:2rpx solid #ee0a24;border-right:var(--border-width-base,2rpx) solid var(--tabs-default-color,#ee0a24)}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;color:var(--white,#fff);background-color:#ee0a24;background-color:var(--tabs-default-color,#ee0a24)}.van-tabs__nav--card .van-tab--disabled{color:#c8c9cc;color:var(--tab-disabled-text-color,#c8c9cc)}.van-tabs__line{position:absolute;bottom:0;left:0;z-index:1;height:6rpx;height:var(--tabs-bottom-bar-height,6rpx);border-radius:6rpx;border-radius:var(--tabs-bottom-bar-height,6rpx);background-color:#ee0a24;background-color:var(--tabs-bottom-bar-color,#ee0a24)}.van-tabs__track{position:relative;width:100%;height:100%}.van-tabs__track--animated{display:-webkit-flex;display:flex;-webkit-transition-property:left;transition-property:left}.van-tabs__content{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:88rpx;height:var(--tabs-line-height,88rpx)}.van-tabs--card .van-tabs__wrap{height:60rpx;height:var(--tabs-card-height,60rpx)}.van-tab{position:relative;-webkit-flex:1;flex:1;box-sizing:border-box;min-width:0;padding:0 10rpx;text-align:center;cursor:pointer;color:#646566;color:var(--tab-text-color,#646566);font-size:28rpx;font-size:var(--tab-font-size, 28rpx);line-height:88rpx;line-height:var(--tabs-line-height, 88rpx)}.van-tab--active{font-weight:500;font-weight:var(--font-weight-bold,500);color:#323233;color:var(--tab-active-text-color,#323233)}.van-tab--disabled{color:#c8c9cc;color:var(--tab-disabled-text-color,#c8c9cc)}.van-tab__title__info{position:relative!important;top:-2rpx!important;padding-top:3rpx;-webkit-transform:translateX(0)!important;transform:translateX(0)!important}.van-tab__title .van-info--dot{border-radius:100%;width:16rpx;width:var(--info-dot-size,16rpx);height:16rpx;height:var(--info-dot-size,16rpx)}
/*!********************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/tab/index.css ***!
\********************************************************************************************************************************************************************************************************************/
.van-tab__pane{box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-flex-shrink:0;flex-shrink:0;width:100%}.van-tab__pane--active{height:auto}.van-tab__pane--inactive{height:0;overflow:visible}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/cache-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[3]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[5]!./src/pages/my/index.module.scss ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/