This commit is contained in:
parent
00149a359b
commit
ea4bdceefc
|
|
@ -121,6 +121,15 @@
|
||||||
"navigationBarTitleText": "聊天详情"
|
"navigationBarTitleText": "聊天详情"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "warehousing/index",
|
||||||
|
"style": {
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationBarTextStyle": "black",
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"navigationBarTitleText": "入库页面"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "verification/index",
|
"path": "verification/index",
|
||||||
"style": {
|
"style": {
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@
|
||||||
<!-- #ifndef MP-WEIXIN -->
|
<!-- #ifndef MP-WEIXIN -->
|
||||||
<template #right>
|
<template #right>
|
||||||
<view class="li-flex-center li-mr-25">
|
<view class="li-flex-center li-mr-25">
|
||||||
<text @click="toPages({type:'verification'})" class="ri-qr-scan-2-line li-text-48"></text>
|
<text @click="toPages({type:'warehousing'})" class="ri-qr-scan-2-line li-text-48"></text>
|
||||||
<view @click="toPages({type:'message'})" class="li-ml-25 pt-10">
|
<view @click="toPages({type:'message'})" class="li-ml-25 pt-10">
|
||||||
<wd-badge :hidden="messageCount > 0 ? false:true" :modelValue="messageCount" top='15' right="-4"
|
<wd-badge :hidden="messageCount > 0 ? false:true" :modelValue="messageCount" top='15' right="-4"
|
||||||
:max='99'>
|
:max='99'>
|
||||||
|
|
@ -162,30 +162,21 @@
|
||||||
title: '问卷管理',
|
title: '问卷管理',
|
||||||
type: ''
|
type: ''
|
||||||
},
|
},
|
||||||
// #ifdef APP-PLUS || H5
|
|
||||||
{
|
{
|
||||||
image: uni.$globalData?.RESOURCE_URL + 'home/grid/fangyuan.png',
|
image: uni.$globalData?.RESOURCE_URL + 'home/grid/fangyuan.png',
|
||||||
title: '房源管理',
|
title: '房源管理',
|
||||||
type: ''
|
type: ''
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
image: uni.$globalData?.RESOURCE_URL + 'home/grid/chewei.png',
|
// image: uni.$globalData?.RESOURCE_URL + 'home/grid/chewei.png',
|
||||||
title: '车位管理',
|
// title: '车位管理',
|
||||||
type: ''
|
// type: ''
|
||||||
}
|
// },
|
||||||
// #endif
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
{
|
|
||||||
image: uni.$globalData?.RESOURCE_URL + 'home/grid/hexiao.png',
|
|
||||||
title: '核销入库',
|
|
||||||
type: 'verification'
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
image: uni.$globalData?.RESOURCE_URL + 'home/grid/xiaoxi.png',
|
image: uni.$globalData?.RESOURCE_URL + 'home/grid/xiaoxi.png',
|
||||||
title: '通知消息',
|
title: '商品核销',
|
||||||
type: 'message'
|
type: 'verification'
|
||||||
}
|
}
|
||||||
// #endif
|
|
||||||
|
|
||||||
])
|
])
|
||||||
|
|
||||||
|
|
@ -258,6 +249,12 @@
|
||||||
url: '/pagesA/verification/index'
|
url: '/pagesA/verification/index'
|
||||||
});
|
});
|
||||||
break;
|
break;
|
||||||
|
case 'warehousing':
|
||||||
|
// 入库
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pagesA/warehousing/index'
|
||||||
|
});
|
||||||
|
break;
|
||||||
case 'message':
|
case 'message':
|
||||||
// 消息夜
|
// 消息夜
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
|
|
@ -295,7 +292,7 @@
|
||||||
onLoad(() => {
|
onLoad(() => {
|
||||||
loadData()
|
loadData()
|
||||||
})
|
})
|
||||||
|
|
||||||
onPullDownRefresh(() => {
|
onPullDownRefresh(() => {
|
||||||
loadData()
|
loadData()
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,356 @@
|
||||||
|
<template>
|
||||||
|
<view class="verification-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>
|
||||||
|
<!-- #ifdef MP-WEIXIN -->
|
||||||
|
<template #right>
|
||||||
|
<view class="li-flex-center li-mr-200" @click="toVerificationHistory">
|
||||||
|
<text class="ri-history-line li-text-48"></text>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- #endif -->
|
||||||
|
<!-- #ifndef MP-WEIXIN -->
|
||||||
|
<template #right>
|
||||||
|
<view class="li-flex-center li-mr-25" @click="toVerificationHistory">
|
||||||
|
<text class="ri-history-line li-text-48"></text>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<!-- #endif -->
|
||||||
|
</wd-navbar>
|
||||||
|
<!-- 导航栏背景 -->
|
||||||
|
<view class="nav-bg-layer"></view>
|
||||||
|
|
||||||
|
<!-- 功能模式切换和连续核销开关 -->
|
||||||
|
<view class=" li-w-92% li-mx-auto li-flex li-justify-between li-items-center li-mt-20">
|
||||||
|
<wd-tabs v-model="activeMode" :sticky="false" :line-width="18" line-height="4" active-color="#0070F0">
|
||||||
|
<wd-tab title="入库核销"></wd-tab>
|
||||||
|
<wd-tab title="手动输入"></wd-tab>
|
||||||
|
</wd-tabs>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="li-w-90% li-mx-auto li-mt-50 li-flex li-items-center">
|
||||||
|
<wd-tooltip placement="bottom-start" content="开启后可以连续核销多个订单">
|
||||||
|
<view class="li-flex li-items-center li-mr-10">
|
||||||
|
<view class="li-mr-4 li-text-28 li-text-#666">连续核销</view>
|
||||||
|
<text class="ri-question-fill li-text-36 li-text-#666"></text>
|
||||||
|
</view>
|
||||||
|
</wd-tooltip>
|
||||||
|
<wd-switch v-model="continuousMode" active-color="#0070F0" size="24" />
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 功能区域 - 根据当前模式显示不同内容 -->
|
||||||
|
<view class="li-w-92% li-mx-auto li-mt-40">
|
||||||
|
<!-- 扫码模式 -->
|
||||||
|
<view v-if="activeMode === 0" class=" li-flex li-flex-col li-items-center">
|
||||||
|
<view class="scan-button-wrapper li-mt-50" @click="scanCode">
|
||||||
|
<view class="scan-button li-flex li-items-center li-justify-center">
|
||||||
|
<text class="ri-qr-scan-2-line li-text-90"></text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="li-text-30 li-text-#666 li-mt-30">点击扫描二维码入库核销</view>
|
||||||
|
<view class="li-text-24 li-text-#999 li-mt-10">{{continuousMode ? '连续核销模式已开启' : ''}}</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 手动输入模式 -->
|
||||||
|
<view v-else class="input-mode-container">
|
||||||
|
<view class="li-bg-white li-rd-20 li-px-30 li-py-40 li-shadow-sm li-mt-30">
|
||||||
|
<view class="li-text-32 li-mb-30 li-text-#333">请输入订单号</view>
|
||||||
|
<wd-input v-model="orderNumber" placeholder="请输入需要核销的订单号" clear-able />
|
||||||
|
<view class="li-flex li-justify-center li-mt-30">
|
||||||
|
<wd-button type="primary" @click="submitOrderNumber" block>立即核销</wd-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 连续核销模式下的结果展示区域 -->
|
||||||
|
<view v-if="verificationRecords.length > 0" class="verification-records li-w-92% li-mx-auto li-mt-40">
|
||||||
|
<view class="li-text-34 li-text-#333 li-mb-20">最近核销记录</view>
|
||||||
|
|
||||||
|
<view class="records-list">
|
||||||
|
<view v-for="(record, index) in verificationRecords" :key="index"
|
||||||
|
class="record-item li-flex li-items-center li-justify-between li-bg-white li-rd-20 li-px-30 li-py-25 li-mb-20 li-shadow-sm">
|
||||||
|
<view class="li-flex li-flex-col">
|
||||||
|
<view class="li-flex li-items-center">
|
||||||
|
<text class="ri-file-list-3-line li-mr-10 li-text-#0070F0"></text>
|
||||||
|
<text class="li-text-30">{{record.orderNumber}}</text>
|
||||||
|
</view>
|
||||||
|
<text class="li-text-24 li-text-#999 li-mt-8">{{record.time}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="status-badge" :class="[
|
||||||
|
record.status === 'success' ? 'status-success' :
|
||||||
|
record.status === 'fail' ? 'status-fail' : 'status-pending'
|
||||||
|
]">
|
||||||
|
{{record.status === 'success' ? '核销成功' :
|
||||||
|
record.status === 'fail' ? '核销失败' : '处理中'}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 空状态提示 -->
|
||||||
|
<view v-if="verificationRecords.length === 0"
|
||||||
|
class="empty-state li-w-92% li-mx-auto li-mt-60 li-flex li-flex-col li-items-center">
|
||||||
|
<text class="ri-inbox-line li-text-100 li-text-#ddd"></text>
|
||||||
|
<view class="li-text-30 li-text-#999 li-mt-20">暂无核销记录</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 顶部提示条（成功/失败消息提示） -->
|
||||||
|
<wd-toast />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, reactive } from 'vue'
|
||||||
|
import { onLoad } from '@dcloudio/uni-app'
|
||||||
|
import { useNavigation } from '@/hooks/useNavigation'
|
||||||
|
import { useToast } from '@/uni_modules/wot-design-uni'
|
||||||
|
const Toast = useToast()
|
||||||
|
// 使用导航 composable
|
||||||
|
const {
|
||||||
|
hasMultiplePages, // 是否有多个页面在路由栈中
|
||||||
|
isTabBarPage, // 当前页面是否为 tabBar 页面
|
||||||
|
checkRouteStack // 检查当前路由栈状态的方法
|
||||||
|
} = useNavigation()
|
||||||
|
|
||||||
|
// 模式选择
|
||||||
|
const activeMode = ref(0) // 0: 扫码模式, 1: 手动输入模式
|
||||||
|
const continuousMode = ref(false) // 是否开启连续核销模式
|
||||||
|
const orderNumber = ref('') // 手动输入的订单号
|
||||||
|
|
||||||
|
// 核销记录
|
||||||
|
const verificationRecords = ref([
|
||||||
|
// 示例数据，实际应为空数组
|
||||||
|
{
|
||||||
|
orderNumber: 'JD202503050001',
|
||||||
|
time: '2025-03-05 21:58:34',
|
||||||
|
status: 'success' // success, fail, pending
|
||||||
|
}
|
||||||
|
])
|
||||||
|
|
||||||
|
// 扫码核销
|
||||||
|
const scanCode = () => {
|
||||||
|
uni.scanCode({
|
||||||
|
success: (res) => {
|
||||||
|
handleVerification(res.result)
|
||||||
|
},
|
||||||
|
fail: (err) => {
|
||||||
|
Toast.error('扫码失败，请重试')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 提交订单号核销
|
||||||
|
const submitOrderNumber = () => {
|
||||||
|
if (!orderNumber.value) {
|
||||||
|
Toast.error('请输入订单号')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
handleVerification(orderNumber.value)
|
||||||
|
orderNumber.value = '' // 清空输入
|
||||||
|
}
|
||||||
|
|
||||||
|
// 处理核销逻辑
|
||||||
|
const handleVerification = (code : string) => {
|
||||||
|
// 模拟核销处理过程
|
||||||
|
// 实际项目中这里应该调用API进行核销
|
||||||
|
|
||||||
|
// 模拟API调用延迟
|
||||||
|
if (continuousMode.value) {
|
||||||
|
// 添加一条处理中的记录
|
||||||
|
const newRecord = {
|
||||||
|
orderNumber: code,
|
||||||
|
time: formatDateTime(new Date()),
|
||||||
|
status: 'pending'
|
||||||
|
}
|
||||||
|
verificationRecords.value.unshift(newRecord)
|
||||||
|
|
||||||
|
// 模拟API请求处理时间
|
||||||
|
setTimeout(() => {
|
||||||
|
// 模拟随机结果 (实际项目中应根据API响应决定)
|
||||||
|
const isSuccess = Math.random() > 0.2 // 80%概率成功
|
||||||
|
|
||||||
|
// 更新记录状态
|
||||||
|
const record = verificationRecords.value.find(r => r.orderNumber === code && r.status === 'pending')
|
||||||
|
if (record) {
|
||||||
|
record.status = isSuccess ? 'success' : 'fail'
|
||||||
|
}
|
||||||
|
|
||||||
|
// 显示结果提示
|
||||||
|
Toast[isSuccess ? 'success' : 'fail'](isSuccess ? '核销成功' : '核销失败')
|
||||||
|
}, 800)
|
||||||
|
} else {
|
||||||
|
// 非连续模式 - 直接跳转到详情页
|
||||||
|
Toast.loading('核销中...')
|
||||||
|
|
||||||
|
// 模拟API请求
|
||||||
|
setTimeout(() => {
|
||||||
|
Toast.close()
|
||||||
|
// 这里应该根据实际API响应决定是否跳转
|
||||||
|
// 模拟80%概率成功
|
||||||
|
if (Math.random() > 0.2) {
|
||||||
|
// 跳转到详情页，传递订单号参数
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pagesA/verification/detail?orderNumber=${code}`
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
Toast.error('核销失败，请重试')
|
||||||
|
}
|
||||||
|
}, 800)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 格式化日期时间
|
||||||
|
const formatDateTime = (date : Date) : string => {
|
||||||
|
const year = date.getFullYear()
|
||||||
|
const month = String(date.getMonth() + 1).padStart(2, '0')
|
||||||
|
const day = String(date.getDate()).padStart(2, '0')
|
||||||
|
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 `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
|
||||||
|
}
|
||||||
|
|
||||||
|
// 跳转到核销历史记录页面
|
||||||
|
const toVerificationHistory = () => {
|
||||||
|
// 这里应该跳转到历史记录页面
|
||||||
|
// 目前示例仅显示提示
|
||||||
|
Toast.info('查看历史记录')
|
||||||
|
// uni.navigateTo({
|
||||||
|
// url: '/pagesA/verification/history'
|
||||||
|
// })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 页面跳转
|
||||||
|
const toPages = (item : any) => {
|
||||||
|
if (item.type === 'nav') {
|
||||||
|
uni.navigateBack()
|
||||||
|
} else if (item.type === 'home') {
|
||||||
|
// 这里是项目内部的跳转逻辑
|
||||||
|
uni.switchTab({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onLoad(() => {
|
||||||
|
checkRouteStack()
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background-color: #f7f8fc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.verification-page {
|
||||||
|
|
||||||
|
// 导航背景层
|
||||||
|
.nav-bg-layer {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: calc(var(--status-bar-height) + 88rpx);
|
||||||
|
background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%);
|
||||||
|
z-index: -1;
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
-webkit-backdrop-filter: blur(10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 扫码功能区
|
||||||
|
.scan-button-wrapper {
|
||||||
|
width: 300rpx;
|
||||||
|
height: 300rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.scan-button {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: linear-gradient(135deg, #42a5ff 0%, #0070F0 100%);
|
||||||
|
border-radius: 50%;
|
||||||
|
box-shadow: 0 8rpx 30rpx rgba(56, 165, 255, 0.25);
|
||||||
|
color: white;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
transform: scale(0.95);
|
||||||
|
box-shadow: 0 4rpx 15rpx rgba(56, 165, 255, 0.2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: -10rpx;
|
||||||
|
left: -10rpx;
|
||||||
|
right: -10rpx;
|
||||||
|
bottom: -10rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 2rpx solid rgba(56, 165, 255, 0.2);
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 核销记录状态标签
|
||||||
|
.status-badge {
|
||||||
|
padding: 4rpx 20rpx;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
|
||||||
|
&.status-success {
|
||||||
|
color: #07c160;
|
||||||
|
background-color: rgba(7, 193, 96, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.status-fail {
|
||||||
|
color: #fa5151;
|
||||||
|
background-color: rgba(250, 81, 81, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.status-pending {
|
||||||
|
color: #f0ad4e;
|
||||||
|
background-color: rgba(240, 173, 78, 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 卡片阴影效果
|
||||||
|
.li-shadow-sm {
|
||||||
|
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 输入模式美化
|
||||||
|
.input-mode-container {
|
||||||
|
.wd-button {
|
||||||
|
border-radius: 10rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 底部区域间距
|
||||||
|
.empty-state {
|
||||||
|
padding-bottom: 40rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .wd-switch {
|
||||||
|
height: 50rpx !important;
|
||||||
|
width: 90rpx !important;
|
||||||
|
font-size: 22px !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,3 +1,226 @@
|
||||||
|
|
||||||
|
.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-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-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%}
|
||||||
|
.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-100{height:100rpx}
|
||||||
|
.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-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-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-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-mb-8{margin-bottom:8rpx}
|
||||||
|
.li-ml-15{margin-left:15rpx}
|
||||||
|
.li-ml-6{margin-left:6rpx}
|
||||||
|
.li-mr-10{margin-right:10rpx}
|
||||||
|
.li-mr-6{margin-right:6rpx}
|
||||||
|
.li-mt-300-important{margin-top:300rpx !important}
|
||||||
|
.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-333333-color{color:rgb(51,51,51)}
|
||||||
|
.li-text-36{font-size:36rpx}
|
||||||
|
.li-text-42{font-size:42rpx}
|
||||||
|
.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-ml-20{margin-left:20rpx}
|
||||||
|
.li-mr-12{margin-right:12rpx}
|
||||||
|
.li-mr-3{margin-right:3rpx}
|
||||||
|
.li-mr-30{margin-right:30rpx}
|
||||||
|
.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-2{padding-top:2rpx}
|
||||||
|
.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-text-666-color{color:rgb(102,102,102)}
|
||||||
|
.li-mb-30{margin-bottom:30rpx}
|
||||||
|
.li-mr-200{margin-right:200rpx}
|
||||||
|
.li-mr-4{margin-right: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-100{font-size:100rpx}
|
||||||
|
.li-text-333-color{color:rgb(51,51,51)}
|
||||||
|
.li-text-48{font-size:48rpx}
|
||||||
|
.li-text-90{font-size:90rpx}
|
||||||
|
.li-text-ddd-color{color:rgb(221,221,221)}
|
||||||
|
.li-mr-40{margin-right:40rpx}
|
||||||
|
.li-text-a3a3a3-color{color:rgb(163,163,163)}
|
||||||
|
.li-h-90{height:90rpx}
|
||||||
|
.li-ml-200{margin-left:200rpx}
|
||||||
|
.li-ml-30{margin-left:30rpx}
|
||||||
|
.li-text-25{font-size:25rpx}
|
||||||
|
.li-text-47{font-size:47rpx}
|
||||||
|
.li-w-90{width:90rpx}
|
||||||
|
.li-text-35{font-size:35rpx}
|
||||||
|
.li-text-46{font-size:46rpx}
|
||||||
|
|
||||||
|
.li-mb-20{margin-bottom:20rpx}
|
||||||
|
.li-mb-30{margin-bottom:30rpx}
|
||||||
|
.li-mb-8{margin-bottom:8rpx}
|
||||||
|
.li-ml-15{margin-left:15rpx}
|
||||||
|
.li-mr-10{margin-right:10rpx}
|
||||||
|
.li-mr-4{margin-right:4rpx}
|
||||||
|
.li-mt-40{margin-top:40rpx}
|
||||||
|
.li-mt-50{margin-top:50rpx}
|
||||||
|
.li-mt-60{margin-top:60rpx}
|
||||||
|
.li-mt-8{margin-top:8rpx}
|
||||||
|
.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-100{font-size:100rpx}
|
||||||
|
.li-text-32{font-size:32rpx}
|
||||||
|
.li-text-333-color{color:rgb(51,51,51)}
|
||||||
|
.li-text-34{font-size:34rpx}
|
||||||
|
.li-text-36{font-size:36rpx}
|
||||||
|
.li-text-42{font-size:42rpx}
|
||||||
|
.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-ddd-color{color:rgb(221,221,221)}
|
||||||
|
.li-w-full-90{width:90%}
|
||||||
|
.li-w-full-92{width:92%}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue