From ee5860cd458905a643efc14f4b3bbef88bb4598a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E6=96=87=E6=B6=9B?= <1909118034@qq.com>
Date: Wed, 23 Apr 2025 22:40:42 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E8=AF=A6=E6=83=85(home)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/chapter.ts                 |  14 ++
 components/z-video/z-video.vue |  20 +--
 pages.json                     |   2 +-
 pages/index/index.vue          | 110 +++++++--------
 pagesA/course/detail.vue       | 100 ++++----------
 pagesA/my_order/list.vue       |   3 +
 unocss/a-hua-unocss/index.scss | 242 ++++++++++++++++-----------------
 7 files changed, 226 insertions(+), 265 deletions(-)
 create mode 100644 api/chapter.ts

diff --git a/api/chapter.ts b/api/chapter.ts
new file mode 100644
index 0000000..f5b34a5
--- /dev/null
+++ b/api/chapter.ts
@@ -0,0 +1,14 @@
+
+import { get, post, put, del } from '../utils/request';
+
+/*
+章节列表
+*/
+export const chapterList = (data : any) => get('v1/chapter/list', data);
+
+/*
+章节详情
+*/ 
+export const chapterInfo = (data : any) => get('v1/chapter/info', data);
+
+
diff --git a/components/z-video/z-video.vue b/components/z-video/z-video.vue
index fe58236..868a06e 100644
--- a/components/z-video/z-video.vue
+++ b/components/z-video/z-video.vue
@@ -4,19 +4,19 @@
 			:show-screen-lock-button="lockButton" :show-casting-button="showCasting" autoplay="true"
 			@fullscreenchange="fullscreenchange" @controlstoggle="controlstoggle">
 
-			<cover-view class="video-heizith-menu" @tap.stop="showSpeedOptions"
-				v-show="isShowControl">{{playbackRateItem == '1.0'?'倍数':playbackRateItem+'x'}}</cover-view>
-			<cover-view v-if="showSpeedModal" class="modal" @tap.stop="hideSpeedOptions">
-				<cover-view class="modal-content" @click.stop>
-					<cover-view class="modal-content-txt">
+			<view class="video-heizith-menu" @tap.stop="showSpeedOptions"
+				v-show="isShowControl">{{playbackRateItem == '1.0'?'倍数':playbackRateItem+'x'}}</view>
+			<view v-if="showSpeedModal" class="modal" @tap.stop="hideSpeedOptions">
+				<view class="modal-content" @click.stop>
+					<view class="modal-content-txt">
 						倍数
-					</cover-view>
-					<cover-view class="speed-option" v-for="(items,indexs) in playbackRateList" :key="indexs"
+					</view>
+					<view class="speed-option" v-for="(items,indexs) in playbackRateList" :key="indexs"
 						@tap.stop="changeSpeed" :data-rate="items" :class="{ active: items == playbackRateItem }">
 						{{ items }}X
-					</cover-view>
-				</cover-view>
-			</cover-view>
+					</view>
+				</view>
+			</view>
 
 		</video>
 	</view>
diff --git a/pages.json b/pages.json
index da52615..10545a4 100644
--- a/pages.json
+++ b/pages.json
@@ -300,7 +300,7 @@
 		"current": 0, // 当前激活的条件，默认为 0
 		"list": [{
 			"name": "", // 条件名称
-			"path": "pagesB/complaint/index", // 要打开的页面路径
+			"path": "", // 要打开的页面路径
 			"query": "" // 可选的页面参数
 		}]
 	}
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 8d814d5..b1ac938 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -38,8 +38,9 @@
 		</view>
 
 		<!-- grid -->
-		<view class="li-mt-15 ">
-			<wd-grid class="li-px-30" bg-color="transparent" :column="4" :clickable="true">
+		<view v-if="filteredGridList.length > 0" class="li-mt-15 ">
+			<wd-grid class="li-px-30" bg-color="transparent" :column="Math.max(1, filteredGridList.length)"
+				:clickable="true">
 				<wd-grid-item use-icon-slot use-text-slot v-for="(item,index) in filteredGridList" :key="index"
 					@itemclick="toPages({type:item.type})">
 					<template #icon>
@@ -69,20 +70,21 @@
 		<view class="li-w-88% li-mx-auto li-mt-30">
 			<text class="li-ml-35 li-text-30">常见问题解答</text>
 			<view class="li-bg-white li-rd-10 li-mt-20 li-px-25">
