|
@@ -10,9 +10,10 @@ import { throttle } from 'lodash';
|
|
|
var timerA = null
|
|
var timerA = null
|
|
|
var lastValue = 0
|
|
var lastValue = 0
|
|
|
|
|
|
|
|
-let SvgXml;
|
|
|
|
|
|
|
+let SvgXml, LinearGradient;
|
|
|
if (process.env.TARO_ENV == 'rn') {
|
|
if (process.env.TARO_ENV == 'rn') {
|
|
|
SvgXml = require("react-native-svg").SvgXml
|
|
SvgXml = require("react-native-svg").SvgXml
|
|
|
|
|
+ LinearGradient = require('react-native-linear-gradient').default
|
|
|
}
|
|
}
|
|
|
export default function Component(props: {
|
|
export default function Component(props: {
|
|
|
step: number, min: number,
|
|
step: number, min: number,
|
|
@@ -298,9 +299,37 @@ export default function Component(props: {
|
|
|
<View className="shadow_top" />
|
|
<View className="shadow_top" />
|
|
|
<View className="shadow_left" />
|
|
<View className="shadow_left" />
|
|
|
<View className="shadow_right" />
|
|
<View className="shadow_right" />
|
|
|
|
|
+ {
|
|
|
|
|
+ process.env.TARO_ENV == 'rn' && <LinearGradient style={{
|
|
|
|
|
+ position: 'absolute',
|
|
|
|
|
+ left: 0,
|
|
|
|
|
+ top: 0,
|
|
|
|
|
+ height: parseInt(rpxToPx(70) + ''),
|
|
|
|
|
+ width: parseInt(rpxToPx(375) + ''),
|
|
|
|
|
+ zIndex: 100,
|
|
|
|
|
+ pointerEvents: 'none'
|
|
|
|
|
+ }}
|
|
|
|
|
+ colors={['#1C1C1C', 'rgba(28, 28, 28, 0)']}
|
|
|
|
|
+ start={{ x: 0, y: 0 }}
|
|
|
|
|
+ end={{ x: 1, y: 0 }} pointerEvents="none" />
|
|
|
|
|
+ }
|
|
|
|
|
+ {
|
|
|
|
|
+ process.env.TARO_ENV == 'rn' && <LinearGradient style={{
|
|
|
|
|
+ position: 'absolute',
|
|
|
|
|
+ right: 0,
|
|
|
|
|
+ top: 0,
|
|
|
|
|
+ height: parseInt(rpxToPx(70) + ''),
|
|
|
|
|
+ width: parseInt(rpxToPx(375) + ''),
|
|
|
|
|
+ zIndex: 100,
|
|
|
|
|
+ pointerEvents: 'none'
|
|
|
|
|
+ }}
|
|
|
|
|
+ colors={['#1C1C1C', 'rgba(28, 28, 28, 0)']}
|
|
|
|
|
+ start={{ x: 1, y: 0 }}
|
|
|
|
|
+ end={{ x: 0, y: 0 }} pointerEvents="none" />
|
|
|
|
|
+ }
|
|
|
<View className="top_line" style={{ backgroundColor: props.themeColor }} />
|
|
<View className="top_line" style={{ backgroundColor: props.themeColor }} />
|
|
|
<ScrollView
|
|
<ScrollView
|
|
|
- style={{ zIndex: 0, position: 'relative',marginTop:-40 }} ref={scrollViewRef}
|
|
|
|
|
|
|
+ style={{ zIndex: 0, position: 'relative', marginTop: -40 }} ref={scrollViewRef}
|
|
|
showsHorizontalScrollIndicator={false}
|
|
showsHorizontalScrollIndicator={false}
|
|
|
scrollX scrollLeft={left} className="scroll"
|
|
scrollX scrollLeft={left} className="scroll"
|
|
|
enablePassive={true}
|
|
enablePassive={true}
|
|
@@ -313,7 +342,7 @@ export default function Component(props: {
|
|
|
onScroll={scrollContent}
|
|
onScroll={scrollContent}
|
|
|
enhanced
|
|
enhanced
|
|
|
>
|
|
>
|
|
|
- <View className="scrollContent" style={{paddingTop:40}}>
|
|
|
|
|
|
|
+ <View className="scrollContent" style={{ paddingTop: 40 }}>
|
|
|
<View className="scrollPadding" style={{ width: rpxToPx(372) }} />
|
|
<View className="scrollPadding" style={{ width: rpxToPx(372) }} />
|
|
|
<View className="content">
|
|
<View className="content">
|
|
|
<View>
|
|
<View>
|