diff --git a/pages.json b/pages.json index 7731c34..2817b05 100644 --- a/pages.json +++ b/pages.json @@ -140,11 +140,12 @@ } }, { - "path": "verification/detail", + "path": "verification/history", "style": { + "navigationStyle": "custom", "enablePullDownRefresh": false, "navigationBarTextStyle": "black", - "navigationBarTitleText": "核销详情" + "navigationBarTitleText": "核销历史记录" } }, { @@ -162,7 +163,7 @@ "current": 0, // 当前激活的条件,默认为 0 "list": [{ "name": "", // 条件名称 - "path": "pagesA/verification/index", // 要打开的页面路径 + "path": "pagesA/warehousing/index", // 要打开的页面路径 "query": "" // 可选的页面参数 }] } diff --git a/pages/index/index.vue b/pages/index/index.vue index 6c1b45e..e5a5397 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -86,7 +86,15 @@ - + + + + + + + + + @@ -347,4 +355,37 @@ border: none !important; margin: 0 !important; } + + .floating-button { + position: fixed; + bottom: 60rpx; + right: 40rpx; + width: 120rpx; + height: 120rpx; + border-radius: 50%; + background: linear-gradient(135deg, #42a5ff 0%, #0070F0 100%); + box-shadow: 0 8rpx 30rpx rgba(56, 165, 255, 0.25); + display: flex; + align-items: center; + justify-content: center; + animation: float 3s ease-in-out infinite; + + .button-inner { + color: white; + font-size: 60rpx; + padding-top: 10rpx; + } + } + + @keyframes float { + + 0%, + 100% { + transform: translateY(0); + } + + 50% { + transform: translateY(-10rpx); + } + } \ No newline at end of file diff --git a/pagesA/my_order/list.vue b/pagesA/my_order/list.vue index d7e0dc6..d0fb65d 100644 --- a/pagesA/my_order/list.vue +++ b/pagesA/my_order/list.vue @@ -72,6 +72,10 @@ + + + + diff --git a/pagesA/task_hall/list.vue b/pagesA/task_hall/list.vue index 8b3769f..94c2633 100644 --- a/pagesA/task_hall/list.vue +++ b/pagesA/task_hall/list.vue @@ -19,7 +19,7 @@ class="li-task-card li-bg-white li-mt-20 li-rd-15 li-pt-25 li-pb-30 li-px-30"> - + {{item.ticket_no}} diff --git a/pagesA/verification/detail.vue b/pagesA/verification/detail.vue deleted file mode 100644 index b6a0f5d..0000000 --- a/pagesA/verification/detail.vue +++ /dev/null @@ -1,264 +0,0 @@ - - - - - \ No newline at end of file diff --git a/pagesA/verification/history.vue b/pagesA/verification/history.vue new file mode 100644 index 0000000..c4d8f6a --- /dev/null +++ b/pagesA/verification/history.vue @@ -0,0 +1,224 @@ + + + + + \ No newline at end of file diff --git a/pagesA/verification/index.vue b/pagesA/verification/index.vue index 6269417..3249642 100644 --- a/pagesA/verification/index.vue +++ b/pagesA/verification/index.vue @@ -69,7 +69,7 @@ 请输入订单号 - 立即核销 + 立即核销 @@ -77,14 +77,14 @@ - 最近核销记录 + 最近核销记录 - + {{record.orderNumber}} {{record.time}} @@ -110,6 +110,59 @@ + + + + + + + 商品确认 + + + + + + + + x + 1 + + + + + + + + 商品名称: 示例商品 + + + + + 订单号: 123456789 + + + + + 入库时间: 2023-10-01 12:00 + + + + + 操作人: 张三 + + + + + 确认核销 + + + @@ -141,8 +194,16 @@ } ]) + const show9 = ref(false) + + const confirmProduct = () => { + show9.value = false + } + // 扫码核销 const scanCode = () => { + show9.value = true + return uni.scanCode({ success: (res) => { handleVerification(res.result) @@ -229,21 +290,25 @@ const toVerificationHistory = () => { // 这里应该跳转到历史记录页面 // 目前示例仅显示提示 - Toast.info('查看历史记录') - // uni.navigateTo({ - // url: '/pagesA/verification/history' - // }) + // 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' - }) + switch (item.type) { + case 'nav': + uni.navigateBack() + break; + case 'home': + uni.switchTab({ + url: '/pages/index/index' + }) + break; + default: + break; } } @@ -353,4 +418,46 @@ width: 90rpx !important; font-size: 22px !important; } + + .custom-shadow { + color: #ffffff !important; + background: linear-gradient(135deg, #42a5ff 0%, #0070F0 100%) !important; + } + + .custom-shadow1 { + color: #ffffff !important; + height: 85rpx !important; + background: linear-gradient(135deg, #42a5ff 0%, #0070F0 100%) !important; + } + + .product-confirm-popup { + .product-header { + padding: 20rpx 30rpx; + border-bottom: 1rpx solid #eee; + display: flex; + align-items: center; + justify-content: center; + } + + .product-content { + .product-info { + .info-item { + padding: 20rpx 0; // 调整元素间距 + border-bottom: 1rpx solid #eee; + + &:last-child { + border-bottom: none; + } + } + } + } + + .confirm-button { + position: absolute; + bottom: 30rpx; + left: 0; + right: 0; + padding: 0 30rpx; // 调整确认按钮位置和样式 + } + } \ No newline at end of file diff --git a/pagesA/warehousing/index.vue b/pagesA/warehousing/index.vue index 6269417..9379aaa 100644 --- a/pagesA/warehousing/index.vue +++ b/pagesA/warehousing/index.vue @@ -1,4 +1,5 @@ @@ -32,18 +33,18 @@ - + - + - + - 连续核销 + 连续入库 @@ -59,32 +60,33 @@ - 点击扫描二维码入库核销 - {{continuousMode ? '连续核销模式已开启' : ''}} + 点击扫描二维码入库 + {{continuousMode ? '连续入库模式已开启' : ''}} 请输入订单号 - + - 立即核销 + 立即入库 - + - 最近核销记录 + 最近入库记录 - + {{record.orderNumber}} {{record.time}} @@ -93,8 +95,8 @@ record.status === 'success' ? 'status-success' : record.status === 'fail' ? 'status-fail' : 'status-pending' ]"> - {{record.status === 'success' ? '核销成功' : - record.status === 'fail' ? '核销失败' : '处理中'}} + {{record.status === 'success' ? '入库成功' : + record.status === 'fail' ? '入库失败' : '处理中'}} @@ -104,12 +106,66 @@ - 暂无核销记录 + 暂无入库记录 + + + + + + + + 商品确认 + + + + + + + x + 1 + + + + + + + + 商品名称: 示例商品 + + + + + 订单号: 123456789 + + + + + 入库时间: 2023-10-01 12:00 + + + + + 操作人: 张三 + + + + + 确认入库 + + + + @@ -128,10 +184,10 @@ // 模式选择 const activeMode = ref(0) // 0: 扫码模式, 1: 手动输入模式 - const continuousMode = ref(false) // 是否开启连续核销模式 + const continuousMode = ref(false) // 是否开启连续入库模式 const orderNumber = ref('') // 手动输入的订单号 - // 核销记录 + // 入库记录 const verificationRecords = ref([ // 示例数据,实际应为空数组 { @@ -141,8 +197,12 @@ } ]) - // 扫码核销 + const show9 = ref(false) + + // 扫码入库 const scanCode = () => { + show9.value = true + return uni.scanCode({ success: (res) => { handleVerification(res.result) @@ -153,7 +213,11 @@ }) } - // 提交订单号核销 + const confirmProduct = () => { + show9.value = false + } + + // 提交订单号入库 const submitOrderNumber = () => { if (!orderNumber.value) { Toast.error('请输入订单号') @@ -163,10 +227,10 @@ orderNumber.value = '' // 清空输入 } - // 处理核销逻辑 + // 处理入库逻辑 const handleVerification = (code : string) => { - // 模拟核销处理过程 - // 实际项目中这里应该调用API进行核销 + // 模拟入库处理过程 + // 实际项目中这里应该调用API进行入库 // 模拟API调用延迟 if (continuousMode.value) { @@ -190,11 +254,11 @@ } // 显示结果提示 - Toast[isSuccess ? 'success' : 'fail'](isSuccess ? '核销成功' : '核销失败') + Toast[isSuccess ? 'success' : 'fail'](isSuccess ? '入库成功' : '入库失败') }, 800) } else { // 非连续模式 - 直接跳转到详情页 - Toast.loading('核销中...') + Toast.loading('入库中...') // 模拟API请求 setTimeout(() => { @@ -207,7 +271,7 @@ url: `/pagesA/verification/detail?orderNumber=${code}` }) } else { - Toast.error('核销失败,请重试') + Toast.error('入库失败,请重试') } }, 800) } @@ -225,14 +289,14 @@ return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}` } - // 跳转到核销历史记录页面 + // 跳转到入库历史记录页面 const toVerificationHistory = () => { // 这里应该跳转到历史记录页面 // 目前示例仅显示提示 - Toast.info('查看历史记录') - // uni.navigateTo({ - // url: '/pagesA/verification/history' - // }) + // Toast.info('查看历史记录') + uni.navigateTo({ + url: '/pagesA/verification/history' + }) } // 页面跳转 @@ -306,7 +370,7 @@ } } - // 核销记录状态标签 + // 入库记录状态标签 .status-badge { padding: 4rpx 20rpx; border-radius: 30rpx; @@ -353,4 +417,46 @@ width: 90rpx !important; font-size: 22px !important; } + + .custom-shadow { + color: #ffffff !important; + background: linear-gradient(135deg, #42a5ff 0%, #0070F0 100%) !important; + } + + .custom-shadow1 { + color: #ffffff !important; + height: 85rpx !important; + background: linear-gradient(135deg, #42a5ff 0%, #0070F0 100%) !important; + } + + .product-confirm-popup { + .product-header { + padding: 20rpx 30rpx; + border-bottom: 1rpx solid #eee; + display: flex; + align-items: center; + justify-content: center; + } + + .product-content { + .product-info { + .info-item { + padding: 20rpx 0; // 调整元素间距 + border-bottom: 1rpx solid #eee; + + &:last-child { + border-bottom: none; + } + } + } + } + + .confirm-button { + position: absolute; + bottom: 30rpx; + left: 0; + right: 0; + padding: 0 30rpx; // 调整确认按钮位置和样式 + } + } \ No newline at end of file diff --git a/unocss/a-hua-unocss/index.scss b/unocss/a-hua-unocss/index.scss index 6e31d75..28a2c5d 100644 --- a/unocss/a-hua-unocss/index.scss +++ b/unocss/a-hua-unocss/index.scss @@ -1,20 +1,58 @@ -.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-h-200{height:200rpx} +.li-items-center{align-items:center} +.li-justify-between{justify-content:space-between} +.li-justify-center{justify-content:center} +.li-mb-20{margin-bottom:20rpx} +.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-mr-10{margin-right:10rpx} +.li-mr-25{margin-right:25rpx} +.li-mr-4{margin-right:4rpx} +.li-mt-10{margin-top:10rpx} +.li-mt-20{margin-top:20rpx} +.li-mt-30{margin-top:30rpx} +.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-mx-auto{margin-left:auto;margin-right:auto} +.li-px-30{padding-left:30rpx;padding-right:30rpx} +.li-py-25{padding-top:25rpx;padding-bottom:25rpx} +.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-100{font-size:100rpx} +.li-text-24{font-size:24rpx} +.li-text-28{font-size:28rpx} +.li-text-30{font-size:30rpx} +.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-48{font-size:48rpx} +.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-200{width:200rpx} +.li-w-full-90{width:90%} +.li-w-full-92{width:92%} +.items-center{align-items:center} +.justify-end{justify-content:end} +.justify-center{justify-content:center} +.justify-between{justify-content:space-between} .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} @@ -23,59 +61,79 @@ .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} +.pt-10{padding-top:10rpx} +.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%} -.li-w-full-85{width:85%} -.li-w-full-90{width:90%} +.border-4-white{border-style:solid;border-color:rgb(255,255,255);border-width:4rpx} .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-ml-6{margin-left: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-333333-color{color:rgb(51,51,51)} +.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-h-110{height:110rpx} +.li-items-start{align-items:start} +.li-mb-12{margin-bottom:12rpx} +.li-mr-12{margin-right:12rpx} +.li-mr-3{margin-right:3rpx} +.li-mt-90{margin-top:90rpx} +.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-20{padding-top:20rpx} +.li-pt-30{padding-top:30rpx} +.li-py-6{padding-top:6rpx;padding-bottom:6rpx} +.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} +.li-w-full-85{width:85%} +.overflow-hidden{overflow:hidden} +.li-mb-25{margin-bottom:25rpx} .li-h-100{height:100rpx} +.li-mr-30{margin-right:30rpx} +.li-rd-full-50{border-radius:50%} +.li-text-35{font-size:35rpx} +.li-text-38{font-size:38rpx} +.li-text-46{font-size:46rpx} +.li-w-100{width:100rpx} + .li-h-240{height:240rpx} .li-h-250{height:250rpx} .li-h-50{height:50rpx} @@ -85,27 +143,20 @@ .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-000000-color{color:rgb(0,0,0)} .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)} @@ -113,114 +164,7 @@ .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%} - - -