不识别calc_微信小程序的calc不生效处理

最新推荐文章于 2025-05-08 20:27:56 发布
最新推荐文章于 2025-05-08 20:27:56 发布
阅读量853 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 不识别calc
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42479284/article/details/113690778
博客讲述了在小程序开发中遇到的一个兼容性问题，即使用`calc`和`env(safe-area-inset-bottom)`在iOS和安卓上处理底部定位时的不同表现。在iOS上正常工作，但安卓上`bottom`值始终为0。解决方案是通过特定的样式写法实现兼容，即同时设置两个`bottom`属性，确保在安卓上能正确应用。此问题揭示了小程序中CSS计算属性在不同平台上的解析差异。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

大致文字初略的记录描述一下问题：外层是relative相对定位，内部一个view 需要绝对定位bottom的值为128rpx,同时还要兼容适配苹果x的底部，所以值是这样设置的：

bottom: calc(env(safe-area-inset-bottom) + 128rpx)

然而在安卓上bottom的值始终为0(在vconsole中查看了该元素)，ios上是没有问题的。猜测：calc在安卓中不生效。

解决办法：样式写成这样：bottom:128rpx ;bottom: calc(env(safe-area-inset-bottom) + 128rpx) (注意前后顺序，不能更换)

分析： 第二个bottom中带有calc 在ios中会生效，所以会直接覆盖前面bottom。 然而在安卓中第二个bottom的值由于不能识别calc导致该值是不合法的，此时值无效，直接就是第一个bottom生效。

查了css中 bottom 不设置默认就是auto，父级元素有padding的话，会在content元素边界上，如果bottom值为0：就会在父级元素的padding边界上！但是在小程序中第二个bottom无效，直接采用了第一个bottom，该机制有点难理解。。。

仅以此记录小程序中一个诡异的小问题，写的粗略，没有截图代码啥的。

微信小程序：padding失效
Dove言和
04-24 1727
padding失效，在代码中添加box-sizing:border-box;
微信小程序播放背景音乐
aaa123aaasqw的博客
05-12 2064
从微信客户端6.7.2版本开始，若需要在小程序切后台后继续播放音频，需要在 app.json 中配置 requiredBackgroundModes 属性。开发版和体验版上可以直接生效，正式版还需通过审核。获取全局唯一的背景音频管理器。小程序切入后台，如果音频处于播放状态，可以继续播放。但是后台状态不能通过调用API操纵音频的播放状态。2、onUnload和onHide事件中暂停音乐的播放。4、在播放结束的事件中，再次播放，以达到循环播放的效果。3、onShow中调用播放事件。
解决微信小程序calc不生效
luojingonline的博客
12-10 1713
格式如下： height:~'calc(100vh-168rpx)'; 完美解决。 所以说，微信小程序开发，有点坑~
记录微信小程序 height: calc(xx – xx)；无效问题
12-30
遇到一个小问题，记录一下 问题：在微信小程序中使用scroll-view标签时，用height:cale(xx – xx)设置高度无效，在page中设置高度为百分百依旧无效 解决办法：直接在最大的view标签中设置高度为百分百即可 <!-- 视频列表 --> page { height: 100%; } .videoList { height: calc(100% - 480rpx); }
ios底部存在安全距离可通过设置 safe-area-inset-bottom
weixin_46495993的博客
05-08 470
padding-bottom: calc(底部距离rpx + constant(safe-area-inset-bottom));padding-bottom: calc(底部距离rpx + env(safe-area-inset-bottom));safe-area-inset-bottom ：安全距离底部边界的距离。safe-area-inset-left：安全区域距离左边边界的距离。safe-area-inset-top：安全区域距离顶部边界的距离。uniapp在安卓和iso的底部安全距离。
JNI开发技术归纳
HuntCode的专栏
03-24 703
0.JNI概述 在Android开发中会遇到使用JNI的情况，JNI是Java Native Interface的缩写，即Java本地接口，通过JNI技术可以实现两点： 1）Java程序能够调用Native函数，Native一般指的是C/C++ 2）Native函数能够调用Java层的方法 1.JNI注册 JNI的注册分成两种：1）静态
微信小程序使用骨架屏
悟世君子的博客
08-19 5768
骨架屏的使用越来越广泛。在微信小程序中使用骨架屏如果自己实现，不同的页面对应不同的骨架屏，会有一定难度；不过，微信小程序已经提供生成骨架屏功能，使得我们在开发中非常方便，下面介绍如何生成 1、生成骨架屏代码文件 找到要生成骨架屏的页面，并进行预览，找到模拟器面板右下角三点处 点击生成骨架屏 点击 确定 生成 wxml 和 wxss 骨架屏文件 2、页面使用 （1）、在需要使用骨架屏的页面引入生成的骨架屏 wxml 文件，并将骨架屏代码通过小程序模板（template..
解决微信小程序中 calc 失效问题
qq_45830543的博客
03-21 1403
有效写法是： height: ~"calc(100vh - 80rpx)"; 注意： 1、运算符左右两边要有空格； 2、数字和单位之间不能有空格； 3、括号与减数，被减数之间不能有空格； 4、 以上无效记得加上英文~符和双引号。 ...
每天一个前端小技巧系列 之 calc()不生效
weixin_40744393的博客
04-20 527
在使用sass或less的时候，有些时候，我们会发现，样式不生效，像这样。这样提示： 这是因为运算符前后一定要有空格，而我现运算符前后像这样，导致出错： 正确的做法是： By the way: 变量用 #{$virible} 喔 ...
记录微信小程序 height: calc(xx - xx)；无效问题
10-15
总结起来，这篇文章针对微信小程序中`height: calc(xx - xx)`无效的问题提供了解决方案，并且分享了使用jQuery处理点击事件来添加和移除样式的实践技巧。了解这些知识点对于提升微信小程序的用户体验和开发效率有着...
微信小程序中遇到过的问题
Jet_Lover的博客
12-26 839
由于微信小程序的文件结构限制，CSS文件只能引用小程序的静态资源文件，如图片、字体等。wxs文件中不支持es6写法，let、const、export这些都是不可以的！由于WXML和JavaScript是两种不同的语言，它们之间没有直接的交互方式。由于css样式调整，需要自定义顶部导航栏。- 官方自带的不能去掉，但是通过设置。在小程序中事件绑定有使用特定的语法。等来设置文字颜色与背景等。
微信小程序-2
weixin_64729620的博客
10-07 1166
微信开发文档。
css calc不生效 px 不识别问题记录
kis_wuyan的博客
08-05 780
css calc 失效问题
calc()计算属性不生效
javaScript_go的博客
11-03 822
calc()计算不生效 css3计算属性不生效，一般是因为计算时运算符"+ - * /" 错误示例：.page_content { padding-bottom: calc(env(safe-area-inset-bottom)+30px) } 正确示例：.page_content { padding-bottom: calc(env(safe-area-inset-bottom) + 30px) } js/ ...
微信小程序--calc无效问题
blwinner的专栏
05-19 3660
问题 在使用scroll-view时，用height: calc(100% - 180rpx);设置高度无效 百度 在网上查了一下, 基本都是一个办法, 就是给scroll-view加一个父元素, 给父元素设置高度. 但是根据官方文档, scroll-view必须设置height属性才能正确滚动 分析 其实问题出在了100%, 如果设置为100%, 就会默认用滚动组件中的所有元素把当前页面撑开, 比如每个元素高100rpx, 共有10个, 屏幕高度800rpx, 那么100%=1000rpx, 所以前面的.
小程序进阶-env(safe-area-inset-bottom)的使用
weixin_43166227的博客
09-04 6454
env(safe-area-inset-bottom)和env(safe-area-inset-top)是CSS中的变量，用于获取设备底部和顶部安全区域的大小。所谓的安全区域就是指在iPhone X及以上的设备中，为避免被屏幕的“刘海”和“Home Indicator”所遮挡或者覆盖的有效区域区域，以确保内容在安全区域内显示。
iphoneX兼容之自定义底部菜单
weixin_43395933的博客
04-11 736
在你要编写的底部菜单中插入 样式 padding-bottom: calc(env(safe-area-inset-bottom) / 2) 即可兼容 例如：css中插入 @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) { .fixed-wrap { ...
关于env(safe-area-inset-bottom)的兼容问题
anwebDesigner的博客
09-21 1万+
env(safe-area-inset-bottom)兼容性问题，避坑指南。
env(safe-area-inset-bottom)解决ios底部小黑线遮挡问题
热门推荐
郊眠寺
01-04 1万+
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
微信小程序底部tabbar遮挡内容
最新发布
07-31
<think>我们正在解决微信小程序中tabbar遮挡页面内容的问题。微信小程序的tabbar是固定在底部的，页面内容可能会被其遮挡，特别是在页面底部有内容时。为了避免遮挡，我们可以调整页面布局，使页面内容在tabbar之上显示。 常见的解决方案： 1. 使用`padding-bottom`或`margin-bottom`为页面底部留出tabbar的高度。 2. 使用微信小程序的`wx.getSystemInfoSync()`获取屏幕信息，包括tabbar的高度（注意：微信小程序官方没有直接获取tabbar高度的API，但我们可以通过自定义tabbar或已知高度值来处理）。 3. 对于非自定义tabbar，通常tabbar的高度是固定的（例如在iPhone上一般是48px，加上安全区域可能更高）。我们可以根据不同的设备进行适配。 步骤： 1. 在页面的样式文件（如`.wxss`）中，为页面容器设置底部内边距（padding-bottom）或外边距（margin-bottom），其值等于tabbar的高度。 2. 由于不同设备的安全区域不同（特别是iPhone X及以上机型的底部安全区域），我们还需要考虑安全区域。 注意：微信小程序默认的tabbar高度在不同设备上可能不同，我们可以通过以下方式获取： - 在app.json中设置tabbar后，微信小程序会自动处理安全区域，但页面内容布局需要我们自己调整。 - 我们可以通过`wx.getSystemInfoSync()`获取屏幕高度和窗口高度，然后计算tabbar的高度？但是注意，这种方法并不直接，因为tabbar高度是固定的，但安全区域会增加额外的空间。 实际上，微信小程序官方文档中提到，在iPhone X等设备上，tabbar会自动增加底部安全距离（即tabbar会增高，多出的部分为安全区域背景色）。因此，我们通常需要为页面设置一个足够的内边距，并且这个内边距应该包括安全区域。 更好的做法是使用微信小程序的`env()`和`constant()`函数来适配安全区域。在iOS 11.2之后，我们可以使用`constant(safe-area-inset-bottom)`，而更早的版本使用`env(safe-area-inset-bottom)`。现在通常合并写为： padding-bottom: calc(常数 + env(safe-area-inset-bottom)); 其中，常数是tabbar的固定高度（不包括安全区域）。在微信小程序中，默认tabbar的固定高度是48px（单位rpx的话是96rpx，因为1px=2rpx），而安全区域的高度由环境变量决定。 因此，我们可以这样设置： padding-bottom: calc(48px + env(safe-area-inset-bottom)); /* 注意单位，如果使用rpx则转换 */ 但是，在微信小程序中，我们通常使用rpx。而且，在微信小程序中，我们可以在页面样式中使用环境变量。 然而，需要注意的是：微信小程序页面默认并没有开启安全区域适配，我们需要在页面配置中设置： "style": "v2" 或者，在app.json中全局设置： "style": "v2" 使用v2样式后，微信小程序会自动为页面添加安全区域适配。 但是，即使开启了v2样式，我们仍然需要为页面底部的内容设置内边距以避免被tabbar遮挡。 具体实现： 方法一（推荐）： 在页面的json文件中配置： "usingComponents": {}, "style": "v2" 然后在页面的wxss文件中，为页面最底部的容器添加： .container { padding-bottom: calc(48px + env(safe-area-inset-bottom)); /* 48px是tabbar的固定高度，单位是px，也可以使用rpx */ } 但是，我们如何确保48px是正确的？实际上，微信小程序默认tabbar高度为48px（在非安全区域设备上），在安全区域设备上，tabbar总高度为48px+安全区域高度。 注意：我们设置的是页面内容的padding-bottom，这个值应该等于tabbar的高度（包括安全区域），这样内容就不会被遮挡。 然而，微信小程序官方并没有给出tabbar的固定高度值。经过实际测量，在非自定义tabbar的情况下，tabbar的高度为48px（不包括安全区域），加上安全区域后，总高度为48px+安全区域高度。 因此，我们可以使用： padding-bottom: calc(48px + env(safe-area-inset-bottom)); 或者，如果我们使用rpx，因为1px=2rpx，所以： padding-bottom: calc(96rpx + env(safe-area-inset-bottom)); /* 注意：env()函数返回的是px单位，不能直接和rpx混用，需要转换 */ 但是，由于env(safe-area-inset-bottom)返回的是px单位，而rpx是相对单位，所以不能直接相加。因此，我们可以将整个单位统一为rpx，但是需要将env(safe-area-inset-bottom)乘以2转换为rpx。然而，在calc()中，我们无法直接对env()进行乘法运算（因为env()是变量，不能与数字相乘）。所以，我们可以这样处理： 方法二：使用CSS变量（但微信小程序不支持CSS变量）？所以，我们可能需要用js计算。 方法三：使用两个样式，一个用px，一个用rpx，但是这样不好。 因此，我们可以在wxss中这样写（推荐使用px，因为安全区域返回的是px，而tabbar的固定高度48px也是固定的）： padding-bottom: calc(48px + env(safe-area-inset-bottom)); 但是，在微信小程序中，我们通常使用rpx，所以我们可以将整个页面布局使用px单位？这样不太符合小程序的设计（因为小程序设计稿一般是750rpx）。所以，我们可以将48px转换为rpx，但是env(safe-area-inset-bottom)是px，需要转换为rpx。由于1px=2rpx，所以我们可以这样写： padding-bottom: calc(96rpx + env(safe-area-inset-bottom) * 2); /* 注意：calc中不能直接乘，需要乘以2然后加上rpx单位？但是这样语法错误 */ 实际上，在calc()中，我们不能将px和rpx混合使用，因为它们是不同的单位。所以，我们可能需要用js来动态设置。 方法四（动态设置）： 在页面的js文件中，获取安全区域的高度，然后计算总高度（tabbar固定高度+安全区域高度），再转换成rpx，然后设置到页面的样式上。 步骤： 1. 在页面的onLoad或onShow中，调用`wx.getSystemInfoSync()`获取安全区域和屏幕信息。 2. 获取`env(safe-area-inset-bottom)`的值，实际上，我们可以通过`wx.getSystemInfoSync().safeArea.bottom`和屏幕高度来计算，但更直接的是，微信小程序提供了`safeArea`对象，其中`safeAreaInsets`是从基础库2.3.0开始支持的，我们可以通过`wx.getSystemInfoSync().safeAreaInsets`获取（注意兼容性）。 但是，为了兼容性，我们可以这样获取安全区域底部高度： let systemInfo = wx.getSystemInfoSync(); let safeAreaBottom = systemInfo.screenHeight - systemInfo.safeArea.bottom; 3. 然后，我们设置一个底部内边距，值为：固定高度（48px） + safeAreaBottom（单位px）。然后，将这个总高度（单位px）转换为rpx（乘以2），然后设置到页面的样式上。 4. 在页面的wxml中，给需要设置底部内边距的元素绑定一个style，如：style="padding-bottom: {{paddingBottom}}rpx;" 示例代码： Page({ data: { paddingBottom: 0 // 初始为0 }, onLoad: function() { const systemInfo = wx.getSystemInfoSync(); // 计算底部安全区域高度 const safeAreaBottom = systemInfo.screenHeight - systemInfo.safeArea.bottom; // 固定tabbar高度（px） const tabBarHeight = 48; // 总高度（px） = tabBarHeight + safeAreaBottom const totalPaddingBottom = tabBarHeight + safeAreaBottom; // 转换为rpx: 1px = 2rpx const paddingBottomInRpx = totalPaddingBottom * 2; this.setData({ paddingBottom: paddingBottomInRpx }); } }); 然后在wxml中： <view class="container" style="padding-bottom: {{paddingBottom}}rpx;"> ... 页面内容 ... </view> 注意：这种方法需要每个页面都写，比较麻烦。而且，如果tabbar的固定高度在不同设备上不同，那么我们需要知道这个固定高度。实际上，默认的tabbar高度就是48px（在非安全区域设备上），在安全区域设备上，微信会自动增加安全区域高度，所以我们的计算是合理的。 但是，微信小程序官方提供了更好的解决方案：使用`env()`和`constant()`，并且我们可以在wxss中直接使用。但是，在wxss中，我们如何将px转换为rpx？或者，我们直接使用px单位，然后让页面布局自适应？ 考虑到rpx是响应式单位，而px是固定单位，在微信小程序中，我们通常使用rpx。因此，我们可以这样写： padding-bottom: calc(96rpx + env(safe-area-inset-bottom) * 2rpx); /* 注意：这样写语法错误，因为env()返回的是px，不能直接乘以2rpx */ 所以，我们只能使用px单位： padding-bottom: calc(48px + env(safe-area-inset-bottom)); 然后，在页面的wxml中，我们给容器设置一个类，比如： <view class="page-container"> ... 页面内容 ... </view> 在wxss中： .page-container { padding-bottom: calc(48px + env(safe-area-inset-bottom)); } 这样，在非安全区域设备上，env(safe-area-inset-bottom)为0，所以padding-bottom为48px；在安全区域设备上，会自动加上安全区域的高度。 但是，这样写的话，48px在rpx布局中可能会显得不一致？因为整个页面其他部分可能使用rpx。所以，我们需要将48px转换为rpx？但是，在同一个样式表中，我们可以混合使用px和rpx吗？可以，但是不同单位会导致在不同屏幕上的显示效果不同。 因此，我们最好统一使用rpx，但是env(safe-area-inset-bottom)是px，我们需要将其转换为rpx。在wxss中，我们可以使用calc()进行计算，但是需要将px值乘以2（因为1px=2rpx）。然而，calc()中不能直接对env()进行乘法运算（因为env()是变量，不能与数字相乘）。所以，我们无法在wxss中直接实现。 因此，我们有两种选择： 1. 使用px单位，这样在750rpx宽的设计稿中，48px相当于96rpx，在视觉上是一样的（因为rpx会根据屏幕宽度缩放，而px不会，所以48px在宽度为375物理像素的屏幕上就是48物理像素，而96rpx在375物理像素的屏幕上也是48物理像素，因为750rpx=375物理像素，所以96rpx=48物理像素）。因此，使用48px和96rpx在同一个设备上效果是一样的。所以，我们可以直接使用px单位，因为最终效果一致。 2. 使用js动态计算，然后设置rpx值。 考虑到简单性和性能，我们推荐使用第一种：在wxss中直接使用px单位。 所以，最终的解决方案： 步骤1：确保在app.json中启用了v2样式（即"style": "v2"），这样env(safe-area-inset-bottom)才会生效。 步骤2：在页面的wxss文件中，为页面最底部的容器添加： padding-bottom: calc(48px + env(safe-area-inset-bottom)); 注意：这个容器应该是页面的根容器，或者至少是页面内容的最外层容器。 示例： app.json: { "pages": ["pages/index/index"], "tabBar": { "list": [ ... ] // 配置tabbar }, "style": "v2" // 启用v2样式 } index.wxss: .page-container { padding-bottom: calc(48px + env(safe-area-inset-bottom)); } index.wxml: <view class="page-container"> ... 页面内容 ... </view> 这样，页面内容就不会被tabbar遮挡了。 另外，还有一种情况：如果页面使用了滚动视图（scroll-view），并且需要滚动到底部，那么我们需要在scroll-view的内容底部添加一个空白区域，高度为上述计算的高度。 但是，如果整个页面是滚动视图，那么我们可以将padding-bottom设置在scroll-view的内容容器上，或者使用一个占位view放在最后。 总结：通过设置页面容器的padding-bottom，使其高度等于tabbar的高度（包括安全区域），可以避免内容被遮挡。 参考文献： [1] 微信小程序官方文档 - 样式：https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html [2] 微信小程序官方文档 - 安全区域：https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html#%E5%AE%89%E5%85%A8%E5%8C%BA%E9%97%B4 注意：在微信小程序基础库2.3.0及以上版本支持env()和constant()。 如果遇到低版本不支持的情况，我们可以使用js动态计算安全区域并设置样式。 因此，我们提供两种方案： 方案1（推荐）：使用wxss，要求基础库>=2.3.0 .page-container { padding-bottom: calc(48px + env(safe-area-inset-bottom)); padding-bottom: calc(48px + constant(safe-area-inset-bottom)); /* 兼容iOS < 11.2 */ } 注意：env()是新的，constant()是旧的，所以两个都写上，并且env()写在后面。 方案2：使用js动态计算（适用于所有版本，但代码稍多） 根据项目实际情况选择。 相关问题： 1. 如何获取微信小程序tabbar的准确高度？ 2. 微信小程序中如何适配不同机型的底部安全区域？ 3. 微信小程序页面布局有哪些注意事项？</think>### 解决微信小程序 TabBar 遮挡页面内容的方法 在微信小程序中，TabBar（底部导航栏）默认固定在屏幕底部，可能导致页面底部内容被遮挡。以下是几种解决方案： --- #### **方法 1：使用 CSS 内边距（推荐）** 为页面内容容器添加 `padding-bottom`，高度等于 TabBar 的高度（通常为 `48px` + 安全区域高度）： ```css /* 页面容器样式 */ .container { padding-bottom: calc(48px + env(safe-area-inset-bottom)); } ``` - **`48px`**：默认 TabBar 高度（单位：物理像素） - **`env(safe-area-inset-bottom)`**：适配全面屏设备底部安全区域（如 iPhone X 以上机型）[^1] --- #### **方法 2：动态计算高度（JS 方案）** 通过 `wx.getSystemInfoSync()` 获取 TabBar 高度： ```javascript Page({ data: { paddingBottom: 0 }, onLoad() { const systemInfo = wx.getSystemInfoSync(); // 计算 TabBar 高度（固定值 + 安全区域） const tabBarHeight = 48 + (systemInfo.screenHeight - systemInfo.safeArea.bottom); this.setData({ paddingBottom: tabBarHeight }); } }); ``` ```html <!-- WXML 中动态绑定样式 --> <view style="padding-bottom: {{paddingBottom}}px"> <!-- 页面内容 --> </view> ``` --- #### **方法 3：使用 Flex 布局** 通过弹性布局将内容区域与 TabBar 分离： ```css .page { display: flex; flex-direction: column; min-height: 100vh; } .content { flex: 1; /* 内容区域自适应 */ padding-bottom: 48px; /* 预留 TabBar 高度 */ } ``` --- #### **注意事项** 1. **自定义 TabBar** 若使用[自定义 TabBar](https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html)，需通过 `getBoundingClientRect()` 获取实际高度： ```javascript wx.createSelectorQuery() .select('#custom-tabbar') .boundingClientRect(rect => { this.setData({ paddingBottom: rect.height }); }).exec(); ``` 2. **页面滚动优化** 若页面需滚动，在 `scroll-view` 中预留底部空间： ```html <scroll-view style="height: 100vh" scroll-y> <view>内容</view> <view style="height: 48px"></view> <!-- 占位元素 --> </scroll-view> ``` 3. **全局样式** 在 `app.wxss` 中统一设置： ```css page { padding-bottom: calc(48px + env(safe-area-inset-bottom)); } ``` --- ### 常见问题排查 - **遮挡依旧存在？** 检查元素层级：确保页面内容未设置 `position: fixed` 或 `z-index` 异常。 - **iPhone 底部留白过大？** 确认 `env(safe-area-inset-bottom)` 是否生效，需在 `app.json` 启用样式： ```json { "style": "v2" // 启用新版样式 } ``` 通过以上方法，可有效避免 TabBar 遮挡内容的问题，同时兼容不同设备的安全区域[^1]。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值