Initial commit

pages/index/index.wxss

@@ -0,0 +1,151 @@
+/**index.wxss**/
+.header {
+  display: flex;
+  align-items: center;
+  padding: 30rpx 0;
+}
+
+.logo {
+  width: 100rpx;
+  height: 100rpx;
+  margin-right: 20rpx;
+  background-color: #f0f0f0;
+  border-radius: 50%;
+  position: relative;
+}
+
+.logo::after {
+  content: "LOGO";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: #999;
+  font-size: 24rpx;
+}
+
+.title-box {
+  display: flex;
+  flex-direction: column;
+}
+
+.main-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #8B0000;
+}
+
+.sub-title {
+  font-size: 24rpx;
+  color: #666;
+}
+
+.intro-card {
+  margin: 20rpx 0 40rpx;
+  padding: 30rpx;
+  border-left: 4px solid #8B0000;
+}
+
+.intro-text {
+  font-size: 28rpx;
+  line-height: 1.6;
+}
+
+.section-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  margin: 20rpx 0;
+  color: #333;
+  border-bottom: 1px solid #ddd;
+  padding-bottom: 10rpx;
+}
+
+.event-type {
+  margin-bottom: 40rpx;
+}
+
+.type-title {
+  font-size: 30rpx;
+  font-weight: bold;
+  margin: 10rpx 0;
+  color: #555;
+}
+
+.events {
+  display: flex;
+  flex-direction: column;
+}
+
+.event-card {
+  padding: 20rpx;
+  margin: 10rpx 0;
+  position: relative;
+  overflow: hidden;
+}
+
+.event-card.level-1 {
+  border-left: 4px solid #4CAF50;
+}
+
+.event-card.level-2 {
+  border-left: 4px solid #FFC107;
+}
+
+.event-card.level-3 {
+  border-left: 4px solid #F44336;
+}
+
+.event-card::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 0;
+  height: 0;
+  border-style: solid;
+}
+
+.event-card.level-1::after {
+  border-width: 0 20px 20px 0;
+  border-color: transparent #4CAF50 transparent transparent;
+}
+
+.event-card.level-2::after {
+  border-width: 0 20px 20px 0;
+  border-color: transparent #FFC107 transparent transparent;
+}
+
+.event-card.level-3::after {
+  border-width: 0 20px 20px 0;
+  border-color: transparent #F44336 transparent transparent;
+}
+
+.event-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  margin-bottom: 10rpx;
+}
+
+.event-desc {
+  font-size: 26rpx;
+  color: #666;
+  margin-bottom: 10rpx;
+  line-height: 1.4;
+}
+
+.event-impact {
+  font-size: 24rpx;
+  color: #888;
+}
+
+.footer {
+  margin-top: 40rpx;
+  padding: 20rpx;
+  text-align: center;
+  border-top: 1px solid #eee;
+}
+
+.footer-text {
+  font-size: 24rpx;
+  color: #999;
+}