2.修改tab的backMode模式样式

v2
king 1 year ago
parent ee5741a752
commit 9d9506c66e
  1. 4
      .env
  2. 4
      src/components/tabs/tabs.scss
  3. 2
      src/components/tabs/tabs.tsx

@ -1,5 +1,5 @@
TARO_APP_API=https://yjx.dev.yaojiankang.top #TARO_APP_API=https://yjx.dev.yaojiankang.top
#TARO_APP_API=https://mooc.yaojiankang.top TARO_APP_API=https://mooc.yaojiankang.top
#TARO_APP_API=https://shopfix.yaojiankang.top #TARO_APP_API=https://shopfix.yaojiankang.top
#TARO_APP_API=https://playedu.yaojiankang.top #TARO_APP_API=https://playedu.yaojiankang.top
TARO_APP_LGOIN=true TARO_APP_LGOIN=true

@ -4,12 +4,12 @@
border-radius: 24rpx; border-radius: 24rpx;
.tabs-item { .tabs-item {
padding: 8rpx 20rpx !important; padding: 8rpx !important;
} }
.current { .current {
background: #FFF; background: #FFF;
border-radius: 18rpx; border-radius: 25rpx !important;
background-clip: content-box; background-clip: content-box;
&:after { &:after {

@ -50,7 +50,7 @@ const Tabs: FC<TabsProps> = (opt) => {
return ( return (
<View className={`tabs ${opt.backMode ? 'tabsBack' : ''}`} style={{height: opt.height, ...opt.style}}> <View className={`tabs ${opt.backMode && 'tabsBack'}`} style={{height: opt.height, ...opt.style}}>
<ScrollView scrollX scrollLeft={left} scrollWithAnimation showScrollbar={false} style={{height: opt.height}}> <ScrollView scrollX scrollLeft={left} scrollWithAnimation showScrollbar={false} style={{height: opt.height}}>
<View className={'tabs-scroll ' + (opt.tabList.length < 5 ? 'justify-around' : '')}> <View className={'tabs-scroll ' + (opt.tabList.length < 5 ? 'justify-around' : '')}>
{opt.tabList.map((d, index) => <View {opt.tabList.map((d, index) => <View

Loading…
Cancel
Save