From c4938f6f4e839890b032c75c7a57333a6a9157a9 Mon Sep 17 00:00:00 2001
From: peng <peng.com>
Date: 星期四, 06 十一月 2025 17:06:10 +0800
Subject: [PATCH] 添加新闻功能

---
 wx/pages/index/index.wxss |  204 +++++++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 199 insertions(+), 5 deletions(-)

diff --git a/wx/pages/index/index.wxss b/wx/pages/index/index.wxss
index 10ba3b4..21269e1 100644
--- a/wx/pages/index/index.wxss
+++ b/wx/pages/index/index.wxss
@@ -1,5 +1,83 @@
 /* pages/index/index.wxss */
 
+/* 椤甸潰澶撮儴鍒嗕韩鍖哄煙鏍峰紡 */
+.header-section {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20rpx;
+  background: #ffffff;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.page-title {
+  font-size: 36rpx;
+  font-weight: 700;
+  color: #0f172a;
+}
+
+.share-section {
+  display: flex;
+  align-items: center;
+}
+
+.share-btn {
+  display: flex;
+  align-items: center;
+  gap: 8rpx;
+  background: #007aff;
+  color: #ffffff;
+  border: none;
+  border-radius: 50rpx;
+  padding: 16rpx 24rpx;
+  font-size: 26rpx;
+  line-height: 1;
+}
+
+.share-btn::after {
+  border: none;
+}
+
+.share-btn:active {
+  background: #0056cc;
+}
+
+.share-icon {
+  font-size: 28rpx;
+}
+
+.share-text {
+  font-size: 26rpx;
+}
+
+/* 姣旇禌鍗＄墖鍒嗕韩鎸夐挳鏍峰紡 */
+.share-activity-btn {
+  width: 80rpx;
+  height: 60rpx;
+  background: #f8fafc;
+  border: 1rpx solid #e2e8f0;
+  border-radius: 12rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 16rpx;
+  padding: 0;
+  line-height: 1;
+}
+
+.share-activity-btn::after {
+  border: none;
+}
+
+.share-activity-btn:active {
+  background: #e2e8f0;
+}
+
+.share-icon-small {
+  font-size: 24rpx;
+  color: #64748b;
+}
+
 /* 鎼滅储鏍忔牱寮� */
 .search-bar {
   padding: 20rpx;
@@ -174,6 +252,109 @@
   color: #0f172a;
 }
 
+/* 鏂伴椈妯″潡鏍峰紡 */
+.news-section {
+  padding: 0 20rpx 20rpx;
+  background: #ffffff;
+  border-radius: 20rpx;
+  margin-bottom: 24rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
+}
+
+.news-card {
+  display: flex;
+  padding: 24rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+  transition: background-color 0.3s ease;
+}
+
+.news-card:last-child {
+  border-bottom: none;
+}
+
+.news-card:active {
+  background-color: #f8f9fa;
+}
+
+.news-content {
+  flex: 1;
+  min-width: 0;
+  padding-right: 20rpx;
+}
+
+.news-title {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #0f172a;
+  line-height: 1.4;
+  margin-bottom: 12rpx;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
+
+.news-summary {
+  font-size: 26rpx;
+  color: #64748b;
+  line-height: 1.5;
+  margin-bottom: 12rpx;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
+
+.news-meta {
+  display: flex;
+  align-items: center;
+  gap: 8rpx;
+}
+
+.author {
+  font-size: 22rpx;
+  color: #94a3b8;
+}
+
+.separator {
+  font-size: 22rpx;
+  color: #cbd5e1;
+}
+
+.time {
+  font-size: 22rpx;
+  color: #94a3b8;
+}
+
+.news-thumb {
+  width: 160rpx;
+  height: 120rpx;
+  flex-shrink: 0;
+  border-radius: 12rpx;
+  overflow: hidden;
+}
+
+.thumb-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.view-more {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24rpx;
+  color: #007aff;
+  font-size: 28rpx;
+  font-weight: 500;
+}
+
+.arrow {
+  margin-left: 8rpx;
+  font-size: 32rpx;
+}
+
 /* 绛涢�夋爮鏍峰紡 */
 .filter-bar {
   background: #ffffff;
@@ -257,17 +438,30 @@
   margin-bottom: 16rpx;
 }
 
+.btn-none {
+  box-shadow: none;
+  background-color: transparent;
+  line-height: inherit;
+  border-radius: 0;
+  margin: 0rpx;
+  margin-right: 0rpx !important;
+  padding: 0rpx;
+  outline: none;
+  font-weight: normal;
+  width: auto;
+}
+
 .ghost-btn {
   background: #E6F0FF;
   color: #007aff;
   font-size: 26rpx;
-  padding: 14rpx 0;
   border-radius: 999rpx;
-  line-height: 1;
+  width: 200rpx;
   border: none;
-  width: 140rpx;
-  text-align: center;
-  /* align-self 宸茬Щ闄わ紝鐢辩埗绾� .btn-row 鎺у埗瀵归綈 */
+}
+
+.ghost-btn::after {
+  border: none;
 }
 
 .ghost-btn:active {

--
Gitblit v1.8.0