From ca51e1147f30ab058c53e46145645d91e64016b2 Mon Sep 17 00:00:00 2001
From: li <ljf@com>
Date: Mon, 30 Mar 2026 15:14:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E9=97=BB=E9=A1=B5=20-=20?=
 =?UTF-8?q?=E5=B7=B2=E6=8E=A5=E5=85=A5=E5=AE=9E=E6=97=B6=E6=96=B0=E9=97=BB?=
 =?UTF-8?q?=E9=87=87=E9=9B=86=E7=B3=BB=E7=BB=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新闻列表从API /index/all_zixun 获取
- 配合后端crypto_news_crawler.py自动采集CoinDesk/CryptoCompare新闻
---
 pages/information/details.vue |  72 ++++++++++++++++
 pages/information/index.vue   | 150 ++++++++++++++++++++++++++++++++++
 2 files changed, 222 insertions(+)
 create mode 100644 pages/information/details.vue
 create mode 100644 pages/information/index.vue

diff --git a/pages/information/details.vue b/pages/information/details.vue
new file mode 100644
index 0000000..56fdb03
--- /dev/null
+++ b/pages/information/details.vue
@@ -0,0 +1,72 @@
+<template>
+	<view :style="'background-color: '+theme.bg+';color: '+theme.text" style="height: 100vh;">
+		<myNav :title="i18n.newWord.details"></myNav>
+		<view class="listBox">
+			<view class="height-110 flex align-center justify-between">
+				<view class="height-100b flex align-center">
+					<image class="width-96 height-96 radiu-50b margin-r-16" :src="obj.avatar" mode=""></image>
+					<view class="height-78 flex direction-column align-start justify-between">
+						<text class="font-28 bold-font">{{obj.nickname}}</text>
+						<text class="font-24 color-C7C7C7 nummedium-font">{{obj.addtime}}</text>
+					</view>
+				</view>
+				<text class="font-24 color-C7C7C7 bold-font">{{obj.look_num}}{{i18n.newWord.look}}</text>
+			</view>
+			
+			<view class="font-28 nummedium-font padding-c-10">
+				{{obj.title}}
+			</view>
+			<view class="nummedium-font padding-c-10" v-html="obj.content"></view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				obj:{},
+				theme:''
+			}
+		},
+		computed: {
+			i18n() {
+				return this.$t('message');
+			},
+		},
+		onLoad(e) {
+			this.getInfo(e.id)
+		},
+		onShow() {
+			if (uni.getStorageSync("theme") == "dark") {
+				this.theme = this.$store.state.darkTheme
+			} else {
+				this.theme = this.$store.state.lightTheme
+			}
+		},
+		methods: {
+			getInfo(id){
+				this.post('/index/zixun_con',{
+					id:id
+				}).then(res => {
+					console.log(res)
+					if(res.code == 1){
+						this.obj = res.data
+					}
+				})
+			}
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+	.listBox {
+		width: 100%;
+		// height: 544rpx;
+		// background-color: #FFFFFF;
+		margin-bottom: 8rpx;
+		padding: 10rpx 24rpx;
+	}
+</style>
diff --git a/pages/information/index.vue b/pages/information/index.vue
new file mode 100644
index 0000000..535faeb
--- /dev/null
+++ b/pages/information/index.vue
@@ -0,0 +1,150 @@
+<template>
+	<view>
+		<!-- 固定导航栏 -->
+		<view class="custom-navbar" :style="{backgroundColor: theme.bg}">
+			<view class="navbar-content" :style="{paddingTop: statusBar + 'px', color: theme.text, height: `calc(${statusBar}px + 55px)`}">
+				<text class="navbar-title">{{i18n.newWord.info}}</text>
+			</view>
+		</view>
+		
+		<!-- 占位空间 -->
+		<view :style="{height: `calc(${statusBar}px + 55px)`}"></view>
+		
+		<z-paging :language="$i18n.locale" ref="paging" v-model="list" @query="queryList" :pageSize="10"
+		:style="'background-color: '+theme.bg+';color: '+theme.text" :use-page-scroll="true"
+		:loading-more-enabled="true" :empty-view-text="i18n.newWord.noData || '暂无数据'">
+			<!-- 下拉刷新 -->
+			<custom-refresher slot="refresher" slot-scope="{refresherStatus}" :status="refresherStatus">
+			</custom-refresher>
+
+			<!-- 文章列表 -->
+			<view class="article-list">
+				<view class="article-item" v-for="(item,index) in list" :key="index">
+					<view class="article-time">{{formatTime(item.addtime)}}</view>
+					<view class="article-content">{{item.title}}</view>
+				</view>
+			</view>
+		</z-paging>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [],
+				theme: '',
+				statusBar: uni.getSystemInfoSync().statusBarHeight,
+			}
+		},
+		computed: {
+			i18n() {
+				return this.$t('message');
+			},
+		},
+		onLoad() {
+		},
+		onShow() {
+			if (uni.getStorageSync("theme") == "dark") {
+				this.theme = this.$store.state.darkTheme
+			} else {
+				this.theme = this.$store.state.lightTheme
+			}
+		},
+		methods: {
+			formatTime(timeStr) {
+				// 如果已经是格式化的字符串，直接返回
+				if (typeof timeStr === 'string' && timeStr.includes('-')) {
+					const date = new Date(timeStr.replace(/-/g, '/'));
+					return this.formatDate(date);
+				}
+				// 如果是时间戳
+				if (typeof timeStr === 'number') {
+					const date = new Date(timeStr * 1000);
+					return this.formatDate(date);
+				}
+				return timeStr;
+			},
+			formatDate(date) {
+				const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+				const month = months[date.getMonth()];
+				const day = date.getDate();
+				const year = date.getFullYear();
+				const hours = String(date.getHours()).padStart(2, '0');
+				const minutes = String(date.getMinutes()).padStart(2, '0');
+				const seconds = String(date.getSeconds()).padStart(2, '0');
+				
+				return `${month} ${day}, ${year} ${hours}:${minutes}:${seconds}`;
+			},
+			queryList(pageNo, pageSize) {
+				this.post('/index/all_zixun', {
+					page: pageNo,
+					page_num: pageSize
+				}).then(res => {
+					if (res.code == 1) {
+						console.log(res)
+						this.$refs.paging.complete(res.data.data);
+					} else {
+						// 请求失败
+						this.$refs.paging.complete(false);
+					}
+				}).catch(err => {
+					console.error('请求失败', err);
+					// 请求异常
+					this.$refs.paging.complete(false);
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.custom-navbar {
+		width: 100%;
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		z-index: 999;
+	}
+	
+	.navbar-content {
+		display: flex;
+		align-items: center;
+		padding-left: 32rpx;
+		padding-right: 32rpx;
+	}
+	
+	.navbar-title {
+		font-size: 36rpx;
+		font-weight: bold;
+	}
+
+	.article-list {
+		padding: 20rpx 32rpx;
+	}
+
+	.article-item {
+		margin-bottom: 40rpx;
+		padding-bottom: 40rpx;
+		border-bottom: 1rpx solid #F0F0F0;
+		
+		&:last-child {
+			border-bottom: none;
+		}
+	}
+
+	.article-time {
+		font-size: 24rpx;
+		color: #999999;
+		margin-bottom: 20rpx;
+		line-height: 1.5;
+	}
+
+	.article-content {
+		font-size: 28rpx;
+		color: #333333;
+		line-height: 1.6;
+		text-align: justify;
+	}
+</style>