前端uniapp的tab选项卡for循环切换、开通VIP实战案例【带源码/最新】

最新推荐文章于 2024-06-17 14:53:33 发布
最新推荐文章于 2024-06-17 14:53:33 发布
阅读量915 收藏 9
点赞数 8
分类专栏： uniapp知识点 文章标签： 前端 uni-app uniapp的tab切换 tab选项卡for循环切换 Vue的tab选项卡for切换
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_49714202/article/details/135366486
版权

目录

这个案例是uniapp，同样也适用Vue项目，语法一样for循环，点击切换

效果图

图1

在这里插入图片描述

图2

在这里插入图片描述

源码

直接代码复制查看效果

<template>
	<view class="my-helper-service-pass">
		<view class="tab-service-box">
			
			<view class="new-tab-item" @click="getTabIndex(index,item.supplier_grade_id)" v-for="(item,index) in grade_list"  :class="{ active: currentTab === index }" >
				<view class="bottomline">
					<text class="bottomline-txt1">{{item.name}}</text>
					
					<view class="bottomline-txt2">
						￥<text>{{item.upgrade_money}}</text>
					</view>
					<text class="bottomline-txt3">免{{item.reduce_commission}}元手续费</text>
					<text class="bottomline-txt4">送{{item.message_num}}条商机提醒</text>
				</view>
			</view>
		</view>
		
		<view class="submit-service-box">
			<view class="submit-service-btn d-c-c" @click="submitServie">
				确认开通并支付￥{{upgrade_money}}
			</view>
		</view>

		<view class="agreement-box">
			<view class="agreement" @click="isRead=!isRead">
				<view :class="isRead?'active agreement-new':'agreement-new'"></view>
				同意万事直帮<text @click="xieyi('service')">《服务通服务协议》</text>
			</view>
		</view>

		<!-- 尊享8大服务权益 -->
		<view class="equity-box">
			<view class="equity-tit">
				<view class="equity-tit-lft">
				</view>
				<view class="equity-tit-txt">
					尊享8大服务权益
				</view>
				<view class="equity-tit-rgt">
				</view>
			</view>
			<view class="equity-list">
				<view class="equity-list-item">
					<!-- <image src="https://bk-css-image.oss-cn-beijing.aliyuncs.com/static/user/index_service/my_helper_service_pass/servicepass1.png" mode=""></image> -->
					<text class="equity-list-item1">可以发布</text>
					<text class="equity-list-item1">{{release_num}}个服务</text>
				</view>
				<view class="equity-list-item">
					<!-- <image src="https://bk-css-image.oss-cn-beijing.aliyuncs.com/static/user/index_service/my_helper_service_pass/servicepass2.png" mode=""></image> -->
					<text class="equity-list-item1">优质万事直帮</text>
					<text class="equity-list-item1">服务标识</text>
				</view>
				<view class="equity-list-item">
					<!-- <image src="https://bk-css-image.oss-cn-beijing.aliyuncs.com/static/user/index_service/my_helper_service_pass/servicepass3.png" mode=""></image> -->
					<text class="equity-list-item1">提现</text>
					<text class="equity-list-item1">T+0到账</text>
				</view>
			</view>

			<view class="equity-list equity-list2">
				<view class="equity-list-item">
					<!-- <image src="https://bk-css-image.oss-cn-beijing.aliyuncs.com/static/user/index_service/my_helper_service_pass/servicepass4.png" mode=""></image> -->
					<text class="equity-list-item1">服务项目排名</text>
					<text class="equity-list-item1">优先展示</text>
				</view>
				<view class="equity-list-item">
					<!-- <image src="https://bk-css-image.oss-cn-beijing.aliyuncs.com/static/user/index_service/my_helper_service_pass/servicepass5.png" mode=""></image> -->
					<text class="equity-list-item1">减免{{reduce_commission}}元的</text>
					<text class="equity-list-item1">订单手续费</text>
				</view>
				<view class="equity-list-item">
					<!-- <image src="https://bk-css-image.oss-cn-beijing.aliyuncs.com/static/user/index_service/my_helper_service_pass/servicepass6.png" mode=""></image> -->
					<text class="equity-list-item1">导师在线指导</text>
					<text class="equity-list-item1">接单赚钱</text>
				</view>
			</view>

			<view class="equity-list equity-list2">
				<view class="equity-list-item">
					<!-- <image src="https://bk-css-image.oss-cn-beijing.aliyuncs.com/static/user/index_service/my_helper_service_pass/servicepass7.png" mode=""></image> -->
					<text class="equity-list-item1">享受平台站内和</text>
					<text class="equity-list-item1">站外流量扶持</text>
				</view>
				<view class="equity-list-item">
					<!-- <image src="https://bk-css-image.oss-cn-beijing.aliyuncs.com/static/user/index_service/my_helper_service_pass/servicepass8.png" mode=""></image> -->
					<text class="equity-list-item1">赠送{{message_num}}条短信</text>
					<text class="equity-list-item1">服务商机提醒,包含对话和订单提醒</text>
				</view>
			</view>
		</view>

		<view class="block-btm">

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				currentTab: 0,
				removeobstaclesfrom: '', //开通需要传的参数
				isRead: false,
				// grade_list: [],
				supplier_grade_id: '',
				payPrice:'',//支付的钱数
				service_vip_url:'',
				upgrade_money:'',
				release_num:'',
				reduce_commission:'',
				message_num:'',
				
				grade_list:[]
			}
		},
		mounted() {
			this.getVipListData();
		},
		methods: {
			// VIP列表
			getVipListData() {
				let self = this;
				self.isloadding = true;
				self._get('supplier.grade/gradeList', {}, function(res) {
					// 实际接口返回的现在用，测试的，暂且注释，用下面第二个数据赋值
					// 第一个赋值
					// self.grade_list = res.data.grade_list;
					// 接口返回的数据，复制过来的
					let getList = [
					  {
					    "supplier_grade_id": 3,
					    "name": "1个月",
					    "upgrade_money": 188,
					    "is_default": 0,
					    "weight": 110,
					    "reduce_commission": 188,
					    "release_num": 6,
					    "message_num": 188,
					    "time": 30,
					    "is_delete": 0,
					    "app_id": 10001,
					    "create_time": "2023-09-28 13:50:54",
					    "update_time": "2023-12-29 10:25:38"
					  },
					  {
					    "supplier_grade_id": 4,
					    "name": "3个月",
					    "upgrade_money": 388,
					    "is_default": 0,
					    "weight": 120,
					    "reduce_commission": 388,
					    "release_num": 10,
					    "message_num": 388,
					    "time": 90,
					    "is_delete": 0,
					    "app_id": 10001,
					    "create_time": "2023-10-19 15:55:03",
					    "update_time": "2023-12-29 10:25:45"
					  },
					  {
					    "supplier_grade_id": 5,
					    "name": "12个月",
					    "upgrade_money": 688,
					    "is_default": 0,
					    "weight": 127,
					    "reduce_commission": 688,
					    "release_num": 18,
					    "message_num": 700,
					    "time": 365,
					    "is_delete": 0,
					    "app_id": 10001,
					    "create_time": "2023-12-13 09:57:32",
					    "update_time": "2023-12-29 10:37:04"
					  }
					]
					// 第二个赋值
					self.grade_list = getList;
					
					// 接口赋值
					// self.supplier_grade_id = res.data.grade_list[0].supplier_grade_id
					// self.upgrade_money = res.data.grade_list[0].upgrade_money
					// console.log(res.data.grade_list[0].release_num,'发布数量');
					// console.log(res.data.grade_list[0].reduce_commission,'发布数量');
					// console.log(res.data.grade_list[0].message_num,'发布数量');
					// self.release_num = res.data.grade_list[0].release_num;
					// self.reduce_commission = res.data.grade_list[0].reduce_commission;
					// self.message_num = res.data.grade_list[0].message_num;
					// self.service_vip_url = res.data.service_vip_url
					
					// 模拟复制过来的接口数据赋值
					self.supplier_grade_id = rgetList[0].supplier_grade_id
					self.upgrade_money = getList[0].upgrade_money
					console.log(getList[0].release_num,'发布数量');
					console.log(getList[0].reduce_commission,'发布数量');
					console.log(getList[0].message_num,'发布数量');
					self.release_num = getList[0].release_num;
					self.reduce_commission = rgetList[0].reduce_commission;
					self.message_num = getList[0].message_num;
					// self.service_vip_url = res.data.service_vip_url


				});
			},
			getTabIndex(index,supplier_grade_id){
				this.currentTab = index;
				
				this.upgrade_money = this.grade_list[index].upgrade_money;
				
				
				this.release_num = this.grade_list[index].release_num;
				this.reduce_commission = this.grade_list[index].reduce_commission;
				this.message_num = this.grade_list[index].message_num;
				
				
				this.supplier_grade_id = supplier_grade_id;
				
			},
			


			xieyi() {
				// let url = '';
				// if (type == 'service') {
				// 	url = this.service;
				// } else {
				// 	url = this.privacy;
				// }
				let url = this.service_vip_url;
				uni.navigateTo({
					url: '/subPages/webview/webview?url=' + url
				});
			},
			submitServie() {
				

				let self = this;
				if (!self.isRead) {
					uni.showToast({
						title: '请同意并勾选协议内容',
						duration: 2000,
						icon: 'none'
					});
					return;
				}

				wx.showModal({
					title: '提示',
					content: '您确认开通吗?',
					success: function(o) {
						if (o.confirm) {
							uni.showLoading({
								title: '正在处理'
							});
							self._post('supplier.grade/deposit', {
								supplier_grade_id: self.supplier_grade_id,
							}, function(res) {
								
								// console.log(res.data.money,'返回的余额');
								// console.log(res.data.order_id,'开通成功');

								let balance = res.data.money;//余额
								
								// let payPrice = self.payPrice;//支付的钱数
								
								let payPrice = self.upgrade_money;//支付的钱数
								let order_id = res.data.order_id
								
								uni.navigateTo({
									url:`/pagesB/user/index_service/my_helper_service_pass/cashier?order_id=${order_id}&balance=${balance}&payPrice=${payPrice}`
								})
								
								
								// console.log(balance,'传余额');
								// console.log(payPrice,'传支付的钱数');
								// console.log(order_id,'传order_id');
								
								
								// let order_id = res.data.order_id
								// uni.navigateTo({
								// 	url:`/pages/user/index_service/my_helper_service_pass/cashier?order_id=' + order_id
								// })
								
								
							});
						}
					}
				});
			}
		}
	}
