From 832c51d9ecaaa422aec922d47028ec263df957ce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E6=96=87=E6=B6=9B?= <1909118034@qq.com> Date: Fri, 28 Mar 2025 23:22:39 +0800 Subject: [PATCH] =?UTF-8?q?=E5=85=A5=E5=BA=93=E6=A0=B8=E9=94=80=E5=AE=8C?= =?UTF-8?q?=E6=88=90=20=E9=82=80=E8=AF=B7=E4=B8=9A=E4=B8=BBUI=E7=BC=96?= =?UTF-8?q?=E5=86=99(home)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- api/ticket.ts | 2 +- pages.json | 11 +- pages/index/index.vue | 9 +- pagesA/invite/components/SharePopup.vue | 174 +++++++ pagesA/invite/index.vue | 454 ++++++++++++++++++ pagesA/verification/index.vue | 610 ++++++++++++++++++------ pagesA/warehousing/index.vue | 69 ++- unocss/a-hua-unocss/index.scss | 298 ++++++++++-- 8 files changed, 1420 insertions(+), 207 deletions(-) create mode 100644 pagesA/invite/components/SharePopup.vue create mode 100644 pagesA/invite/index.vue diff --git a/api/ticket.ts b/api/ticket.ts index fe4ac37..81688eb 100644 --- a/api/ticket.ts +++ b/api/ticket.ts @@ -16,7 +16,7 @@ export const myTicketInfo = (data : any = {}) => get('v1/ticket/my/info', data); export const scanCodeGet = (data : any = {}) => get('v1/scan/code/get', data); // 入库接口 export const orderStorageAct = (data : any) => post('v1/order/storage/act', data); -// 获取码信息 +// 核销接口 export const orderStorageVerify = (data : any) => post('v1/order/storage/verify', data); // 入库&核销记录 export const orderRecord = (data : any = {}) => get('v1/order/record', data); \ No newline at end of file diff --git a/pages.json b/pages.json index 448115b..211bceb 100644 --- a/pages.json +++ b/pages.json @@ -165,6 +165,15 @@ "navigationStyle": "custom", "navigationBarTitleText": "消息列表" } + }, + { + "path": "invite/index", + "style": { + "enablePullDownRefresh": true, + "navigationBarTextStyle": "black", + "navigationStyle": "custom", + "navigationBarTitleText": "邀请业主" + } } ] }], @@ -172,7 +181,7 @@ "current": 0, // 当前激活的条件，默认为 0 "list": [{ "name": "", // 条件名称 - "path": "pagesA/warehousing/index", // 要打开的页面路径 + "path": "pagesA/invite/index", // 要打开的页面路径 "query": "" // 可选的页面参数 }] } diff --git a/pages/index/index.vue b/pages/index/index.vue index e5a5397..400b36c 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -163,7 +163,7 @@ { image: uni.$globalData?.RESOURCE_URL + 'home/grid/yaoqing.png', title: '邀请业主', - type: '' + type: 'invite' }, { image: uni.$globalData?.RESOURCE_URL + 'home/grid/wenjuan.png', @@ -268,6 +268,13 @@ uni.navigateTo({ url: '/pagesA/message/index' }); + break; + case 'invite': + // 邀请业主 + uni.navigateTo({ + url: '/pagesA/invite/index' + }); + break; default: break; } diff --git a/pagesA/invite/components/SharePopup.vue b/pagesA/invite/components/SharePopup.vue new file mode 100644 index 0000000..bad51da --- /dev/null +++ b/pagesA/invite/components/SharePopup.vue @@ -0,0 +1,174 @@ + + + + + \ No newline at end of file diff --git a/pagesA/invite/index.vue b/pagesA/invite/index.vue new file mode 100644 index 0000000..4f5a9b8 --- /dev/null +++ b/pagesA/invite/index.vue @@ -0,0 +1,454 @@ + + + + + \ No newline at end of file diff --git a/pagesA/verification/index.vue b/pagesA/verification/index.vue index 3249642..e6716b5 100644 --- a/pagesA/verification/index.vue +++ b/pagesA/verification/index.vue @@ -1,4 +1,5 @@ @@ -35,12 +36,12 @@ - + - + 连续核销 @@ -55,21 +56,24 @@ - + + - 点击扫描二维码入库核销 + 点击扫描二维码核销 {{continuousMode ? '连续核销模式已开启' : ''}} - + 请输入订单号 - + - 立即核销 + 立即核销 @@ -77,7 +81,7 @@ - 最近核销记录 + 最近核销记录 - - - 暂无核销记录 + + + + + custom-style="height: auto; max-height: 80vh;"> - - 商品确认 + + 商品确认 ({{orderInfo?.product?.length}}件) - - - - - - - x - 1 + + + + + + + + + + + + + + 数量: + {{item.num}} + + 商品规格: {{item.spec_name}} + + + + + + + + 商品名称: {{item.product_name}} + + + + + + + + + + + + 订单号 + + + {{orderInfo.order_no}} + + + + + + 下单时间 + + + {{orderInfo.create_time}} + + + + + + 操作人 + + + {{userInfo.realname}} + + + + + + 负责仓库 + + + {{orderInfo.distribute_name}} + + + + + + 来源 + + + {{orderInfo.supplier_name}} + + + + + + 订单类型 + + + {{orderInfo.type==1?'普通订单':(orderInfo.type==2?'秒杀订单':'拼团订单')}} + + - - - - - 商品名称: 示例商品 - - - - - 订单号: 123456789 - - - - - 入库时间: 2023-10-01 12:00 - - - - - 操作人: 张三 - + + + + {{ isConfirming ? '处理中...' : '确认核销' }} + + 稍后处理 - - 确认核销 - + @@ -342,6 +452,7 @@ width: 300rpx; height: 300rpx; position: relative; + animation: pulse 2s ease-in-out infinite; .scan-button { width: 100%; @@ -351,23 +462,160 @@ box-shadow: 0 8rpx 30rpx rgba(56, 165, 255, 0.25); color: white; transition: all 0.3s ease; + position: relative; + overflow: hidden; + + &.btn-scanning { + transform: scale(0.95); + box-shadow: 0 4rpx 25rpx rgba(56, 165, 255, 0.4); + } + + &::before { + content: ''; + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); + animation: scanLight 3s ease-in-out infinite; + } &:active { - transform: scale(0.95); + transform: scale(0.92); box-shadow: 0 4rpx 15rpx rgba(56, 165, 255, 0.2); } + + &.scanning { + animation: scanning 0.8s ease-in-out; + } + + .ri-qr-scan-2-line { + animation: iconPulse 1.5s ease-in-out infinite alternate; + display: inline-block; + } + + .scan-line { + position: absolute; + width: 80%; + height: 2rpx; + background: rgba(255, 255, 255, 0.8); + top: 50%; + left: 10%; + animation: scanAnimation 2s ease-in-out infinite; + opacity: 0.2; + + &.scan-active { + opacity: 1; + animation: scanAnimation 0.8s ease-in-out infinite; + } + } } &::after { content: ''; position: absolute; - top: -10rpx; - left: -10rpx; - right: -10rpx; - bottom: -10rpx; + top: -15rpx; + left: -15rpx; + right: -15rpx; + bottom: -15rpx; + border-radius: 50%; + border: 2rpx solid rgba(56, 165, 255, 0.3); + z-index: -1; + animation: ripple 2s linear infinite; + } + + &::before { + content: ''; + position: absolute; + top: -8rpx; + left: -8rpx; + right: -8rpx; + bottom: -8rpx; border-radius: 50%; border: 2rpx solid rgba(56, 165, 255, 0.2); z-index: -1; + animation: ripple 2s linear 1s infinite; + } + } + + @keyframes ripple { + 0% { + transform: scale(1); + opacity: 1; + } + + 100% { + transform: scale(1.2); + opacity: 0; + } + } + + @keyframes pulse { + + 0%, + 100% { + transform: translateY(0); + } + + 50% { + transform: translateY(-10rpx); + } + } + + @keyframes scanLight { + 0% { + left: -100%; + } + + 50%, + 100% { + left: 100%; + } + } + + @keyframes iconPulse { + 0% { + opacity: 0.7; + transform: scale(0.95); + } + + 100% { + opacity: 1; + transform: scale(1.05); + } + } + + @keyframes scanAnimation { + 0% { + top: 20%; + opacity: 0.5; + } + + 50% { + opacity: 1; + } + + 100% { + top: 80%; + opacity: 0.5; + } + } + + @keyframes scanning { + 0% { + transform: scale(1); + box-shadow: 0 8rpx 30rpx rgba(56, 165, 255, 0.25); + } + + 50% { + transform: scale(0.92); + box-shadow: 0 4rpx 15rpx rgba(56, 165, 255, 0.35); + } + + 100% { + transform: scale(1); + box-shadow: 0 8rpx 30rpx rgba(56, 165, 255, 0.25); } } @@ -431,33 +679,115 @@ } .product-confirm-popup { + .product-scroll { + /* #ifdef MP-WEIXIN */ + max-height: calc(80vh - 280rpx); + /* #endif */ + /* #ifdef APP-PLUS || H5 */ + max-height: calc(80vh - 380rpx); + /* #endif */ + } + + .product-item { + position: relative; + padding: 20rpx 0; + + .item-divider { + position: absolute; + bottom: 0; + left: 40rpx; + right: 40rpx; + height: 2rpx; + background: rgba(0, 0, 0, 0.05); + } + } + .product-header { - padding: 20rpx 30rpx; - border-bottom: 1rpx solid #eee; + padding: 30rpx; display: flex; align-items: center; - justify-content: center; + border-bottom: 2rpx solid rgba(0, 0, 0, 0.05); } .product-content { - .product-info { - .info-item { - padding: 20rpx 0; // 调整元素间距 - border-bottom: 1rpx solid #eee; + padding-bottom: 30rpx; + } - &:last-child { - border-bottom: none; + .product-image { + .image-container { + position: relative; + width: 160rpx; + height: 160rpx; + border-radius: 16rpx; + overflow: hidden; + + .product-img { + width: 100%; + height: 100%; + object-fit: cover; + } + + .image-overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.3); + display: flex; + align-items: center; + justify-content: center; + opacity: 0; + transition: opacity 0.3s; + + &:active { + opacity: 1; } } } } - .confirm-button { - position: absolute; - bottom: 30rpx; - left: 0; - right: 0; - padding: 0 30rpx; // 调整确认按钮位置和样式 + .order-info { + margin-top: 20rpx; + padding-top: 20rpx; + border-top: 2rpx solid rgba(0, 0, 0, 0.05); + + .info-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 30rpx; + padding: 20rpx 0; + + .info-item { + display: flex; + flex-direction: column; + justify-content: center; + padding: 20rpx 20rpx 20rpx; + background: #f8faff; + border-radius: 16rpx; + + .info-content { + margin-left: 4rpx; + flex: 1; + } + } + } + } + + .action-buttons { + padding: 30rpx; + padding-bottom: calc(30rpx + constant(safe-area-inset-bottom)); + padding-bottom: calc(30rpx + env(safe-area-inset-bottom)); + background: #fff; + border-top: 2rpx solid rgba(0, 0, 0, 0.05); + + .custom-shadow1 { + box-shadow: 0 8rpx 16rpx rgba(0, 112, 240, 0.2); + } } } + + ::v-deep .wd-status-tip__text { + margin: 0 auto !important; + } \ No newline at end of file diff --git a/pagesA/warehousing/index.vue b/pagesA/warehousing/index.vue index f6db67b..3f145e1 100644 --- a/pagesA/warehousing/index.vue +++ b/pagesA/warehousing/index.vue @@ -70,7 +70,7 @@ 请输入订单号 - + 立即入库 @@ -121,7 +121,7 @@ - 商品确认 ({{orderInfo.product.length}}件) + 商品确认 ({{orderInfo?.product?.length}}件) @@ -152,7 +152,7 @@ - + @@ -276,8 +276,8 @@ isScanning.value = false; // show9.value = true; }, 800); - handleVerification('20250326214053344401') - return; + // handleVerification('20250326214053344401') + // return; uni.scanCode({ success: (res) => { handleVerification(res.result) @@ -294,10 +294,17 @@ isConfirming.value = true; try { const res = await orderStorageAct({ order_id: orderInfo.value.order_id }) - Toast.success('商品入库成功'); - show9.value = false; - // 请求入库记录接口 - getOrderRecord() + if (res.code == 200) { + Toast.success('商品入库成功'); + show9.value = false; + orderNumber.value = '' // 清空输入 + + // 请求入库记录接口 + getOrderRecord() + } else { + Toast.error(res.msg) + } + } catch (error) { Toast.error('入库失败') } finally { @@ -309,10 +316,18 @@ const contOrderStorageAct = async () => { try { const res = await orderStorageAct({ order_id: orderInfo.value.order_id }) - Toast.success('商品入库成功'); - scanCode() - // 请求入库记录接口 - getOrderRecord() + console.log('contOrderStorageAct', res); + if (res.code == 200) { + Toast.success('商品入库成功'); + // 请求入库记录接口 + getOrderRecord() + setTimeout(() => { + scanCode() + }, 1000) + } else { + Toast.error(res.msg) + } + } catch (error) { Toast.error('入库失败') } finally { @@ -324,15 +339,23 @@ // 处理入库逻辑 const handleVerification = async (code) => { const res = await scanCodeGet({ code: code }) - // 模拟多条商品数据 - orderInfo.value = res.data - // 连续入库 - if (continuousMode.value) { - contOrderStorageAct() + if (res.code == 200) { + orderInfo.value = res.data + if (activeMode.value == 1) { + show9.value = true; + return + } + // 连续入库 + if (continuousMode.value) { + contOrderStorageAct() + } else { + // 非连续入库 + show9.value = true; + } } else { - // 非连续入库 - show9.value = true; + Toast.error(res.msg) } + } // 提交订单号入库 @@ -342,7 +365,6 @@ return } handleVerification(orderNumber.value) - orderNumber.value = '' // 清空输入 } const getOrderRecord = async () => { @@ -372,7 +394,7 @@ // 目前示例仅显示提示 // Toast.info('查看历史记录') uni.navigateTo({ - url: '/pagesA/verification/history' + url: '/pagesA/verification/history?type=1' }) } @@ -764,7 +786,8 @@ } } } - ::v-deep .wd-status-tip__text{ + + ::v-deep .wd-status-tip__text { margin: 0 auto !important; } \ No newline at end of file diff --git a/unocss/a-hua-unocss/index.scss b/unocss/a-hua-unocss/index.scss index c08688f..ee878ad 100644 --- a/unocss/a-hua-unocss/index.scss +++ b/unocss/a-hua-unocss/index.scss @@ -1,15 +1,196 @@ - - - - - - -.li-font-550{font-weight:550} -.li-h-68{height:68rpx} +.li-bg-white{background-color:rgb(255,255,255)} +.li-block{display:block} +.li-border-b{border-style:solid;border-color:b;border-width:1rpx} +.li-flex{display:flex} +.li-font-500{font-weight:500} +.li-font-bold{font-weight:bold} +.li-items-baseline{align-items:baseline} .li-items-center{align-items:center} .li-justify-between{justify-content:space-between} +.li-lh-44{line-height:44} +.li-mb-15{margin-bottom:15rpx} +.li-mb-20{margin-bottom:20rpx} +.li-mb-30{margin-bottom:30rpx} +.li-mb-40{margin-bottom:40rpx} +.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-15{margin-right:15rpx} +.li-mr-5{margin-right:5rpx} +.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-5{margin-top:5rpx} +.li-mx-auto{margin-left:auto;margin-right:auto} +.li-opacity-80{undefined:0.8} +.li-p-15{padding:15rpx} +.li-p-30{padding:30rpx} +.li-pl-30{padding-left:30rpx} +.li-py-30{padding-top:30rpx;padding-bottom:30rpx} +.li-py-60{padding-top:60rpx;padding-bottom:60rpx} +.li-rd-12{border-radius:12rpx} +.li-rd-16{border-radius:16rpx} +.li-rd-20{border-radius:20rpx} +.li-text-0070F0-color{color:rgb(0,112,240)} +.li-text-26{font-size:26rpx} +.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-999-color{color:rgb(153,153,153)} +.li-text-center{text-align:center} +.li-text-white{color:rgb(255,255,255)} +.li-w-650rpx{width:650rpx} +.li-w-full-92{width:92%} +.li-flex-col{flex-direction:column} +.li-justify-around{justify-content:space-around} +.li-px-30{padding-left:30rpx;padding-right:30rpx} +.li-py-20{padding-top:20rpx;padding-bottom:20rpx} +.li-items-center{align-items:center} +.items-center{align-items:center} .li-justify-center{justify-content:center} +.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-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-38{font-size:38rpx} +.li-text-42{font-size:42rpx} +.li-text-46{font-size:46rpx} +.li-w-100{width:100rpx} +.li-w-full-80{width:80%} +.bg-FFFFFF{background-color:rgb(255,255,255)} +.border-4-white{border-style:solid;border-color:rgb(255,255,255);border-width:4rpx} +.bg-f9f9f9{background-color:rgb(249,249,249)} +.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-009aff-color{color:rgb(0,154,255)} +.li-text-32{font-size:32rpx} +.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-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-000000-color{color:rgb(0,0,0)} +.li-text-19171B-color{color:rgb(25,23,27)} +.li-text-20{font-size:20rpx} +.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-25{margin-bottom:25rpx} +.li-w-full-90{width:90%} +.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} @@ -17,50 +198,85 @@ .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-font-400{font-weight:400} +.li-m-30{margin:30rpx} +.li-text-595959-color{color:rgb(89,89,89)} -.li-items-end{align-items:end} +.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-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-ml-6{margin-left:6rpx} -.li-mr-10{margin-right:10rpx} -.li-mr-4{margin-right:4rpx} -.li-mt-4{margin-top:4rpx} +.li-mr-12{margin-right:12rpx} +.li-mr-3{margin-right:3rpx} .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-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-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-44{font-size:44rpx} -.li-text-55{font-size:55rpx} +.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-6{padding-top:6rpx;padding-bottom:6rpx} +.li-text-40{font-size:40rpx} +.li-text-5f5f5f-color{color:rgb(95,95,95)} .li-text-666-color{color:rgb(102,102,102)} -.li-text-70{font-size:70rpx} +.li-text-right{text-align:right} +.li-w-110{width:110rpx} +.li-w-400{width:400rpx} +.overflow-hidden{overflow:hidden} + + +.li-mb-30{margin-bottom:30rpx} +.li-ml-10{margin-left:10rpx} +.li-mr-200{margin-right:200rpx} +.li-mr-4{margin-right:4rpx} +.li-mt-100-important{margin-top:100rpx !important} +.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-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-ddd-color{color:rgb(221,221,221)} .li-text-white{color:rgb(255,255,255)} .li-w-500{width:500rpx} -.li-w-full-92{width:92%} + + +.li-text-100{font-size:100rpx} +.li-text-ddd-color{color:rgb(221,221,221)} + +.li-mb-10{margin-bottom:10rpx} +.li-mb-15{margin-bottom:15rpx} +.li-mb-40{margin-bottom:40rpx} +.li-my-20{margin-top:20rpx;margin-bottom:20rpx} +.li-p-30{padding:30rpx} +.li-py-30{padding-top:30rpx;padding-bottom:30rpx} +.li-text-07c160-color{color:rgb(7,193,96)} + +.li-block{display:block} +.li-border-b{border-style:solid;border-color:b;border-width:1rpx} +.li-font-500{font-weight:500} +.li-items-baseline{align-items:baseline} +.li-lh-44{line-height:44} +.li-mr-15{margin-right:15rpx} +.li-mt-5{margin-top:5rpx} +.li-opacity-80{undefined:0.8} +.li-py-60{padding-top:60rpx;padding-bottom:60rpx} +.li-rd-12{border-radius:12rpx} +.li-rd-16{border-radius:16rpx} +.li-w-650rpx{width:650rpx} + +.li-h-90{height:90rpx} +.li-text-47{font-size:47rpx} +.li-w-90{width:90rpx} + + + +