bimwe/mini-programs
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
张成
2025-12-02 11:16:27 +08:00
parent 592be1f602
commit dc24123ab6
5 changed files with 111 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/other_pages/enable_notification/index.tsx
View File

@@ -1,5 +1,5 @@
import React from 'react';
import { View, Text, Image, ScrollView } from '@tarojs/components';
import { View, Text, Image } from '@tarojs/components';
import { GeneralNavbar } from '@/components';
import { useGlobalState } from '@/store/global';
import './index.scss';
@@ -34,44 +34,45 @@ const EnableNotificationPage: React.FC = () => {
<View className="enable_notification_page" style={{ paddingTop: `${totalHeight}px` }}>
<GeneralNavbar title="" showBack={true} />
<ScrollView scrollY className="enable_notification_page__scroll" enhanced showScrollbar={false}>
<View className="enable_notification_page__content">
{/* 示例消息卡片 */}
<View className="enable_notification_page__messages">
{exampleMessages.map((message) => (
<View key={message.id} className="enable_notification_page__message_card">
<Image
className="enable_notification_page__avatar"
src={message.avatar}
mode="aspectFill"
/>
<View className="enable_notification_page__message_content">
<Text className="enable_notification_page__name">{message.name}</Text>
<Text className="enable_notification_page__text">{message.content}</Text>
</View>
</View>
))}
</View>
{/* 标题区域 */}
<View className="enable_notification_page__title_section">
<Text className="enable_notification_page__title">开启消息通知</Text>
<Text className="enable_notification_page__subtitle">请放心，我们只会在必要时提醒你</Text>
</View>
{/* 二维码区域 */}
<View className="enable_notification_page__qr_section">
<View className="enable_notification_page__qr_wrapper">
<View className="enable_notification_page__content">
{/* 示例消息卡片 */}
<View className="enable_notification_page__messages">
{exampleMessages.map((message, index) => (
<View
key={message.id}
className={`enable_notification_page__message_card enable_notification_page__message_card--${index + 1}`}
>
<Image
className="enable_notification_page__qr_image"
src={require('@/static/other_pages/qr_code.svg')}
mode="aspectFit"
className="enable_notification_page__avatar"
src={message.avatar}
mode="aspectFill"
/>
<View className="enable_notification_page__message_content">
<Text className="enable_notification_page__name">{message.name}</Text>
<Text className="enable_notification_page__text">{message.content}</Text>
</View>
</View>
<Text className="enable_notification_page__qr_text">长按关注👆开启提醒</Text>
</View>
))}
</View>
</ScrollView>
{/* 标题区域 */}
<View className="enable_notification_page__title_section">
<Text className="enable_notification_page__title">开启消息通知</Text>
<Text className="enable_notification_page__subtitle">请放心，我们只会在必要时提醒你</Text>
</View>
{/* 二维码区域 */}
<View className="enable_notification_page__qr_section">
<View className="enable_notification_page__qr_wrapper">
<Image
className="enable_notification_page__qr_image"
src={require('@/static/other_pages/qr_code.svg')}
mode="aspectFit"
/>
</View>
<Text className="enable_notification_page__qr_text">长按关注👆开启提醒</Text>
</View>
</View>
</View>
);
};