消息页
This commit is contained in:
parent
59061ffb42
commit
5fede814a7
3
App.vue
3
App.vue
|
|
@ -20,6 +20,7 @@
|
|||
// 监听消息
|
||||
pushListener()
|
||||
// #endif
|
||||
|
||||
console.log('App Launch')
|
||||
})
|
||||
</script>
|
||||
|
|
@ -86,4 +87,4 @@
|
|||
.li-top-border {
|
||||
border-top: solid 1px #eaeaea;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
|
|||
34
pages.json
34
pages.json
|
|
@ -1,5 +1,6 @@
|
|||
{
|
||||
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
|
||||
|
||||
{
|
||||
"path": "pages/index/index",
|
||||
"style": {
|
||||
|
|
@ -9,15 +10,6 @@
|
|||
"navigationBarTitleText": "首页"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/login/index",
|
||||
"style": {
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "登录页"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/message/index",
|
||||
"style": {
|
||||
|
|
@ -35,6 +27,15 @@
|
|||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "我的"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/login/index",
|
||||
"style": {
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "登录页"
|
||||
}
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
|
|
@ -110,15 +111,24 @@
|
|||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "聊天详情"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "verification/index",
|
||||
"style": {
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "核销详情"
|
||||
}
|
||||
}
|
||||
]
|
||||
}],
|
||||
"condition": {
|
||||
"current": 0, // 当前激活的条件,默认为 0
|
||||
"list": [{
|
||||
"name": "登录页", // 条件名称
|
||||
"path": "pagesA/chat/index", // 要打开的页面路径
|
||||
"name": "", // 条件名称
|
||||
"path": "pages/index/index", // 要打开的页面路径
|
||||
"query": "" // 可选的页面参数
|
||||
}]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,8 +11,8 @@
|
|||
<!-- #ifndef MP-WEIXIN -->
|
||||
<template #right>
|
||||
<view class="li-flex-center li-mr-25">
|
||||
<text class="ri-qr-scan-2-line li-text-48"></text>
|
||||
<view class="li-ml-25 pt-10" @click="switchPage()">
|
||||
<text @click="toPages({type:'verification'})" class="ri-qr-scan-2-line li-text-48"></text>
|
||||
<view class="li-ml-25 pt-10">
|
||||
<wd-badge :hidden="messageCount > 0 ? false:true" :modelValue="messageCount" top='15' right="-4"
|
||||
:max='99'>
|
||||
<text class="ri-notification-line li-text-48"></text>
|
||||
|
|
@ -122,7 +122,7 @@
|
|||
{
|
||||
image: uni.$globalData?.RESOURCE_URL + 'home/back1.png',
|
||||
title: '新建任务',
|
||||
desc: '新建巡检任务'
|
||||
desc: '新建工单任务'
|
||||
},
|
||||
{
|
||||
image: uni.$globalData?.RESOURCE_URL + 'home/back2.png',
|
||||
|
|
@ -142,21 +142,11 @@
|
|||
title: '访客邀请',
|
||||
type: ''
|
||||
},
|
||||
{
|
||||
image: uni.$globalData?.RESOURCE_URL + 'home/grid/chewei.png',
|
||||
title: '车位管理',
|
||||
type: ''
|
||||
},
|
||||
{
|
||||
image: uni.$globalData?.RESOURCE_URL + 'home/grid/cuijiao.png',
|
||||
title: '物业催缴',
|
||||
type: ''
|
||||
},
|
||||
{
|
||||
image: uni.$globalData?.RESOURCE_URL + 'home/grid/fangyuan.png',
|
||||
title: '房源管理',
|
||||
type: ''
|
||||
},
|
||||
{
|
||||
image: uni.$globalData?.RESOURCE_URL + 'home/grid/tousu.png',
|
||||
title: '投诉管理',
|
||||
|
|
@ -171,7 +161,32 @@
|
|||
image: uni.$globalData?.RESOURCE_URL + 'home/grid/wenjuan.png',
|
||||
title: '问卷管理',
|
||||
type: ''
|
||||
},
|
||||
// #ifdef APP-PLUS || H5
|
||||
{
|
||||
image: uni.$globalData?.RESOURCE_URL + 'home/grid/fangyuan.png',
|
||||
title: '房源管理',
|
||||
type: ''
|
||||
},
|
||||
{
|
||||
image: uni.$globalData?.RESOURCE_URL + 'home/grid/chewei.png',
|
||||
title: '车位管理',
|
||||
type: ''
|
||||
}
|
||||
// #endif
|
||||
// #ifdef MP-WEIXIN
|
||||
{
|
||||
image: uni.$globalData?.RESOURCE_URL + 'home/grid/hexiao.png',
|
||||
title: '核销入库',
|
||||
type: ''
|
||||
},
|
||||
{
|
||||
image: uni.$globalData?.RESOURCE_URL + 'home/grid/xiaoxi.png',
|
||||
title: '通知消息',
|
||||
type: ''
|
||||
}
|
||||
// #endif
|
||||
|
||||
])
|
||||
|
||||
const toDoList = ref([
|
||||
|
|
@ -213,6 +228,7 @@
|
|||
const handleClick = (e) => {
|
||||
console.log(e)
|
||||
}
|
||||
|
||||
const onChange = (e) => {
|
||||
console.log(e)
|
||||
}
|
||||
|
|
@ -236,18 +252,24 @@
|
|||
uni.navigateTo({
|
||||
url: '/pagesA/course/detail'
|
||||
});
|
||||
break;
|
||||
case 'verification':
|
||||
// 核销
|
||||
uni.navigateTo({
|
||||
url: '/pagesA/verification/index'
|
||||
});
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
const switchPage = () => {
|
||||
// 课程详情
|
||||
uni.switchTab({
|
||||
url: '/pages/message/index'
|
||||
});
|
||||
const getBannerList = () => {
|
||||
const res = bannerList({ position: 2 })
|
||||
|
||||
}
|
||||
|
||||
|
||||
const loadmore = (e) => {
|
||||
console.log(e);
|
||||
}
|
||||
|
|
@ -318,4 +340,4 @@
|
|||
border: none !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,8 @@
|
|||
safeAreaInsetTop fixed placeholder>
|
||||
<template #left>
|
||||
<view class="li-ml-15 li-mt-10 li-flex li-items-center">
|
||||
<text v-if="hasMultiplePages" class="ri-arrow-left-s-line li-text-70" @click="toPages({type:'nav'})"></text>
|
||||
<text v-if="hasMultiplePages" class="ri-arrow-left-s-line li-text-70"
|
||||
@click="toPages({type:'nav'})"></text>
|
||||
<text v-if="!hasMultiplePages" class="ri-home-5-line li-text-55 li-mb-8 li-mr-10"
|
||||
@click="toPages({type:'home'})"></text>
|
||||
<text class="li-text-42">工单详情</text>
|
||||
|
|
@ -132,7 +133,7 @@
|
|||
<wd-button :round="false" type="error">取消工单</wd-button>
|
||||
</view>
|
||||
<view class="li-ml-15">
|
||||
<wd-button :round="false" type="success">确认送达</wd-button>
|
||||
<wd-button :round="false">确认送达</wd-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -196,6 +197,11 @@
|
|||
delta: 1
|
||||
});
|
||||
break;
|
||||
case 'home':
|
||||
uni.switchTab({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,264 @@
|
|||
<template>
|
||||
<view class="li-message-page">
|
||||
<!-- 自定义导航栏 -->
|
||||
<wd-navbar :bordered="false"
|
||||
custom-style="background: transparent !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important;"
|
||||
safeAreaInsetTop fixed placeholder>
|
||||
<template #left>
|
||||
<view class="li-ml-15 li-mt-10 li-flex li-items-center">
|
||||
<text v-if="hasMultiplePages" class="ri-arrow-left-s-line li-text-70"
|
||||
@click="toPages({type:'nav'})"></text>
|
||||
<text v-if="!hasMultiplePages" class="ri-home-5-line li-text-55 li-mb-8 li-mr-10"
|
||||
@click="toPages({type:'home'})"></text>
|
||||
<text class="li-text-42">核销详情</text>
|
||||
</view>
|
||||
</template>
|
||||
</wd-navbar>
|
||||
<!-- 导航栏背景 -->
|
||||
<view class="nav-bg-layer"></view>
|
||||
<!-- card -->
|
||||
<view class="bg-#FFFFFF li-w-92% li-mx-auto li-rd-20 li-task-card li-pb-25 overflow-hidden li-mt-40">
|
||||
<view class="li-flex li-items-start li-justify-between bg-#f9f9f9">
|
||||
<view class="li-mb-20">
|
||||
<view class="li-flex li-items-center li-text-#5f5f5f li-pl-20 li-pt-20 li-text-28 li-mb-12">
|
||||
<text class="ri-todo-line li-mr-3"></text>
|
||||
<text>JD2424234324325</text>
|
||||
<text class="ri-file-copy-line li-text-#009aff li-ml-15"></text>
|
||||
</view>
|
||||
<text class="li-pl-20 li-text-28 li-text-#5f5f5f">创建时间: 2025-07-09</text>
|
||||
</view>
|
||||
<view class="li-text-28 !li-rd-bl-50 li-px-40 li-py-6"
|
||||
:style="{ color: getStatusColor(3), backgroundColor: getStatusBgColor(3) }">
|
||||
{{getStatusText(3)}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="li-flex li-items-start li-pt-20 li-pl-20">
|
||||
<!-- <view class="ri-checkbox-circle-fill li-text-#009aff li-mr-12 li-text-40 li-pt-2"></view> -->
|
||||
<!-- <text class="ri-close-circle-fill li-text-#ff0000"></text> -->
|
||||
<text class="ri-error-warning-fill li-text-#a3a3a3 li-mr-12 li-text-40 li-pt-2"></text>
|
||||
<view class="li-flex li-flex-col">
|
||||
<text class="li-text-32">{{getStatusText(3)}}</text>
|
||||
<text class="li-text-28">工单待入库,请确认入库</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- card -->
|
||||
<view class="bg-#FFFFFF li-w-92% li-mx-auto li-mt-20 li-rd-20 li-task-card li-pb-30 overflow-hidden">
|
||||
<view class="li-pl-30 li-pt-30">业主信息</view>
|
||||
<view class="li-pl-30 li-pr-30 li-mt-30">
|
||||
<view class="li-flex li-items-center li-justify-between li-text-28">
|
||||
<text class="li-w-150 li-text-#9a9a9a">业主姓名</text>
|
||||
<text class="li-w-400 li-single-line li-text-right">邓大仙儿</text>
|
||||
</view>
|
||||
<view class="li-flex li-items-center li-justify-between li-mt-30 li-text-28">
|
||||
<text class="li-w-150 li-text-#9a9a9a">联系方式</text>
|
||||
<view class="li-flex li-items-center li-w-400 li-single-line justify-between">
|
||||
<!-- 左侧留空 -->
|
||||
<view></view>
|
||||
<!-- 右侧内容 -->
|
||||
<view class="li-flex li-items-center">
|
||||
<text class="ri-phone-line li-text-#009aff li-mr-6"></text>
|
||||
<text>177****4485</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="li-flex li-items-start li-justify-between li-mt-30 li-text-28">
|
||||
<text class="li-w-150 li-text-#9a9a9a">配送地址</text>
|
||||
<text class="li-w-400 li-two-line li-text-right">中金北区17号楼一单元201室号</text>
|
||||
</view>
|
||||
<view class="li-flex li-items-start li-justify-between li-mt-30 li-text-28">
|
||||
<text class="li-w-150 li-text-#9a9a9a">商品备注</text>
|
||||
<text class="li-w-400 li-two-line li-text-right">放在门口即可</text>
|
||||
</view>
|
||||
<view class="li-flex li-items-start li-justify-between li-mt-30 li-text-28">
|
||||
<text class="li-w-150 li-text-#9a9a9a">商品信息</text>
|
||||
<view class="li-flex li-flex-col li-w-400 justify-end">
|
||||
<text class="li-two-line li-text-right">燕京 8度U8 500ML*12瓶/箱*2 送燕京9度菊花听500ML*12听</text>
|
||||
<!-- <text class="li-text-#009aff li-text-right">x2</text> -->
|
||||
<view class="li-flex justify-between li-items-center li-mt-20">
|
||||
<!-- 左侧留空 -->
|
||||
<view></view>
|
||||
<!-- 右侧内容 -->
|
||||
<view class="li-flex li-items-center">
|
||||
<image class="li-w-110 li-h-110 li-rd-10" src="../../static/swiper/1.png" mode="">
|
||||
</image>
|
||||
<image class="li-w-110 li-h-110 li-rd-10 li-ml-20" src="../../static/swiper/1.png"
|
||||
mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- card -->
|
||||
<!-- <view class="bg-#FFFFFF li-w-92% li-mx-auto li-mt-20 li-rd-20 li-task-card li-pb-30 overflow-hidden">
|
||||
<view class="li-pl-30 li-pt-30">员工信息</view>
|
||||
<view class="li-pl-30 li-pr-30 li-mt-30">
|
||||
<view class="li-flex li-items-center li-justify-between li-text-28">
|
||||
<text class="li-w-150 li-text-#9a9a9a">员工姓名</text>
|
||||
<text class="li-w-400 li-single-line li-text-right">张三丰</text>
|
||||
</view>
|
||||
<view class="li-flex li-items-center li-justify-between li-mt-30 li-text-28">
|
||||
<text class="li-w-150 li-text-#9a9a9a">联系方式</text>
|
||||
<text>135****6645</text>
|
||||
</view>
|
||||
<view class="li-flex li-items-start li-justify-between li-mt-30 li-text-28">
|
||||
<text class="li-w-150 li-text-#9a9a9a">工单描述</text>
|
||||
<text class="li-w-400 li-two-line li-text-right">敲门未应答,已按照业主要求放在门口</text>
|
||||
</view>
|
||||
<view class="li-flex li-items-start li-justify-between li-mt-30 li-text-28">
|
||||
<text class="li-w-150 li-text-#9a9a9a">附件上传</text>
|
||||
<view class="li-flex li-flex-col li-w-400 justify-end">
|
||||
<view class="li-flex justify-between li-items-center li-mt-20">
|
||||
<view></view>
|
||||
<view class="li-flex li-items-center">
|
||||
<image class="li-w-110 li-h-110 li-rd-10" src="../../static/logo.png" mode="">
|
||||
</image>
|
||||
<image class="li-w-110 li-h-110 li-rd-10 li-ml-20" src="../../static/logo.png" mode="">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- footer -->
|
||||
<view
|
||||
class="li-flex li-fixed li-bottom-0 li-bg-white li-w-100% li-items-center li-justify-between li-py-35 li-task-card li-rd-10">
|
||||
<!-- 左侧留空 -->
|
||||
<view></view>
|
||||
<view class="li-flex li-items-center li-mr-40">
|
||||
<view>
|
||||
<wd-button :round="false" type="info">继续录入</wd-button>
|
||||
</view>
|
||||
<view class="li-ml-15">
|
||||
<wd-button :round="false">确认入库</wd-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import { useNavigation } from '@/hooks/useNavigation'
|
||||
// 使用导航 composable
|
||||
const {
|
||||
hasMultiplePages, // 是否有多个页面在路由栈中
|
||||
isTabBarPage, // 当前页面是否为 tabBar 页面
|
||||
checkRouteStack // 检查当前路由栈状态的方法
|
||||
} = useNavigation()
|
||||
|
||||
onLoad(() => {
|
||||
checkRouteStack()
|
||||
})
|
||||
// 状态颜色配置
|
||||
const getStatusColor = (status : number) => {
|
||||
const colorMap = {
|
||||
1: '#ff9d00', // 待配送
|
||||
2: '#00b42a', // 已完成
|
||||
3: '#37A5FF', // 未入库
|
||||
4: '#F42429' // 已取消
|
||||
}
|
||||
return colorMap[status] || '#666666'
|
||||
}
|
||||
|
||||
// 状态背景色配置
|
||||
const getStatusBgColor = (status : number) => {
|
||||
const bgColorMap = {
|
||||
1: '#fff6e9', // 待配送
|
||||
2: '#e8ffea', // 已完成
|
||||
3: '#e8f4ff', // 未入库
|
||||
4: '#ffe8e8' // 已取消
|
||||
}
|
||||
return bgColorMap[status] || '#f5f5f5'
|
||||
}
|
||||
|
||||
// 状态文字配置
|
||||
const getStatusText = (status : number) => {
|
||||
const textMap = {
|
||||
1: '待配送',
|
||||
2: '已完成',
|
||||
3: '未入库',
|
||||
4: '已取消'
|
||||
}
|
||||
return textMap[status] || '未知状态'
|
||||
}
|
||||
|
||||
|
||||
|
||||
const toPages = (item : any) => {
|
||||
console.log(item);
|
||||
switch (item.type) {
|
||||
case 'nav':
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
break;
|
||||
case 'home':
|
||||
uni.switchTab({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
const handleAction = (action : string) => {
|
||||
console.log(action);
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.li-message-page {
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
background: linear-gradient(to bottom,
|
||||
rgba(217, 237, 255, 0.9) 0%,
|
||||
rgba(217, 237, 255, 0.9) 20%,
|
||||
rgba(207, 207, 207, 0.2) 40%,
|
||||
rgba(207, 207, 207, 0.2) 60%,
|
||||
rgba(207, 207, 207, 0.2) 80%,
|
||||
rgba(207, 207, 207, 0.2) 100%);
|
||||
background-attachment: fixed;
|
||||
/* #ifdef H5 */
|
||||
padding-bottom: 160rpx;
|
||||
/* #endif */
|
||||
/* #ifdef APP-PLUS */
|
||||
padding-bottom: 180rpx;
|
||||
/* #endif */
|
||||
/* #ifdef MP-WEIXIN */
|
||||
padding-bottom: 170rpx;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
|
||||
// 导航栏背景层
|
||||
.nav-bg-layer {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: var(--window-top);
|
||||
background: linear-gradient(to bottom,
|
||||
rgba(217, 237, 255, 0.95),
|
||||
rgba(217, 237, 255, 0.85));
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
z-index: 998;
|
||||
}
|
||||
|
||||
.li-task-card {
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
::v-deep .wd-button {
|
||||
width: 160rpx !important;
|
||||
height: 65rpx !important;
|
||||
min-width: 160rpx !important;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,211 +1,9 @@
|
|||
|
||||
.li-bg-white{background-color:rgb(255,255,255)}
|
||||
.li-flex{display:flex}
|
||||
.li-flex-center{display:flex;align-items:center;justify-content:center}
|
||||
.li-h-100{height:100rpx}
|
||||
.li-items-center{align-items:center}
|
||||
.li-justify-between{justify-content:space-between}
|
||||
.li-ml-20{margin-left:20rpx}
|
||||
.li-ml-25{margin-left:25rpx}
|
||||
.li-ml-30{margin-left:30rpx}
|
||||
.li-mr-10{margin-right:10rpx}
|
||||
.li-mr-25{margin-right:25rpx}
|
||||
.li-mr-30{margin-right:30rpx}
|
||||
.li-mt-10{margin-top:10rpx}
|
||||
.li-mt-20{margin-top:20rpx}
|
||||
.li-pt-2{padding-top:2rpx}
|
||||
.li-px-30{padding-left:30rpx;padding-right:30rpx}
|
||||
.li-py-20{padding-top:20rpx;padding-bottom:20rpx}
|
||||
.li-rd-full-50{border-radius:50%}
|
||||
.li-text-25{font-size:25rpx}
|
||||
.li-text-26{font-size:26rpx}
|
||||
.li-text-30{font-size:30rpx}
|
||||
.li-text-35{font-size:35rpx}
|
||||
.li-text-38{font-size:38rpx}
|
||||
.li-text-42{font-size:42rpx}
|
||||
.li-text-46{font-size:46rpx}
|
||||
.li-text-B1B0B0-color{color:rgb(177,176,176)}
|
||||
.li-w-100{width:100rpx}
|
||||
.li-w-full-80{width:80%}
|
||||
.li-items-center{align-items:center}
|
||||
|
||||
|
||||
.items-center{align-items:center}
|
||||
.items-center{align-items:center}
|
||||
.li-justify-center{justify-content:center}
|
||||
.justify-center{justify-content:center}
|
||||
.justify-between{justify-content:space-between}
|
||||
.justify-end{justify-content:end}
|
||||
.justify-center{justify-content:center}
|
||||
.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-center{display:flex;align-items:center;justify-content:center}
|
||||
.li-flex-col{flex-direction:column}
|
||||
.li-font-bold{font-weight:bold}
|
||||
.li-h-130{height:130rpx}
|
||||
.li-h-160{height:160rpx}
|
||||
.li-h-220{height:220rpx}
|
||||
.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-pt-15{padding-top:15rpx}
|
||||
.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}
|
||||
.li-px-50{padding-left:50rpx;padding-right:50rpx}
|
||||
.li-py-25{padding-top:25rpx;padding-bottom:25rpx}
|
||||
.li-rd-10{border-radius:10rpx}
|
||||
.li-rd-15{border-radius:15rpx}
|
||||
.li-text-010B3E-color{color:rgb(1,11,62)}
|
||||
.li-text-22{font-size:22rpx}
|
||||
.li-text-24{font-size:24rpx}
|
||||
.li-text-26{font-size:26rpx}
|
||||
.li-text-28{font-size:28rpx}
|
||||
.li-text-30{font-size:30rpx}
|
||||
.li-text-343333-color{color:rgb(52,51,51)}
|
||||
.li-text-43{font-size:43rpx}
|
||||
.li-text-AFB2B8-color{color:rgb(175,178,184)}
|
||||
.li-text-B1B0B0-color{color:rgb(177,176,176)}
|
||||
.li-text-F42429-color{color:rgb(244,36,41)}
|
||||
.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-font-550{font-weight:550}
|
||||
.li-h-68{height:68rpx}
|
||||
.li-mt-100{margin-top:100rpx}
|
||||
.li-mt-28{margin-top:28rpx}
|
||||
.li-mt-300{margin-top:300rpx}
|
||||
.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-000000-color{color:rgb(0,0,0)}
|
||||
.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-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-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-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-f9f9f9{background-color:rgb(249,249,249)}
|
||||
.bg-FFFFFF{background-color:rgb(255,255,255)}
|
||||
.bg-f9f9f9{background-color:rgb(249,249,249)}
|
||||
.border-4-white{border-style:solid;border-color:rgb(255,255,255);border-width:4rpx}
|
||||
.li-h-240{height:240rpx}
|
||||
.li-h-250{height:250rpx}
|
||||
.li-h-50{height:50rpx}
|
||||
.li-h-60{height:60rpx}
|
||||
.li-items-end{align-items:end}
|
||||
.li-justify-start{justify-content:start}
|
||||
.li-mb-2{margin-bottom:2rpx}
|
||||
.li-ml-4{margin-left:4rpx}
|
||||
.li-ml-50{margin-left:50rpx}
|
||||
.li-mr-20{margin-right:20rpx}
|
||||
.li-mr-50{margin-right:50rpx}
|
||||
.li-mt-26{margin-top:26rpx}
|
||||
.li-mt-6{margin-top:6rpx}
|
||||
.li-mt-60{margin-top:60rpx}
|
||||
.li-mx-20{margin-left:20rpx;margin-right:20rpx}
|
||||
.li-mx-40{margin-left:40rpx;margin-right:40rpx}
|
||||
.li-pb-10{padding-bottom:10rpx}
|
||||
.li-pb-14{padding-bottom:14rpx}
|
||||
.li-pb-20{padding-bottom:20rpx}
|
||||
.li-pt-20{padding-top:20rpx}
|
||||
.li-pt-8{padding-top:8rpx}
|
||||
.li-rd-20{border-radius:20rpx}
|
||||
.li-rd-tl-30-important{border-top-left-radius:30rpx !important}
|
||||
.li-rd-tr-30-important{border-top-right-radius:30rpx !important}
|
||||
.li-text-19171B-color{color:rgb(25,23,27)}
|
||||
.li-text-20{font-size:20rpx}
|
||||
.li-text-32{font-size:32rpx}
|
||||
.li-text-34{font-size:34rpx}
|
||||
.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)}
|
||||
.li-text-F2F7FD-color{color:rgb(242,247,253)}
|
||||
.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-240{width:240rpx}
|
||||
.li-w-50{width:50rpx}
|
||||
.li-w-60{width:60rpx}
|
||||
.li-w-full-94{width:94%}
|
||||
.li-mb-8{margin-bottom:8rpx}
|
||||
.li-ml-15{margin-left:15rpx}
|
||||
.li-ml-6{margin-left:6rpx}
|
||||
.li-mr-6{margin-right:6rpx}
|
||||
.li-p-15{padding:15rpx}
|
||||
.li-pb-15{padding-bottom:15rpx}
|
||||
.li-pb-30{padding-bottom:30rpx}
|
||||
.li-pt-25{padding-top:25rpx}
|
||||
.li-pt-4{padding-top:4rpx}
|
||||
.li-text-323232-color{color:rgb(50,50,50)}
|
||||
.li-text-333333-color{color:rgb(51,51,51)}
|
||||
.li-text-36{font-size:36rpx}
|
||||
.li-text-55{font-size:55rpx}
|
||||
.li-text-70{font-size:70rpx}
|
||||
.li-text-9a9a9a-color{color:rgb(154,154,154)}
|
||||
.li-text-ff0000-color{color:rgb(255,0,0)}
|
||||
.li-w-full-100{width:100%}
|
||||
.li-w-full-92{width:92%}
|
||||
.li-mb-25{margin-bottom:25rpx}
|
||||
.li-text-009aff-color{color:rgb(0,154,255)}
|
||||
.li-text-999-color{color:rgb(153,153,153)}
|
||||
.li-bottom-0{bottom:0}
|
||||
.li-fixed{position:fixed}
|
||||
.li-h-110{height:110rpx}
|
||||
.li-items-start{align-items:start}
|
||||
.li-mb-12{margin-bottom:12rpx}
|
||||
.li-mb-20{margin-bottom:20rpx}
|
||||
.li-mr-12{margin-right:12rpx}
|
||||
.li-mr-3{margin-right:3rpx}
|
||||
.li-mt-40{margin-top:40rpx}
|
||||
.li-pb-25{padding-bottom:25rpx}
|
||||
.li-pl-20{padding-left:20rpx}
|
||||
.li-pl-30{padding-left:30rpx}
|
||||
.li-pr-30{padding-right:30rpx}
|
||||
.li-pt-30{padding-top:30rpx}
|
||||
.li-py-35{padding-top:35rpx;padding-bottom:35rpx}
|
||||
.li-py-6{padding-top:6rpx;padding-bottom:6rpx}
|
||||
.li-rd-bl-50-important{border-bottom-left-radius:50rpx !important}
|
||||
.li-text-40{font-size:40rpx}
|
||||
.li-text-5f5f5f-color{color:rgb(95,95,95)}
|
||||
.li-text-right{text-align:right}
|
||||
.li-w-110{width:110rpx}
|
||||
.li-w-400{width:400rpx}
|
||||
.overflow-hidden{overflow:hidden}
|
||||
.li-font-400{font-weight:400}
|
||||
.li-m-30{margin:30rpx}
|
||||
.li-text-595959-color{color:rgb(89,89,89)}
|
||||
.li-flex-col{flex-direction:column}
|
||||
.li-font-bold{font-weight:bold}
|
||||
.li-h-130{height:130rpx}
|
||||
.li-h-160{height:160rpx}
|
||||
|
|
@ -218,23 +16,22 @@
|
|||
.li-mt-12{margin-top:12rpx}
|
||||
.li-mt-14{margin-top:14rpx}
|
||||
.li-mt-15{margin-top:15rpx}
|
||||
.li-mt-30{margin-top:30rpx}
|
||||
.li-mx-auto{margin-left:auto;margin-right:auto}
|
||||
.li-pt-15{padding-top:15rpx}
|
||||
.li-px-25{padding-left:25rpx;padding-right:25rpx}
|
||||
.li-px-40{padding-left:40rpx;padding-right:40rpx}
|
||||
.li-px-30{padding-left:30rpx;padding-right:30rpx}
|
||||
.li-px-50{padding-left:50rpx;padding-right:50rpx}
|
||||
.li-py-25{padding-top:25rpx;padding-bottom:25rpx}
|
||||
.li-rd-10{border-radius:10rpx}
|
||||
.li-rd-15{border-radius:15rpx}
|
||||
.li-text-010B3E-color{color:rgb(1,11,62)}
|
||||
.li-text-22{font-size:22rpx}
|
||||
.li-text-24{font-size:24rpx}
|
||||
.li-text-28{font-size:28rpx}
|
||||
.li-text-26{font-size:26rpx}
|
||||
.li-text-30{font-size:30rpx}
|
||||
.li-text-343333-color{color:rgb(52,51,51)}
|
||||
.li-text-43{font-size:43rpx}
|
||||
.li-text-48{font-size:48rpx}
|
||||
.li-text-AFB2B8-color{color:rgb(175,178,184)}
|
||||
.li-text-B1B0B0-color{color:rgb(177,176,176)}
|
||||
.li-text-F42429-color{color:rgb(244,36,41)}
|
||||
.li-w-130{width:130rpx}
|
||||
.li-w-310{width:310rpx}
|
||||
|
|
@ -243,23 +40,13 @@
|
|||
.li-w-full-88{width:88%}
|
||||
.pt-10{padding-top:10rpx}
|
||||
|
||||
.li-mb-8{margin-bottom:8rpx}
|
||||
.li-ml-15{margin-left:15rpx}
|
||||
.li-ml-6{margin-left:6rpx}
|
||||
.li-mr-6{margin-right:6rpx}
|
||||
.li-p-15{padding:15rpx}
|
||||
.li-pb-15{padding-bottom:15rpx}
|
||||
.li-pb-30{padding-bottom:30rpx}
|
||||
.li-pt-25{padding-top:25rpx}
|
||||
.li-pt-4{padding-top:4rpx}
|
||||
.li-text-32{font-size:32rpx}
|
||||
.li-text-323232-color{color:rgb(50,50,50)}
|
||||
.li-text-333333-color{color:rgb(51,51,51)}
|
||||
.li-text-36{font-size:36rpx}
|
||||
.li-text-55{font-size:55rpx}
|
||||
.li-text-70{font-size:70rpx}
|
||||
.li-text-9a9a9a-color{color:rgb(154,154,154)}
|
||||
.li-text-ff0000-color{color:rgb(255,0,0)}
|
||||
.li-w-full-100{width:100%}
|
||||
.li-w-full-92{width:92%}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue