feat: 轮播图+备案号
This commit is contained in:
parent
817b1dd8a0
commit
b7962d6bf6
@ -92,7 +92,7 @@ export default function OwnerPage() {
|
|||||||
<ComeinSvg width={24} height={24} />
|
<ComeinSvg width={24} height={24} />
|
||||||
</View>
|
</View>
|
||||||
{/* 分类 */}
|
{/* 分类 */}
|
||||||
<View style={{ marginHorizontal: -16 }}>
|
<View style={{ marginHorizontal: -16, marginBottom: -16 }}>
|
||||||
<CarouselComponent data={userInfoDetails?.material_counter} />
|
<CarouselComponent data={userInfoDetails?.material_counter} />
|
||||||
</View>
|
</View>
|
||||||
|
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
<svg width="403" height="135" viewBox="0 0 403 135" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="303" height="100" viewBox="0 0 403 135" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<mask id="mask0_2610_1468" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="403" height="135">
|
<mask id="mask0_2610_1468" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="403" height="135">
|
||||||
<rect width="403" height="135" fill="#D9D9D9"/>
|
<rect width="403" height="135" fill="#D9D9D9"/>
|
||||||
</mask>
|
</mask>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.9 KiB |
@ -50,8 +50,9 @@ function CarouselComponent(props: Props) {
|
|||||||
</View>
|
</View>
|
||||||
))}
|
))}
|
||||||
<View style={styles.image}>
|
<View style={styles.image}>
|
||||||
<UserinfoTotalSvg width={width * 0.8} />
|
|
||||||
<View style={{ position: 'absolute', bottom: 5, right: 0, left: 0, justifyContent: 'center', alignItems: 'center' }}><HandersSvg /></View>
|
<UserinfoTotalSvg />
|
||||||
|
<View style={{ position: 'absolute', bottom: -5, right: 0, left: 0, justifyContent: 'center', alignItems: 'center' }}><HandersSvg /></View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
}
|
}
|
||||||
@ -72,7 +73,7 @@ function CarouselComponent(props: Props) {
|
|||||||
defaultIndex={carouselDataValue?.findIndex((item) => item?.key === 'total_count') - 1 || 0}
|
defaultIndex={carouselDataValue?.findIndex((item) => item?.key === 'total_count') - 1 || 0}
|
||||||
modeConfig={{
|
modeConfig={{
|
||||||
parallaxScrollingScale: 1,
|
parallaxScrollingScale: 1,
|
||||||
parallaxScrollingOffset: 180,
|
parallaxScrollingOffset: 160,
|
||||||
parallaxAdjacentItemScale: 0.7
|
parallaxAdjacentItemScale: 0.7
|
||||||
}}
|
}}
|
||||||
renderItem={({ item, index }) => {
|
renderItem={({ item, index }) => {
|
||||||
@ -109,7 +110,8 @@ function CarouselComponent(props: Props) {
|
|||||||
const styles = StyleSheet.create({
|
const styles = StyleSheet.create({
|
||||||
container: {
|
container: {
|
||||||
backgroundColor: "#FFB645",
|
backgroundColor: "#FFB645",
|
||||||
padding: 16,
|
paddingVertical: 8,
|
||||||
|
paddingHorizontal: 16,
|
||||||
borderRadius: 16,
|
borderRadius: 16,
|
||||||
display: "flex",
|
display: "flex",
|
||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
@ -119,11 +121,9 @@ const styles = StyleSheet.create({
|
|||||||
},
|
},
|
||||||
image: {
|
image: {
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
bottom: -10,
|
bottom: 0,
|
||||||
right: 0,
|
right: 0,
|
||||||
left: 0,
|
left: 0,
|
||||||
width: '100%',
|
|
||||||
height: '100%',
|
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
justifyContent: 'flex-end',
|
justifyContent: 'flex-end',
|
||||||
},
|
},
|
||||||
@ -131,7 +131,7 @@ const styles = StyleSheet.create({
|
|||||||
flexDirection: "row",
|
flexDirection: "row",
|
||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
justifyContent: "space-between",
|
justifyContent: "space-between",
|
||||||
paddingVertical: 12,
|
paddingVertical: 8,
|
||||||
borderBottomColor: '#fff',
|
borderBottomColor: '#fff',
|
||||||
borderBottomWidth: 1,
|
borderBottomWidth: 1,
|
||||||
},
|
},
|
||||||
@ -146,6 +146,7 @@ const styles = StyleSheet.create({
|
|||||||
fontSize: 32,
|
fontSize: 32,
|
||||||
textAlign: 'right',
|
textAlign: 'right',
|
||||||
flex: 1,
|
flex: 1,
|
||||||
|
paddingTop: 8
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
@ -11,18 +11,18 @@
|
|||||||
"common": {
|
"common": {
|
||||||
"search": "Search...",
|
"search": "Search...",
|
||||||
"title": "MemoWake - Home Video Memory, Powered by AI",
|
"title": "MemoWake - Home Video Memory, Powered by AI",
|
||||||
"name":"MemoWake",
|
"name": "MemoWake",
|
||||||
"homepage":"HomePage",
|
"homepage": "HomePage",
|
||||||
"signup":"Sign up",
|
"signup": "Sign up",
|
||||||
"login":"Login",
|
"login": "Login",
|
||||||
"trade":"copyright 2025 MemoWake - All rights reserved",
|
"trade": "沪ICP备2025133004号-2A",
|
||||||
"logout":"Logout",
|
"logout": "Logout",
|
||||||
"self":"Personal Center"
|
"self": "Personal Center"
|
||||||
},
|
},
|
||||||
"welcome": {
|
"welcome": {
|
||||||
"welcome": "Welcome to MemoWake~",
|
"welcome": "Welcome to MemoWake~",
|
||||||
"slogan": "Preserve your love, laughter and precious moments forever",
|
"slogan": "Preserve your love, laughter and precious moments forever",
|
||||||
"notice": "s back to live family portrait "
|
"notice": "s back to live family portrait "
|
||||||
},
|
},
|
||||||
"imagePreview": {
|
"imagePreview": {
|
||||||
"zoomOut": "Zoom out",
|
"zoomOut": "Zoom out",
|
||||||
@ -62,7 +62,7 @@
|
|||||||
"file": {
|
"file": {
|
||||||
"invalidType": "Invalid file type",
|
"invalidType": "Invalid file type",
|
||||||
"tooLarge": "File too large",
|
"tooLarge": "File too large",
|
||||||
"tooSmall":"File too small"
|
"tooSmall": "File too small"
|
||||||
},
|
},
|
||||||
"email": {
|
"email": {
|
||||||
"required": "Email is required",
|
"required": "Email is required",
|
||||||
@ -110,4 +110,4 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"loading": "Loading..."
|
"loading": "Loading..."
|
||||||
}
|
}
|
||||||
@ -11,13 +11,13 @@
|
|||||||
"common": {
|
"common": {
|
||||||
"search": "搜索...",
|
"search": "搜索...",
|
||||||
"title": "MemoWake - AI驱动的家庭「视频记忆」",
|
"title": "MemoWake - AI驱动的家庭「视频记忆」",
|
||||||
"name":"MemoWake",
|
"name": "MemoWake",
|
||||||
"homepage":"首页",
|
"homepage": "首页",
|
||||||
"signup":"注册",
|
"signup": "注册",
|
||||||
"login":"登录",
|
"login": "登录",
|
||||||
"trade": "沪ICP备2023032876号-4",
|
"trade": "沪ICP备2025133004号-2A",
|
||||||
"logout":"退出登录",
|
"logout": "退出登录",
|
||||||
"self":"个人中心"
|
"self": "个人中心"
|
||||||
},
|
},
|
||||||
"welcome": {
|
"welcome": {
|
||||||
"welcome": "欢迎来到 MemoWake~",
|
"welcome": "欢迎来到 MemoWake~",
|
||||||
@ -55,7 +55,7 @@
|
|||||||
"invalidFileTitle": "不支持的文件格式",
|
"invalidFileTitle": "不支持的文件格式",
|
||||||
"fileTooLargeTitle": "文件过大",
|
"fileTooLargeTitle": "文件过大",
|
||||||
"uploadErrorTitle": "上传失败",
|
"uploadErrorTitle": "上传失败",
|
||||||
"fileTooSmallTitle": "文件过小",
|
"fileTooSmallTitle": "文件过小",
|
||||||
"fileTooSmall": "文件过小,请上传大于300像素的图片"
|
"fileTooSmall": "文件过小,请上传大于300像素的图片"
|
||||||
},
|
},
|
||||||
"validation": {
|
"validation": {
|
||||||
@ -109,4 +109,4 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"loading": "加载中..."
|
"loading": "加载中..."
|
||||||
}
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user