-				<view v-for="(item,index) in problemList" :key="index" @click="toPages({type:'course'})"
+				<view v-for="(item,index) in problemList" :key="index"
+					@click="toPages({type:'course',value:{chapter_id:item.chapter_id}})"
 					class="li-flex justify-between li-py-25 li-bottom-border">
 					<view class="li-w-70%">
-						<text class="li-text-28 li-text-#343333 li-two-line ">{{item.title}}</text>
+						<text class="li-text-28 li-text-#343333 li-two-line ">{{item.chapter_name}}</text>
 						<view class="li-flex items-center justify-between li-text-26 li-text-#B1B0B0  li-mt-20">
-							<text>{{item.time}}</text>
-							<view class="li-flex-center">
+							<text>{{item.create_time}}</text>
+							<!-- <view class="li-flex-center">
 								<text class="ri-eye-line li-text-26 li-mr-5"></text>
 								<text>{{item.viewCount}}</text>
-							</view>
+							</view> -->
 						</view>
 					</view>
 					<view>
-						<image class="li-w-130 li-h-130 li-rd-15" :src="item.image" mode="aspectFill"></image>
+						<image class="li-w-130 li-h-130 li-rd-15" :src="item.cover" mode="aspectFill"></image>
 					</view>
 				</view>
 			</view>
@@ -98,9 +100,9 @@
 			</view>
 		</view>
 		<!-- #endif -->
-		<view v-if="problemList?.length > 0">
+		<!-- 	<view v-if="problemList?.length > 0">
 			<wd-loadmore loading-text="努力加载中" finished-text="没有更多了" :state="state" @reload="loadmore" />
-		</view>
+		</view> -->
 	</view>
 </template>
 
@@ -110,21 +112,36 @@
 		menu
 	} from '@/api/login';
 	import {
-		newMessage, bannerList
+		newMessage,
+		bannerList
 	} from '@/api/message';
+
 	import {
-		ref, computed, provide
+		chapterList
+	} from "@/api/chapter"
+
+	import {
+		ref,
+		computed,
+		provide
 	} from 'vue'
-	import { onLoad, onReachBottom, onPullDownRefresh } from "@dcloudio/uni-app"
-	import { hasPermission, filterByPermission } from '@/utils/permission'
-	
+	import {
+		onLoad,
+		onReachBottom,
+		onPullDownRefresh
+	} from "@dcloudio/uni-app"
+	import {
+		hasPermission,
+		filterByPermission
+	} from '@/utils/permission'
+
 	const card_back = uni.$globalData?.RESOURCE_URL + 'home/card-back.png'
 	const keyword = ref('')
 	const messageCount = ref(0)
 	const current = ref(0)
 	const state = ref('loading')
 	const menuInfo = ref({})
-	
+
 	// 提供权限数据给子组件使用
 	provide('userPermissions', computed(() => menuInfo.value?.auth || []))
 
@@ -132,18 +149,15 @@
 	const filteredGridList = computed(() => {
 		return menuInfo.value?.auth ? filterByPermission(gridList.value, menuInfo.value.auth) : [];
 	});
-	
+
 	// 添加权限检查方法，便于模板中直接使用
 	const checkPermission = (type) => {
 		return hasPermission(type, menuInfo.value?.auth || []);
 	}
 
 	// 根据环境使用不同的图片路径
