修复 下拉刷新文字,文字大小问题
This commit is contained in:
@@ -21,12 +21,12 @@
|
|||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
font-size: 14pt !important; // 14pt 加粗
|
font-size: 14px !important; // 14pt 加粗
|
||||||
font-weight: 600 !important; // 加粗
|
font-weight: 600 !important; // 加粗
|
||||||
|
|
||||||
// 确保按钮内部文字也应用样式
|
// 确保按钮内部文字也应用样式
|
||||||
:global(.nut-button__text) {
|
:global(.nut-button__text) {
|
||||||
font-size: 14pt !important;
|
font-size: 14px !important;
|
||||||
font-weight: 600 !important;
|
font-weight: 600 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -107,13 +107,18 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
column-gap: 4px;
|
|
||||||
|
// 只有当 left-section 存在时才添加间距
|
||||||
|
.left-section + .tags {
|
||||||
|
margin-left: 4px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.left-section {
|
.left-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar-group {
|
.avatar-group {
|
||||||
@@ -159,6 +164,9 @@
|
|||||||
.tags {
|
.tags {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
|
flex: 1;
|
||||||
|
// 确保标签区域与文字左对齐,没有头像时无额外边距
|
||||||
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag {
|
.tag {
|
||||||
@@ -249,7 +257,7 @@
|
|||||||
// 设计稿位置 top: 38.62px, left: 10.62px,按比例缩放
|
// 设计稿位置 top: 38.62px, left: 10.62px,按比例缩放
|
||||||
top: 31.7px;
|
top: 31.7px;
|
||||||
left: 8.7px;
|
left: 8.7px;
|
||||||
z-index:2;
|
z-index: 2;
|
||||||
transform: rotate(-8deg);
|
transform: rotate(-8deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -196,9 +196,10 @@ const ListCard: React.FC<ListCardProps> = ({
|
|||||||
|
|
||||||
{/* 底部信息行:头像组、报名人数、技能等级、比赛类型 */}
|
{/* 底部信息行:头像组、报名人数、技能等级、比赛类型 */}
|
||||||
<View className="bottom-info">
|
<View className="bottom-info">
|
||||||
|
{participantsImageList && participantsImageList.length > 0 && (
|
||||||
<View className="left-section">
|
<View className="left-section">
|
||||||
<View className="avatar-group">
|
<View className="avatar-group">
|
||||||
{(participantsImageList || []).map((item, index) => (
|
{participantsImageList.map((item, index) => (
|
||||||
<View key={index} className="avatar">
|
<View key={index} className="avatar">
|
||||||
<Image
|
<Image
|
||||||
className="avatar-image"
|
className="avatar-image"
|
||||||
@@ -209,6 +210,7 @@ const ListCard: React.FC<ListCardProps> = ({
|
|||||||
))}
|
))}
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
)}
|
||||||
|
|
||||||
<View className="tags">
|
<View className="tags">
|
||||||
<View className="tag">
|
<View className="tag">
|
||||||
|
|||||||
@@ -70,10 +70,10 @@
|
|||||||
|
|
||||||
.organizer-actions {
|
.organizer-actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 0 0 90px;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
flex-shrink: 0;
|
||||||
|
|
||||||
.organizer-actions-follow,
|
.organizer-actions-follow,
|
||||||
.organizer-actions-comment {
|
.organizer-actions-comment {
|
||||||
@@ -86,6 +86,7 @@
|
|||||||
// border: 0.5px solid rgba(255, 255, 255, 0.10);
|
// border: 0.5px solid rgba(255, 255, 255, 0.10);
|
||||||
background: rgba(255, 255, 255, 0.16);
|
background: rgba(255, 255, 255, 0.16);
|
||||||
box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.08);
|
box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.08);
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
& > image {
|
& > image {
|
||||||
width: 16px;
|
width: 16px;
|
||||||
@@ -102,6 +103,7 @@
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
line-height: 20px; /* 153.846% */
|
line-height: 20px; /* 153.846% */
|
||||||
letter-spacing: -0.23px;
|
letter-spacing: -0.23px;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -181,7 +181,7 @@ export default function OrganizerInfo(props) {
|
|||||||
src={img.ICON_DETAIL_ARROW_RIGHT}
|
src={img.ICON_DETAIL_ARROW_RIGHT}
|
||||||
/>
|
/>
|
||||||
</View>
|
</View>
|
||||||
<ScrollView className={styles["recommend-games-list"]} scrollX>
|
<ScrollView refresherBackground="#FAFAFA" className={styles["recommend-games-list"]} scrollX>
|
||||||
<View className={styles["recommend-games-list-content"]}>
|
<View className={styles["recommend-games-list-content"]}>
|
||||||
{recommendGames.map((game, index) => (
|
{recommendGames.map((game, index) => (
|
||||||
<View
|
<View
|
||||||
|
|||||||
@@ -349,7 +349,7 @@ export default function Participants(props) {
|
|||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
{/* participants list */}
|
{/* participants list */}
|
||||||
<ScrollView className={styles["participants-list-scroll"]} scrollX>
|
<ScrollView refresherBackground="#FAFAFA" className={styles["participants-list-scroll"]} scrollX>
|
||||||
<View
|
<View
|
||||||
className={styles["participants-list-scroll-content"]}
|
className={styles["participants-list-scroll-content"]}
|
||||||
style={{
|
style={{
|
||||||
|
|||||||
@@ -183,7 +183,7 @@ const TermsPage: React.FC = () => {
|
|||||||
|
|
||||||
|
|
||||||
{/* 主要内容 */}
|
{/* 主要内容 */}
|
||||||
<ScrollView className="terms_main_content" scrollY>
|
<ScrollView className="terms_main_content" refresherBackground="#FAFAFA" scrollY>
|
||||||
{/* 条款标题 */}
|
{/* 条款标题 */}
|
||||||
<View className="terms_title">
|
<View className="terms_title">
|
||||||
{termsTitle}
|
{termsTitle}
|
||||||
|
|||||||
@@ -123,6 +123,8 @@ const ListPageContent: React.FC<ListPageContentProps> = ({
|
|||||||
// ScrollView 滚动处理
|
// ScrollView 滚动处理
|
||||||
const handleScrollViewScroll = useCallback(
|
const handleScrollViewScroll = useCallback(
|
||||||
(e: any) => {
|
(e: any) => {
|
||||||
|
|
||||||
|
|
||||||
const currentScrollTop = e?.detail?.scrollTop || 0;
|
const currentScrollTop = e?.detail?.scrollTop || 0;
|
||||||
const lastScrollTop = lastScrollTopRef.current;
|
const lastScrollTop = lastScrollTopRef.current;
|
||||||
const currentTime = Date.now();
|
const currentTime = Date.now();
|
||||||
@@ -252,6 +254,8 @@ const ListPageContent: React.FC<ListPageContentProps> = ({
|
|||||||
};
|
};
|
||||||
|
|
||||||
const handleRefresh = async () => {
|
const handleRefresh = async () => {
|
||||||
|
|
||||||
|
|
||||||
setRefreshing(true);
|
setRefreshing(true);
|
||||||
try {
|
try {
|
||||||
await refreshMatches();
|
await refreshMatches();
|
||||||
@@ -426,7 +430,7 @@ const ListPageContent: React.FC<ListPageContentProps> = ({
|
|||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
|
||||||
<ScrollView
|
<ScrollView refresherBackground="#FAFAFA"
|
||||||
ref={scrollViewRef}
|
ref={scrollViewRef}
|
||||||
scrollY
|
scrollY
|
||||||
scrollTop={scrollTop}
|
scrollTop={scrollTop}
|
||||||
|
|||||||
@@ -74,6 +74,7 @@
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
|
|||||||
@@ -150,7 +150,7 @@ const MyselfPageContent: React.FC = () => {
|
|||||||
// };
|
// };
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ScrollView scrollY className={styles.myselfPage}>
|
<ScrollView scrollY refresherBackground="#FAFAFA" className={styles.myselfPage}>
|
||||||
<View
|
<View
|
||||||
className={styles.myselfPageContentMain}
|
className={styles.myselfPageContentMain}
|
||||||
style={{ paddingTop: `${totalHeight}px` }}
|
style={{ paddingTop: `${totalHeight}px` }}
|
||||||
|
|||||||
@@ -18,7 +18,7 @@ useEffect(() => {
|
|||||||
return (
|
return (
|
||||||
<View className="terms_page">
|
<View className="terms_page">
|
||||||
{/* 主要内容 */}
|
{/* 主要内容 */}
|
||||||
<ScrollView className="football_rules_main_content" scrollY>
|
<ScrollView refresherBackground="#FAFAFA" className="football_rules_main_content" scrollY>
|
||||||
{/* 条款标题 */}
|
{/* 条款标题 */}
|
||||||
<View className="terms_title">
|
<View className="terms_title">
|
||||||
约球规则
|
约球规则
|
||||||
|
|||||||
@@ -262,7 +262,7 @@ const SelectStadium: React.FC<SelectStadiumProps> = ({
|
|||||||
<Loading type="circular" className='loading-icon'>加载中</Loading>
|
<Loading type="circular" className='loading-icon'>加载中</Loading>
|
||||||
</View>
|
</View>
|
||||||
) : (
|
) : (
|
||||||
<ScrollView className='stadium-list'
|
<ScrollView className='stadium-list' refresherBackground="#FAFAFA"
|
||||||
scrollWithAnimation
|
scrollWithAnimation
|
||||||
enhanced
|
enhanced
|
||||||
showScrollbar={false}
|
showScrollbar={false}
|
||||||
|
|||||||
@@ -174,7 +174,7 @@ const StadiumDetail = forwardRef<StadiumDetailRef, StadiumDetailProps>(({
|
|||||||
console.log(stadium,'stadiumstadium');
|
console.log(stadium,'stadiumstadium');
|
||||||
return (
|
return (
|
||||||
<View className='stadium-detail'>
|
<View className='stadium-detail'>
|
||||||
<ScrollView className='stadium-detail-scroll' scrollY={!openPicker}>
|
<ScrollView className='stadium-detail-scroll' refresherBackground="#FAFAFA" scrollY={!openPicker}>
|
||||||
{/* 已选球场 */}
|
{/* 已选球场 */}
|
||||||
<View
|
<View
|
||||||
className={`stadium-item`}
|
className={`stadium-item`}
|
||||||
|
|||||||
@@ -272,8 +272,8 @@ const MyselfPage: React.FC = () => {
|
|||||||
</View>
|
</View>
|
||||||
|
|
||||||
{/* 球局列表 */}
|
{/* 球局列表 */}
|
||||||
<View className="game_list_section">
|
<View className="game_list_section" >
|
||||||
<ScrollView scrollY>
|
<ScrollView scrollY refresherBackground="#FAFAFA">
|
||||||
<ListContainer
|
<ListContainer
|
||||||
data={game_records}
|
data={game_records}
|
||||||
recommendList={[]}
|
recommendList={[]}
|
||||||
|
|||||||
@@ -237,7 +237,7 @@ const OtherUserPage: React.FC = () => {
|
|||||||
// };
|
// };
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ScrollView scrollY className="other_user_page">
|
<ScrollView scrollY className="other_user_page" refresherBackground="#FAFAFA">
|
||||||
{/* <CustomNavbar>
|
{/* <CustomNavbar>
|
||||||
<View className="navbar_content">
|
<View className="navbar_content">
|
||||||
<View className="navbar_back" onClick={() => Taro.navigateBack()}>
|
<View className="navbar_back" onClick={() => Taro.navigateBack()}>
|
||||||
@@ -294,7 +294,7 @@ const OtherUserPage: React.FC = () => {
|
|||||||
|
|
||||||
{/* 球局列表 */}
|
{/* 球局列表 */}
|
||||||
{/* <View className="game_list_section"> */}
|
{/* <View className="game_list_section"> */}
|
||||||
<ScrollView scrollY>
|
<ScrollView scrollY refresherBackground="#FAFAFA">
|
||||||
<ListContainer
|
<ListContainer
|
||||||
data={game_records}
|
data={game_records}
|
||||||
recommendList={[]}
|
recommendList={[]}
|
||||||
@@ -337,7 +337,7 @@ const OtherUserPage: React.FC = () => {
|
|||||||
|
|
||||||
{/* 球局列表 */}
|
{/* 球局列表 */}
|
||||||
{/* <View className="game_list_section"> */}
|
{/* <View className="game_list_section"> */}
|
||||||
<ScrollView scrollY>
|
<ScrollView scrollY refresherBackground="#FAFAFA">
|
||||||
<ListContainer
|
<ListContainer
|
||||||
data={ended_game_records}
|
data={ended_game_records}
|
||||||
recommendList={[]}
|
recommendList={[]}
|
||||||
|
|||||||
Reference in New Issue
Block a user