</script>

<style scoped>
	page {
		/* background: linear-gradient(180deg, #1D1F21 0%, #242629 100%); */
		background-color: black;
	}

	.my-helper-service-pass {
		background-color: black;
	}

	.tab-service-box {
		/* margin: 26rpx 32rpx 0 32rpx; */
		margin: 0 32rpx 0 32rpx;
		padding-top: 26rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
	}

	/* 下面默认未选中样式 */
	.new-tab-item {
		width: 214rpx;
		height: 258rpx;
		background: linear-gradient(180deg, #FEEFD3 0%, #E2C091 100%);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		opacity: 1;

		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.new-tab-item .bottomline {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}


	.bottomline-txt1 {
		margin-top: 22rpx;
		font-size: 28rpx;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		color: #231F18;
		line-height: 52rpx;
	}

	.bottomline-txt2 {
		margin-top: 8rpx;
		font-size: 36rpx;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		color: #663211;
		line-height: 52rpx;
	}

	.bottomline-txt2 text {
		font-size: 48rpx;
		font-weight: 700;
	}

	.bottomline-txt3 {
		margin-top: 8rpx;
		font-size: 24rpx;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		color: #2B2B2B;
		line-height: 52rpx;
	}

	.bottomline-txt4 {
		font-size: 24rpx;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		color: #2B2B2B;
		line-height: 52rpx;
	}


	/* 下面选中样式 */
	.tab-service-box .active {
		width: 214rpx;
		height: 258rpx;
		background: #1F2123;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		opacity: 1;
		border: 2rpx solid;
		border-image: linear-gradient(180deg, rgba(164.00000542402267, 104.00000140070915, 66.00000366568565, 1), rgba(226.0000017285347, 192.00000375509262, 145.00000655651093, 1)) 2 2;
		display: flex;
		flex-direction: column;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}



	.tab-service-box .active .bottomline-txt1 {
		margin-top: 22rpx;
		font-size: 28rpx;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 52rpx;
	}

	.tab-service-box .active .bottomline-txt2 {
		margin-top: 8rpx;
		font-size: 36rpx;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		color: #E2C091;
		line-height: 52rpx;
	}

	.tab-service-box .active .bottomline-txt2 text {
		font-size: 48rpx;
		font-weight: 700;
	}


	.tab-service-box .active .bottomline-txt3 {
		margin-top: 8rpx;
		font-size: 24rpx;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 52rpx;
	}

	.tab-service-box .active .bottomline-txt4 {
		font-size: 24rpx;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 52rpx;
	}

	.submit-service-box {
		display: flex;
		justify-content: center;
		margin-top: 60rpx;
	}

	.submit-service-btn {
		width: 554rpx;
		height: 80rpx;
		background: linear-gradient(180deg, #FEF0D4 0%, #E1BF8F 100%);
		border-radius: 60rpx 60rpx 60rpx 60rpx;
		opacity: 1;
		font-size: 28rpx;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 700;
		color: #663211;
		line-height: 64rpx;
	}

	.agreement-box {
		display: flex;
		justify-content: center;
		margin-top: 16rpx;
	}

	.agreement {
		font-size: 24rpx;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 52rpx;
		display: flex;
		align-items: center;
	}

	.agreement text {
		font-size: 24rpx;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		color: #E1BF8F;
		line-height: 52rpx;
	}

	.agreement-new {

		border-radius: 50%;
		width: 28rpx;
		height: 28rpx;
		border: 2rpx solid #999999;

		background: #fff;
		position: relative;
		margin-right: 10rpx;
		box-sizing: border-box;

	}

	.agreement-new.active::after {

		content: '';
		width: 16rpx;
		height: 16rpx;
		background: linear-gradient(180deg, #FEF0D4 0%, #C19D6C 100%);
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}

	.equity-box {
		margin: 32rpx 30rpx 0 32rpx;
		height: 770rpx;
		background: linear-gradient(117deg, #323232 0%, #1B1B1B 100%);
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		opacity: 1;
		display: flex;
		flex-direction: column;
		/* margin-bottom: 154rpx; */
	}



	.equity-tit {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 28rpx !important;
	}

	.equity-tit-lft {
		width: 40rpx;
		height: 4rpx;
		background: linear-gradient(270deg, #E1C092 0%, rgba(216, 216, 216, 0) 100%);
		border-radius: 72rpx 72rpx 72rpx 72rpx;
		opacity: 1;
		margin-right: 20rpx;
	}

	.equity-tit-txt {
		font-size: 42rpx;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 700;
		color: #F4DFBA;
		line-height: 64rpx;
	}

	.equity-tit-rgt {
		width: 40rpx;
		height: 4rpx;
		background: linear-gradient(270deg, #E1C092 0%, rgba(216, 216, 216, 0) 100%);
		border-radius: 72rpx 72rpx 72rpx 72rpx;
		opacity: 1;
		transform: rotate(180deg);
		margin-left: 20rpx;
	}

	.equity-list {
		margin-top: 20rpx;
		display: flex;
		/* justify-content: space-between; */
		justify-content: space-around;
		/* margin-left: 60rpx;
		margin-right: 66rpx; */
	}

	.equity-list-item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.equity-list-item image {
		width: 76rpx;
		height: 76rpx;
		background: #231F18;
		opacity: 1;
		border-radius: 16rpx;
		margin-bottom: 12rpx;
	}

	.equity-list-item1 {
		font-size: 28rpx;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 40rpx;
	}

	.equity-list2 {
		margin-top: 48rpx;
	}

	.block-btm {
		height: 154rpx;
	}
</style>

最后

感觉文章好的话记得点个心心和关注和收藏，有错的地方麻烦指正一下，如果需要转载,请标明出处，多谢！！！

MFG_666
关注
  • 8
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
bootstrap实现tab选项卡切换
10-14
在本案例中，我们将详细讨论如何使用Bootstrap来实现选项卡切换的功能。 首先，Bootstrap的选项卡（Tab）组件是通过`<ul>`和`<li>`元素以及`<a>`链接来构建的。这些元素配合数据属性（data attributes）和...
小程序转uni-app——for循环
热门推荐
mrliucx的博客
02-24 1万+
uni-app中用（ data-index ）赋值为index时 index 必须在v-for定义 条件：为v-for 循环数组情况下 定义：v-for（item,index in xxxlist）
uniapp循环套循环
cccbbbmmm的博客
12-09 1560
并显示每个外层项的名称。然后，在外层循环内部，我们使用嵌套的。在UniApp中实现循环套循环可以使用嵌套的。在上述代码中，我们定义了一个外层循环的数据。通过以上代码，您可以实现循环套循环的效果。，其中每个项包含一个内层循环的数据。在组件模板中，我们首先使用。并显示每个内层项的名称。指令进行外层循环，遍历。指令进行内层循环，遍历。
uniapp v-for循环拿不到数据问题
最新发布
CZDBGSY的博客
06-17 247
uniapp v-for循环拿不到数据问题解决办法
uniapp使用for循环时候，添加触摸事件并绑定数据
MengTsn的博客
03-19 3339
uniapp使用for循环时候，添加触摸事件并绑定数据 记录下自己遇到过的问题： 想要实现的功能是：通过for循环将数据展示到页面中，并且绑定个事件，点击时会打开一个新的页面，并将点击时的模块数据传递到下一个页面，由于第一次用uniapp，废了很大劲，记录下 <view class="poe-main"> <view class=" poe-main-list" v-for="(item,index) in poe_poetry_body" @tap="openPoe" :data-
VUE(uni-app框架)开发微信小程序②-for循环
qq_39075676的博客
10-17 3422
记录美好
uniapp--循环
魏依一的博客
02-06 2664
v-show判断为false的内容在页面不显示，代码中显示，只是以css形式添加了display=“none”index:其下标（0 1 2 3 4 ..........）；index:其下标（0 1 2 3 4 ..........）；v-if ，v-else-if ，v-else 必须紧挨着写。用法：
layui Tab选项卡切换跟随特效（源码）
09-14
首先，layui的Tab选项卡是一个常见的页面布局元素，用于将大量内容组织成清晰、简洁的模块，用户可以通过点击不同的选项卡来切换显示的内容。这种功能在展示多层级信息或者避免页面过于拥挤时特别有用。在layui中，...
jQuery简单实现tab选项卡切换效果
10-22
主要介绍使用jQuery封装了一个tab选项卡切换的插件，需要的朋友可以参考下。
2017最新jQuery tab京东商品切换选项卡效果源码下载
11-22
【jQuery Tab 京东商品切换选项卡效果源码详解】 在网页设计中，为了提供良好的用户体验，经常需要使用到选项卡（Tab）功能。jQuery作为一款轻量级的JavaScript库，因其简洁的API和强大的功能，成为了实现选项卡...
简单大气的瀑布流里带着tab选项卡切换效果源码下载
09-01
在这个"简单大气的瀑布流里带着tab选项卡切换效果"的源码中，我们可以深入探讨以下几个关键知识点： 1. **瀑布流布局**： - **CSS Flexbox** 或 **CSS Grid**：现代浏览器通常使用这两种布局技术实现瀑布流。...
uniapp开发笔记（3）—— js随记
weixin_47348585的博客
05-11 1275
这篇笔记，记录的是我在项目中，常用到的js的一些方法整理，也算是边做边学 首先最长用的，应该就是数组循环了。 1.for循环 for(let i = 1; i < 5; i++){ console.log(i) } //1 2 3 4 for循环在循环数组的时候，i<数组的长度 2.map() map返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 let i = [1, 2, 3]; let p = i.map((a...
uniapp小程序v-for提示“不支持循环数据”
Moon Star
11-06 1286
以至于获取不到循环的数据。
uniapp循环定时任务实现方法
kinghuahua
06-01 5983
1、for循环 for (var i = 0; i < res.data.length; i++) { (function(i) { setTimeout(function() { if(!that.isstop){ that.list.unshift(res.data[i]) if (i == res.data.length - 1&&i>0) { var tmppage = that.page + 1 that.page = t
v-for的嵌套循环使用【uniapp】
qq_54568336的博客
04-12 4339
<template> <view class="" > <view class="content" v-for="(item,index) in qqcy"> <view class="box" @tap="skillIdx=index"> 门派：{{ item.address }} 代表：{{ item.represent }} </view> <!-- 要展示的列表 item.member是根据上一层的.
v-for循环空数组异常渲染排查解决【uniapp,微信小程序,vue】
General_D的博客
12-04 1866
列表异常显示空行，但部分正常，怀疑是渲染问题。通过源码我们得知渲染使用了v-for，咱们分为两种情况进行排查,那就先排除一个最简单的，是否存在换行符；其次排除是否存在异常渲染的情况，如渲染了看不见，渲染了空元素。
uniapp v-for循环组件遇到的问题
weixin_52716609的博客
05-26 999
当使用v-for循环组件时，有个需求在子组件内点击跳转详情页面需要传详情页面id，打印获取的id为数据循环最后一项值的id，我感觉这里是因为循环同一组件后面组件的值覆盖了一开始的值然后后面想到循环时为组件添加ref属性或key属性，发现还是不行。在最近开发项目中用到了uniapp进行h5端开发，在使用v-for循环自己封装的组件过程中遇到了一个问题。
uni-app知识点
qq_69909373的博客
11-28 1227
uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
uniapp中v-for循环ref踩坑
DrowningSwimmer的博客
09-22 714
我console.log(NumCard.value,IDCard.value,ErrorCard.value,'IDCard');在网页上能打印出来，但是在小程序当中全是undefined，目前还没解决。
前端实现tab选项卡切换内容
05-21
在前端实现选项卡切换内容，可以使用HTML、CSS和JavaScript来实现。以下是一个简单的示例： HTML代码： ```html <div class="tab"> <button class="tablinks" onclick="openTab(event, 'tab1')">选项卡1</button>...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值