-	const swiperList = ref([
-		'/static/swiper/1.png',
-	])
-	const porcelainList = ref([
-		{
+	const swiperList = ref([])
+	const porcelainList = ref([{
 			image: uni.$globalData?.RESOURCE_URL + 'home/back1.png',
 			title: '我的工单',
 			desc: '工单一键处理',
@@ -210,8 +224,7 @@
 
 	])
 
-	const toDoList = ref([
-		{
+	const toDoList = ref([{
 			num: '30',
 			desc: '今日任务',
 		},
@@ -225,26 +238,12 @@
 		}
 	])
 
-	const problemList = ref([
-		// {
-		// 	image: '/static/swiper/1.png',
-		// 	title: '如何创建工单任务',
-		// 	time: '2025-06',
-		// 	viewCount: '200'
-		// },
-		// {
-		// 	image: '/static/swiper/1.png',
-		// 	title: '巡检任务审核说明',
-		// 	time: '2025-06',
-		// 	viewCount: '200'
-		// },
-		// {
-		// 	image: '/static/swiper/1.png',
-		// 	title: '物业员工催缴流程',
-		// 	time: '2025-06',
-		// 	viewCount: '200'
-		// }
-	])
+	const problemList = ref([])
+
+	const getChapterList = async () => {
+		var res = await chapterList()
+		problemList.value = res.data
+	}
 
 	const handleClick = (e) => {
 		console.log(e)
@@ -270,7 +269,7 @@
 			case 'course':
 				// 课程详情
 				uni.navigateTo({
-					url: '/pagesA/course/detail'
+					url: '/pagesA/course/detail?id=' + item.value.chapter_id
 				});
 				break;
 			case 'verification':
@@ -333,17 +332,15 @@
 	}
 
 	const getBannerList = () => {
-		const res = bannerList({ position: 2 })
+		const res = bannerList({
+			position: 2
+		})
 	}
 
 
-	const loadmore = (e) => {
-		console.log(e);
-	}
-
 	onReachBottom(() => {
 		// state.value = 'error'
-		state.value = 'finished'
+		// state.value = 'finished'
 	})
 
 	// 加载页面数据
@@ -352,8 +349,14 @@
 		const mess = await newMessage()
 		messageCount.value = mess.data.count
 		// 轮播加载
-		const banner = await bannerList({ position: 1 })
-		// swiperList.value = banner.data.map((item) => item.image)
+		const banner = await bannerList({
+			position: 1
+		})
+		if (banner.data.length > 0) {
+			swiperList.value = banner.data.map((item) => item.image)
+		} else {
+			swiperList.value.push('/static/swiper/1.png', )
+		}
 	})
 
 	// 获取用户权限
@@ -368,6 +371,7 @@
 	onLoad(() => {
 		loadData()
 		getMenu()
+		getChapterList()
 	})
 
 	onPullDownRefresh(() => {
diff --git a/pagesA/course/detail.vue b/pagesA/course/detail.vue
index 6268ca3..f49461f 100644
--- a/pagesA/course/detail.vue
+++ b/pagesA/course/detail.vue
@@ -1,101 +1,55 @@
 <template>
 	<view>
-		<wd-sticky :offset-top="0.01">
-			<zVideo url="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4" :isSpeed="isSpeed"
-				:showCasting="showCasting" :lockButton="lockButton">
+		<wd-sticky v-if="courseInfo?.url" :offset-top="0.01">
+			<zVideo :url="courseInfo?.url" :isSpeed="isSpeed" :showCasting="showCasting" :lockButton="lockButton">
 			</zVideo>
 		</wd-sticky>
 		<view class="li-flex-col li-m-30 li-bg-white">
-			<view class="li-text-32 li-text-#000000">
-				如何新建工单
+			<view v-if="courseInfo?.chapter_name" class="li-text-32 li-text-#000000">
+				{{courseInfo?.chapter_name}}
 			</view>
-			<view class="li-font-400 li-text-24 li-text-#595959 li-mt-10">
-				新建工单的作用与感悟
+			<view v-if="courseInfo?.author" class="li-font-400 li-text-24 li-text-#595959 li-mt-10">
+				{{courseInfo?.author}}
 			</view>
-			<view class="li-mt-30">
-				<rich-text :nodes="strings"></rich-text>
+			<view v-if="courseInfo?.content" class="li-mt-30">
+				<mp-html :content="courseInfo?.content" />
+				<!-- <rich-text :selectable='true' :preview='true' :nodes="courseInfo?.content" @itemclick="goImgDetials"></rich-text> -->
 			</view>
 		</view>
+
+
 	</view>
 </template>
 
 <script lang="ts" setup>
 	import zVideo from '@/components/z-video/z-video.vue';
+	import {
+		chapterInfo
+	} from "@/api/chapter"
 	import { ref } from 'vue'
+	import {
+		onLoad
+	} from "@dcloudio/uni-app"
+
 	//是否打开倍速功能
 	const isSpeed = ref<boolean>(true)
 	//是否显示投屏按钮
 	const showCasting = ref<boolean>(true)
 	//是否显示锁屏按钮
 	const lockButton = ref<boolean>(true)
+	const courseInfo = ref<object>({})
 
-	const strings = `![流程图标] <span style="color: #2E86C1; font-weight: bold;">一、工单提交</span>
-1. 多渠道受理
-业主可通过以下方式发起工单：
-▸ 线上渠道：物业APP/微信公众号-「报事报修」模块
-▸ 电话申报：24小时服务热线（400-XXX-XXXX）
-▸ 现场登记：物业服务中心前台（8:30-18:30）
+	const getChapterInfo = async (id) => {
+		var res = await chapterInfo({ chapter_id: id })
+		courseInfo.value = res.data
+	}
 
-2. 信息完整性
-需包含：
-✓ 问题类型（水电/设施/环境等）
-✓ 具体位置（楼栋-单元-房号）
-✓ 现场照片/视频（建议上传）
-✓ 紧急程度（普通/加急/特急）
 
-![分类图标] <span style="color: #28B463; font-weight: bold;">二、工单分类派发</span>
-智能分派系统
-
-系统自动识别：
-▶ 水电类→工程部（红色标签）
-▶ 保洁类→环境组（绿色标签）
-▶ 安保类→秩序部（蓝色标签）
-
-人工复核机制：
-
-值班主管15分钟内确认分派合理性
-
-跨部门工单需标注协同处理要求
-
-响应时效标准：
-🔔 特急工单（如爆管断电）→10分钟响应
-🔔 加急工单（如电梯故障）→30分钟响应
-🔔 普通工单→2小时内响应
-![处理图标] <span style="color: #D35400; font-weight: bold;">三、现场处理规范</span>
-1. 服务标准
-
-维修人员佩戴记录仪上岗
-
-入户前穿戴鞋套/出示工牌
-
-现场评估后告知预计处理时间
-
-2. 过程记录
-📝 系统实时上传：
-
-维修前/中/后对比照片
-
-更换配件型号及品牌
-
-业主签字确认单（电子/纸质）
-
-![验收图标] <span style="color: #8E44AD; font-weight: bold;">四、工单验收闭环</span>
-三级验收机制：
-
-业主满意度评分（1-5星）
-
-品质部24小时内电话回访
-
-月度抽取20%工单现场复检
-
-数据应用：
-📊 生成《服务响应分析报表》
-📊 纳入供应商考核指标体系
-
-温馨提示：工单全程可通过「服务进度查询」功能实时追踪，重大复杂问题启动<mark>联席会议制度</mark>，确保48小时内出具解决方案。
-`
+	onLoad((options) => {
+		getChapterInfo(options?.id)
+	})
 </script>
 
 <style lang="scss">
-	
+
 </style>
\ No newline at end of file
diff --git a/pagesA/my_order/list.vue b/pagesA/my_order/list.vue
index f8bac8c..d6e12c5 100644
--- a/pagesA/my_order/list.vue
+++ b/pagesA/my_order/list.vue
@@ -120,6 +120,9 @@
 		if (options.type) {
 			activeTab.value = Number(options.type)
 			handleStatusChange(Number(options.status))
+		}else{
+			activeTab.value = 0
+			handleStatusChange('ALL')
 		}
 	})
 
diff --git a/unocss/a-hua-unocss/index.scss b/unocss/a-hua-unocss/index.scss
index f7951fd..47e372b 100644
--- a/unocss/a-hua-unocss/index.scss
+++ b/unocss/a-hua-unocss/index.scss
@@ -1,50 +1,31 @@
 
+.li-items-center{align-items:center}
+.li-items-center{align-items:center}
+.items-center{align-items:center}
+.li-justify-center{justify-content:center}
+.justify-end{justify-content:end}
+.li-justify-center{justify-content:center}
+.justify-center{justify-content:center}
+.li-justify-between{justify-content:space-between}
+.li-justify-between{justify-content:space-between}
+.justify-between{justify-content:space-between}
 .li-bg-white{background-color:rgb(255,255,255)}
 .li-flex{display:flex}
 .li-flex-col{flex-direction:column}
-.li-font-550{font-weight:550}
 .li-h-130{height:130rpx}
-.li-h-68{height:68rpx}
-.li-items-center{align-items:center}
-.li-justify-between{justify-content:space-between}
-.li-justify-center{justify-content:center}
-.li-mt-100{margin-top:100rpx}
-.li-mt-28{margin-top:28rpx}
-.li-mt-32{margin-top:32rpx}
-.li-mt-90{margin-top:90rpx}
-.li-mx-10{margin-left:10rpx;margin-right:10rpx}
-.li-mx-auto{margin-left:auto;margin-right:auto}
-.li-pt-270{padding-top:270rpx}
-.li-rd-40{border-radius:40rpx}
-.li-text-000000-color{color:rgb(0,0,0)}
-.li-text-24{font-size:24rpx}
-.li-text-2EA1EA-color{color:rgb(46,161,234)}
-.li-text-38{font-size:38rpx}
-.li-text-a5a5a5-color{color:rgb(165,165,165)}
-.li-w-130{width:130rpx}
-.li-w-150{width:150rpx}
-.li-w-420{width:420rpx}
-.li-w-full-80{width:80%}
-.li-w-full-85{width:85%}
-.li-w-full-90{width:90%}
-.items-center{align-items:center}
-.justify-end{justify-content:end}
-.justify-center{justify-content:center}
-.justify-between{justify-content:space-between}
-.li-flex-center{display:flex;align-items:center;justify-content:center}
 .li-h-160{height:160rpx}
 .li-h-58{height:58rpx}
 .li-justify-around{justify-content:space-around}
 .li-ml-22{margin-left:22rpx}
 .li-ml-25{margin-left:25rpx}
 .li-ml-35{margin-left:35rpx}
-.li-mr-5{margin-right:5rpx}
 .li-mt-10{margin-top:10rpx}
 .li-mt-12{margin-top:12rpx}
 .li-mt-14{margin-top:14rpx}
 .li-mt-15{margin-top:15rpx}
 .li-mt-20{margin-top:20rpx}
 .li-mt-30{margin-top:30rpx}
+.li-mx-auto{margin-left:auto;margin-right:auto}
 .li-px-25{padding-left:25rpx;padding-right:25rpx}
 .li-px-30{padding-left:30rpx;padding-right:30rpx}
 .li-px-40{padding-left:40rpx;padding-right:40rpx}
@@ -59,30 +40,17 @@
 .li-text-343333-color{color:rgb(52,51,51)}
 .li-text-AFB2B8-color{color:rgb(175,178,184)}
 .li-text-B1B0B0-color{color:rgb(177,176,176)}
+.li-w-130{width:130rpx}
 .li-w-310{width:310rpx}
 .li-w-58{width:58rpx}
 .li-w-full-70{width:70%}
 .li-w-full-88{width:88%}
-.li-h-100{height:100rpx}
-.li-ml-20{margin-left:20rpx}
-.li-ml-200{margin-left:200rpx}
-.li-ml-30{margin-left:30rpx}
-.li-mr-10{margin-right:10rpx}
-.li-mr-30{margin-right:30rpx}
-.li-mt-300-important{margin-top:300rpx !important}
-.li-pt-2{padding-top:2rpx}
-.li-py-20{padding-top:20rpx;padding-bottom:20rpx}
-.li-rd-full-50{border-radius:50%}
-.li-text-25{font-size:25rpx}
-.li-text-35{font-size:35rpx}
-.li-text-42{font-size:42rpx}
-.li-text-46{font-size:46rpx}
-.li-w-100{width:100rpx}
 .bg-0070F0{background-color:rgb(0,112,240)}
 .bg-f9f9f9{background-color:rgb(249,249,249)}
 .bg-FFFFFF{background-color:rgb(255,255,255)}
 .border-4-white{border-style:solid;border-color:rgb(255,255,255);border-width:4rpx}
 .li-font-bold{font-weight:bold}
+.li-h-100{height:100rpx}
 .li-h-240{height:240rpx}
 .li-h-250{height:250rpx}
 .li-h-50{height:50rpx}
@@ -103,12 +71,17 @@
 .li-pb-20{padding-bottom:20rpx}
 .li-pt-20{padding-top:20rpx}
 .li-pt-8{padding-top:8rpx}
+.li-py-20{padding-top:20rpx;padding-bottom:20rpx}
 .li-rd-20{border-radius:20rpx}
+.li-rd-full-50{border-radius:50%}
 .li-rd-tl-30-important{border-top-left-radius:30rpx !important}
 .li-rd-tr-30-important{border-top-right-radius:30rpx !important}
+.li-text-000000-color{color:rgb(0,0,0)}
 .li-text-19171B-color{color:rgb(25,23,27)}
 .li-text-20{font-size:20rpx}
+.li-text-24{font-size:24rpx}
 .li-text-32{font-size:32rpx}
+.li-text-38{font-size:38rpx}
 .li-text-706e70-color{color:rgb(112,110,112)}
 .li-text-B2B2B2-color{color:rgb(178,178,178)}
 .li-text-BBBDDA-color{color:rgb(187,189,218)}
@@ -116,16 +89,35 @@
 .li-text-F8C883-color{color:rgb(248,200,131)}
 .li-text-FFFFFF-color{color:rgb(255,255,255)}
 .li-text-b1bbc7-color{color:rgb(177,187,199)}
+.li-w-100{width:100rpx}
 .li-w-240{width:240rpx}
 .li-w-50{width:50rpx}
 .li-w-60{width:60rpx}
 .li-w-full-94{width:94%}
+.li-font-550{font-weight:550}
+.li-h-68{height:68rpx}
+.li-mt-100{margin-top:100rpx}
+.li-mt-28{margin-top:28rpx}
+.li-mt-32{margin-top:32rpx}
+.li-mt-90{margin-top:90rpx}
+.li-mx-10{margin-left:10rpx;margin-right:10rpx}
+.li-pt-270{padding-top:270rpx}
+.li-rd-40{border-radius:40rpx}
+.li-text-2EA1EA-color{color:rgb(46,161,234)}
+.li-text-a5a5a5-color{color:rgb(165,165,165)}
+.li-w-150{width:150rpx}
+.li-w-420{width:420rpx}
+.li-w-full-80{width:80%}
+.li-w-full-85{width:85%}
+.li-w-full-90{width:90%}
 .li-h-110{height:110rpx}
 .li-items-start{align-items:start}
 .li-mb-12{margin-bottom:12rpx}
 .li-mb-20{margin-bottom:20rpx}
 .li-mb-8{margin-bottom:8rpx}
 .li-ml-15{margin-left:15rpx}
+.li-ml-20{margin-left:20rpx}
+.li-mr-10{margin-right:10rpx}
 .li-mr-12{margin-right:12rpx}
 .li-mr-3{margin-right:3rpx}
 .li-mr-6{margin-right:6rpx}
@@ -135,10 +127,12 @@
 .li-pl-20{padding-left:20rpx}
 .li-pl-30{padding-left:30rpx}
 .li-pr-30{padding-right:30rpx}
+.li-pt-2{padding-top:2rpx}
 .li-pt-30{padding-top:30rpx}
 .li-py-6{padding-top:6rpx;padding-bottom:6rpx}
 .li-text-009aff-color{color:rgb(0,154,255)}
 .li-text-40{font-size:40rpx}
+.li-text-42{font-size:42rpx}
 .li-text-55{font-size:55rpx}
 .li-text-5f5f5f-color{color:rgb(95,95,95)}
 .li-text-666-color{color:rgb(102,102,102)}
@@ -149,6 +143,15 @@
 .li-w-400{width:400rpx}
 .li-w-full-92{width:92%}
 .overflow-hidden{overflow:hidden}
+.li-flex-center{display:flex;align-items:center;justify-content:center}
+.li-ml-200{margin-left:200rpx}
+.li-ml-30{margin-left:30rpx}
+.li-mr-30{margin-right:30rpx}
+.li-mt-300-important{margin-top:300rpx !important}
+.li-text-25{font-size:25rpx}
+.li-text-35{font-size:35rpx}
+.li-text-46{font-size:46rpx}
+.li-mb-25{margin-bottom:25rpx}
 .li-ml-6{margin-left:6rpx}
 .li-p-15{padding:15rpx}
 .li-pb-15{padding-bottom:15rpx}
@@ -161,30 +164,25 @@
 .li-font-400{font-weight:400}
 .li-m-30{margin:30rpx}
 .li-text-595959-color{color:rgb(89,89,89)}
-.li-mb-25{margin-bottom:25rpx}
-.li-mb-30{margin-bottom:30rpx}
-.li-ml-10{margin-left:10rpx}
+.li-mt-100-important{margin-top:100rpx !important}
+.li-mt-8{margin-top:8rpx}
+.li-text-999-color{color:rgb(153,153,153)}
 .li-mr-200{margin-right:200rpx}
 .li-mr-4{margin-right:4rpx}
-.li-mt-100-important{margin-top:100rpx !important}
+.li-text-48{font-size:48rpx}
+.li-mb-30{margin-bottom:30rpx}
+.li-ml-10{margin-left:10rpx}
 .li-mt-4{margin-top:4rpx}
 .li-mt-50{margin-top:50rpx}
-.li-mt-8{margin-top:8rpx}
 .li-py-40{padding-top:40rpx;padding-bottom:40rpx}
 .li-text-0070F0-color{color:rgb(0,112,240)}
 .li-text-333-color{color:rgb(51,51,51)}
 .li-text-34{font-size:34rpx}
 .li-text-44{font-size:44rpx}
-.li-text-48{font-size:48rpx}
 .li-text-90{font-size:90rpx}
-.li-text-999-color{color:rgb(153,153,153)}
 .li-text-center{text-align:center}
 .li-text-white{color:rgb(255,255,255)}
 .li-w-500{width:500rpx}
-.li-mr-25{margin-right:25rpx}
-.li-h-90{height:90rpx}
-.li-text-47{font-size:47rpx}
-.li-w-90{width:90rpx}
 .li-border-b{border-style:solid;border-color:b;border-width:1rpx}
 .li-mb-10{margin-bottom:10rpx}
 .li-mb-15{margin-bottom:15rpx}
@@ -192,30 +190,38 @@
 .li-p-30{padding:30rpx}
 .li-py-30{padding-top:30rpx;padding-bottom:30rpx}
 .li-text-ff6b35-color{color:rgb(255,107,53)}
+.li-h-90{height:90rpx}
+.li-text-47{font-size:47rpx}
+.li-w-90{width:90rpx}
+.li-flex-1{flex:1}
+.li-flex-wrap{flex-wrap:wrap}
+.li-mt-25{margin-top:25rpx}
+.li-mt-5{margin-top:5rpx}
+.li-text-999999-color{color:rgb(153,153,153)}
+.li-w-160{width:160rpx}
+.li-mr-15{margin-right:15rpx}
+.li-my-10{margin-top:10rpx;margin-bottom:10rpx}
+.li-p-20{padding:20rpx}
+.li-px-20{padding-left:20rpx;padding-right:20rpx}
+.li-py-10{padding-top:10rpx;padding-bottom:10rpx}
+.li-py-60{padding-top:60rpx;padding-bottom:60rpx}
+.li-rd-8{border-radius:8rpx}
+.li-text-dddddd-color{color:rgb(221,221,221)}
+.li-text-ff9900-color{color:rgb(255,153,0)}
+.li-line-clamp-2{overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2}
+.li-w-full-96{width:96%}
 .li-block{display:block}
 .li-items-baseline{align-items:baseline}
-.li-mr-15{margin-right:15rpx}
-.li-mt-5{margin-top:5rpx}
 .li-opacity-100{undefined:1}
 .li-rd-12{border-radius:12rpx}
 .li-rd-16{border-radius:16rpx}
 .li-text-0a4696-color{color:rgb(10,70,150)}
-.li-flex-1{flex:1}
-.li-flex-wrap{flex-wrap:wrap}
-.li-line-clamp-2{overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2}
-.li-text-999999-color{color:rgb(153,153,153)}
-.li-w-160{width:160rpx}
-.li-w-full-96{width:96%}
-.li-mt-25{margin-top:25rpx}
 .li-mt-200{margin-top:200rpx}
 .li-pt-6{padding-top:6rpx}
 .li-mr-180{margin-right:180rpx}
 .li-opacity-80{undefined:0.8}
 .li-pb-40{padding-bottom:40rpx}
-.li-px-20{padding-left:20rpx;padding-right:20rpx}
-.li-py-10{padding-top:10rpx;padding-bottom:10rpx}
 .li-py-100{padding-top:100rpx;padding-bottom:100rpx}
-.li-py-60{padding-top:60rpx;padding-bottom:60rpx}
 .li-rd-30{border-radius:30rpx}
 .li-text-100{font-size:100rpx}
 .li-text-3e9bff-color{color:rgb(62,155,255)}
@@ -223,69 +229,49 @@
 .li-text-52c41a-color{color:rgb(82,196,26)}
 .li-text-ccc-color{color:rgb(204,204,204)}
 .li-text-ff4d4f-color{color:rgb(255,77,79)}
-
-.li-my-10{margin-top:10rpx;margin-bottom:10rpx}
-.li-p-20{padding:20rpx}
-.li-rd-8{border-radius:8rpx}
-.li-text-dddddd-color{color:rgb(221,221,221)}
-.li-text-ff9900-color{color:rgb(255,153,0)}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-.li-ml-20{margin-left:20rpx}
-.li-ml-30{margin-left:30rpx}
-.li-mr-30{margin-right:30rpx}
-.li-mt-300-important{margin-top:300rpx !important}
-.li-pt-2{padding-top:2rpx}
-.li-text-25{font-size:25rpx}
-.li-text-35{font-size:35rpx}
-.li-text-46{font-size:46rpx}
-
-.li-h-90{height:90rpx}
-.li-mr-6{margin-right:6rpx}
-.li-text-52{font-size:52rpx}
-.li-w-90{width:90rpx}
-
-.li-flex-1{flex:1}
-.li-flex-wrap{flex-wrap:wrap}
-.li-items-start{align-items:start}
-.li-line-clamp-2{overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2}
-.li-mb-10{margin-bottom:10rpx}
-.li-mb-15{margin-bottom:15rpx}
+.li-items-end{align-items:end}
 .li-mb-20{margin-bottom:20rpx}
-.li-pb-15{padding-bottom:15rpx}
-.li-pb-30{padding-bottom:30rpx}
-.li-pl-30{padding-left:30rpx}
+.li-mb-30{margin-bottom:30rpx}
+.li-mb-8{margin-bottom:8rpx}
+.li-ml-10{margin-left:10rpx}
+.li-ml-15{margin-left:15rpx}
+.li-ml-20{margin-left:20rpx}
+.li-mr-10{margin-right:10rpx}
+.li-mr-4{margin-right:4rpx}
+.li-mt-100{margin-top:100rpx}
+.li-mt-100-important{margin-top:100rpx !important}
+.li-mt-4{margin-top:4rpx}
+.li-mt-40{margin-top:40rpx}
+.li-mt-50{margin-top:50rpx}
+.li-mt-8{margin-top:8rpx}
+.li-pb-10{padding-bottom:10rpx}
+.li-py-40{padding-top:40rpx;padding-bottom:40rpx}
+.li-rd-20{border-radius:20rpx}
 .li-text-0070F0-color{color:rgb(0,112,240)}
+.li-text-009aff-color{color:rgb(0,154,255)}
 .li-text-333-color{color:rgb(51,51,51)}
 .li-text-34{font-size:34rpx}
-.li-text-999-color{color:rgb(153,153,153)}
-.li-text-999999-color{color:rgb(153,153,153)}
-.li-text-9a9a9a-color{color:rgb(154,154,154)}
-.li-text-center{text-align:center}
-.li-w-160{width:160rpx}
-.li-w-full-92{width:92%}
-.li-w-full-96{width:96%}
-
-.li-mb-30{margin-bottom:30rpx}
-.li-mr-15{margin-right:15rpx}
-.li-mt-200{margin-top:200rpx}
-.li-p-30{padding:30rpx}
-.li-pt-6{padding-top:6rpx}
 .li-text-36{font-size:36rpx}
-.li-text-40{font-size:40rpx}
-
-.li-mr-4{margin-right:4rpx}
+.li-text-42{font-size:42rpx}
+.li-text-44{font-size:44rpx}
+.li-text-55{font-size:55rpx}
 .li-text-666-color{color:rgb(102,102,102)}
+.li-text-70{font-size:70rpx}
+.li-text-90{font-size:90rpx}
+.li-text-999-color{color:rgb(153,153,153)}
+.li-text-center{text-align:center}
+.li-text-white{color:rgb(255,255,255)}
+.li-w-500{width:500rpx}
+.li-w-full-90{width:90%}
+.li-w-full-92{width:92%}
+
+.li-h-90{height:90rpx}
+.li-ml-30{margin-left:30rpx}
+.li-mr-6{margin-right:6rpx}
+.li-mt-300-important{margin-top:300rpx !important}
+.li-pt-2{padding-top:2rpx}
+.li-py-20{padding-top:20rpx;padding-bottom:20rpx}
+.li-text-25{font-size:25rpx}
+.li-text-52{font-size:52rpx}
+.li-w-90{width:90rpx}
+.li-w-full-80{width:80%}