mui 水平滑动标签及列表和定时刷新

最新推荐文章于 2021-12-31 18:58:53 发布
最新推荐文章于 2021-12-31 18:58:53 发布
阅读量524 收藏
点赞数
分类专栏： mui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_24743861/article/details/102931108
版权

 

1、html

<!-- 消息 -->
<div id="tabbar-msg" class="mui-control-content nav-tab">
    <div class="mui-content">
        <div id="slider" class="mui-slider mui-fullscreen">
            <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-            indicator mui-segmented-control mui-segmented-control-inverted">
		<div class="mui-scroll" id="msgSliderTilte">
			<a class="mui-control-item mui-active" href="#item1mobile">
			    推荐
			</a>
		        <a class="mui-control-item" href="#item2mobile">
			    热点
			</a>
			<a class="mui-control-item" href="#item3mobile">
			    北京
			</a>
			<a class="mui-control-item" href="#item4mobile">
			    社会
			</a>
			<a class="mui-control-item" href="#item5mobile">
			    娱乐
			</a>
			<a class="mui-control-item" href="#item6mobile">
			    科技
			</a>
			<a class="mui-control-item" href="#item7mobile">
			    html
			</a>
			<a class="mui-control-item" href="#item8mobile">
			    css
			</a>
		</div>
	</div>
	<div class="mui-slider-group">
	    <div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
		<div id="scroll1" class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<ul class="mui-table-view">

				</ul>
			</div>
		</div>
	    </div>
	    <div id="item2mobile" class="mui-slider-item mui-control-content">
		<div class="mui-scroll-wrapper">
		    <div class="mui-scroll">
			<ul class="mui-table-view">

			</ul>
		    </div>
		</div>
	    </div>
	    <div id="item3mobile" class="mui-slider-item mui-control-content">
		<div class="mui-scroll-wrapper">
		    <div class="mui-scroll">
			<ul class="mui-table-view">

			</ul>
		    </div>
		</div>
	    </div>
	    <div id="item4mobile" class="mui-slider-item mui-control-content">
		<div class="mui-scroll-wrapper">
		    <div class="mui-scroll">
			<ul class="mui-table-view">

			</ul>
		    </div>
		</div>
	    </div>
	    <div id="item5mobile" class="mui-slider-item mui-control-content">
		<div class="mui-scroll-wrapper">
		    <div class="mui-scroll">
			<ul class="mui-table-view">

			</ul>
		    </div>
		</div>
	    </div>
	    <div id="item6mobile" class="mui-slider-item mui-control-content">
		<div class="mui-scroll-wrapper">
		    <div class="mui-scroll">
			<ul class="mui-table-view">

			</ul>
		    </div>
		</div>
	    </div>
	    <div id="item7mobile" class="mui-slider-item mui-control-content">
		<div class="mui-scroll-wrapper">
		    <div class="mui-scroll">
			<ul class="mui-table-view">

			</ul>
		    </div>
		</div>
	    </div>
	    <div id="item8mobile" class="mui-slider-item mui-control-content">
		<div class="mui-scroll-wrapper">
		    <div class="mui-scroll">
			<ul class="mui-table-view">

			</ul>
		    </div>
		</div>
	    </div>
<!--  -->
        </div>
    </div>
</div>
</div>
	
<!-- 标题替换 -->
<div id="msgReplace01" style="display: none;">
	<a class="mui-control-item {*data01}" href="{*data02}">
		{*data03}
	</a>
</div>

2、CSS

.mui-bar-nav~.mui-content .mui-slider.mui-fullscreen {
	top: 0;
	height: auto;
}

.mui-bar-tab~.mui-content .mui-slider.mui-fullscreen .mui-segmented-control~.mui-slider-group {
	bottom: 0px;
}

.mui-segmented-control.mui-scroll-wrapper {
	height: 48px;
	font-size: 15px;
}

.mui-segmented-control.mui-scroll-wrapper .mui-control-item {
	padding: 5px 10px;
	background: #FFFFFF;
}
.mui-slider-indicator.mui-segmented-control {
    background-color: #FFFFFF;
	position: relative;
    bottom: auto;
	border-bottom: 1px solid #E5E5E5;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
	background: #FFFFFF;
}

.mui-pull-top-tips {
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -25px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	z-index: 1;
}

.mui-bar~.mui-pull-top-tips {
	top: 24px;
}

.mui-pull-top-wrapper {
	width: 42px;
	height: 42px;
	display: block;
	text-align: center;
	background-color: #efeff4;
	border: 1px solid #ddd;
	border-radius: 25px;
	background-clip: padding-box;
	box-shadow: 0 4px 10px #bbb;
	overflow: hidden;
}

.mui-pull-top-tips.mui-transitioning {
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

.mui-pull-top-tips .mui-pull-loading {
	/*-webkit-backface-visibility: hidden;
				-webkit-transition-duration: 400ms;
				transition-duration: 400ms;*/
	margin: 0;
}

.mui-pull-top-wrapper .mui-icon,
.mui-pull-top-wrapper .mui-spinner {
	margin-top: 7px;
}

.mui-pull-top-wrapper .mui-icon.mui-reverse {
	/*-webkit-transform: rotate(180deg) translateZ(0);*/
}

.mui-pull-bottom-tips {
	text-align: center;
	background-color: #efeff4;
	font-size: 15px;
	line-height: 40px;
	color: #777;
}

.mui-pull-top-canvas {
	overflow: hidden;
	background-color: #fafafa;
	border-radius: 40px;
	box-shadow: 0 4px 10px #bbb;
	width: 40px;
	height: 40px;
	margin: 0 auto;
}

.mui-pull-top-canvas canvas {
	width: 40px;
}

3、JS

var msgPageRows = 20;
var pageNum1 = 0;
var pageNum2 = 0;
var pageNum3 = 0;
var pageNum4 = 0;
var pageNum5 = 0;
var pageNum6 = 0;
var pageNum7 = 0;
var pageNum8 = 0;

var totalPage1 = "";
var totalPage2 = "";
var totalPage3 = "";
var totalPage4 = "";
var totalPage5 = "";
var totalPage6 = "";
var totalPage7 = "";
var totalPage8 = "";

mui.plusReady(function() {
    getMessageTitle();
    initMsg();
    queryMessage();
});

var tabMsg = "";

/**
 * 定时刷新
 */
function queryMessage() {
	tabMsg = setInterval(function() {
		pageNum1 = 0;
		pageNum2 = 0;
		pageNum3 = 0;
		pageNum4 = 0;
		pageNum5 = 0;
		pageNum6 = 0;
		pageNum7 = 0;
		pageNum8 = 0;
		initMsg();
	}, 20000);
};
function getMessageTitle() {
	var dataForm = {}
	fhAjaxSynch("XXXXXXX(接口名字)", dataForm, "post", 10000, function(_json) {
		console.log("数据：" + JSON.stringify(_json));
		//关闭加载框
		if (_json.status == "error") {
			mui.toast(_json.message);
			return;
		} else {
			var jsonData = _json.data;
			setMsgSliderTilte(jsonData);
		};
	});
}

/**
 * 动态设置消息滑动标题
 */
function setMsgSliderTilte(pdata) {
	var html = "";
	mui.each(pdata, function(index, element) {
		var tempHtml = document.getElementById("msgReplace01").innerHTML;
		if (index == 0) {
			tempHtml = tempHtml.replace("{*data01}", "mui-active");
		} else {
			tempHtml = tempHtml.replace("{*data01}", "");
		}
		tempHtml = tempHtml.replace("{*data02}", "#item" + (parseInt(element.value) + 1) + "mobile");
		tempHtml = tempHtml.replace("{*data03}", element.label);

		html += tempHtml;
	});
	document.getElementById("msgSliderTilte").innerHTML = html;
}

/**
 * 消息列表
 */
function initMsg() {
	(function($) {
		//阻尼系数
		var deceleration = mui.os.ios ? 0.003 : 0.0009;
		$('.mui-scroll-wrapper').scroll({
			bounce: false,
			indicators: true, //是否显示滚动条
			deceleration: deceleration
		});
		$.ready(function() {
			//循环初始化所有下拉刷新，上拉加载。
			$.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
				$(pullRefreshEl).pullToRefresh({
					down: {
						auto: true,
						callback: function() {
							console.log("下拉刷新");
							var self = this;
							if (index == 0) { //推荐
								pageNum1 = 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									ul.innerHTML = "";
									getMsgListByType(msgPageRows, pageNum1, index, ul);
									self.endPullDownToRefresh(pageNum1 === totalPage1); //最后一页加载完成后禁用上拉	
								}, 1000);
							} else if (index == 1) { //热点
								pageNum2 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									ul.innerHTML = "";
									getMsgListByType(msgPageRows, pageNum2, index, ul);
									self.endPullDownToRefresh(pageNum2 === totalPage2);
								}, 1000);
							} else if (index == 2) { //北京
								pageNum3 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									ul.innerHTML = "";
									getMsgListByType(msgPageRows, pageNum3, index, ul);
									self.endPullDownToRefresh(pageNum3 === totalPage3); //最后一页加载完成后禁用上拉	
								}, 1000);
							} else if (index == 3) { //社会
								pageNum4 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									ul.innerHTML = "";
									getMsgListByType(msgPageRows, pageNum4, index, ul);
									self.endPullDownToRefresh(pageNum4 === totalPage4); //最后一页加载完成后禁用上拉	
								}, 1000);
							} else if (index == 4) { //娱乐
								pageNum5 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									ul.innerHTML = "";
									getMsgListByType(msgPageRows, pageNum5, index, ul);
									self.endPullDownToRefresh(pageNum5 === totalPage5); //最后一页加载完成后禁用上拉	
								}, 1000);
							} else if (index == 5) { //科技
								pageNum6 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									ul.innerHTML = "";
									getMsgListByType(msgPageRows, pageNum6, index, ul);
									self.endPullDownToRefresh(pageNum6 === totalPage6); //最后一页加载完成后禁用上拉	
								}, 1000);
							} else if (index == 6) { //html
								pageNum7 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									ul.innerHTML = "";
									getMsgListByType(msgPageRows, pageNum7, index, ul);
									self.endPullDownToRefresh(pageNum7 === totalPage7); //最后一页加载完成后禁用上拉	
								}, 1000);
							} else if (index == 7) { //CSS
								pageNum8 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									// ul.appendChild(createFragment(ul, index, 5));
									ul.innerHTML = "";
									getMsgListByType(msgPageRows, pageNum8, index, ul);
									self.endPullDownToRefresh(pageNum8 === totalPage8); //最后一页加载完成后禁用上拉	
								}, 1000);
							}
						}
					},
					up: {
						auto: true, //默认执行一次上拉加载
						contentinit: '上拉加载更多信息',
						contentdown: '上拉加载结束',
						contentrefresh: '正在加载信息请稍等',
						contentnomore: '没有更多数据',
						callback: function() {
							console.log("上拉加载" + index);
							var self = this;

							if (index == 0) { //推荐
								pageNum1 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									if(pageNum1==1){
										ul.innerHTML = "";
									}
									getMsgListByType(msgPageRows, pageNum1, index, ul);
									self.endPullUpToRefresh(pageNum1 === totalPage1); //最后一页加载完成后禁用上拉	
								}, 1000);
							} else if (index == 1) { //热点
								pageNum2 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									if(pageNum2==1){
										ul.innerHTML = "";
									}
									getMsgListByType(msgPageRows, pageNum2, index, ul);
									self.endPullUpToRefresh(pageNum2 === totalPage2); //最后一页加载完成后禁用上拉	
								}, 1000);
							} else if (index == 2) { //北京
								pageNum3 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									if(pageNum3==1){
										ul.innerHTML = "";
									}
									getMsgListByType(msgPageRows, pageNum3, index, ul);
									self.endPullUpToRefresh(pageNum3 === totalPage3); //最后一页加载完成后禁用上拉	
								}, 1000);
							} else if (index == 3) { //社会
								pageNum4 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									if(pageNum4==1){
										ul.innerHTML = "";
									}
									getMsgListByType(msgPageRows, pageNum4, index, ul);
									self.endPullUpToRefresh(pageNum4 === totalPage4); //最后一页加载完成后禁用上拉	
								}, 1000);
							} else if (index == 4) { //娱乐
								pageNum5 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									if(pageNum5==1){
										ul.innerHTML = "";
									}
									getMsgListByType(msgPageRows, pageNum5, index, ul);
									self.endPullUpToRefresh(pageNum5 === totalPage5); //最后一页加载完成后禁用上拉	
								}, 1000);
							} else if (index == 5) { //科技
								pageNum6 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									if(pageNum6==1){
										ul.innerHTML = "";
									}
									getMsgListByType(msgPageRows, pageNum6, index, ul);
									self.endPullUpToRefresh(pageNum6 === totalPage6); //最后一页加载完成后禁用上拉	
								}, 1000);
					} else if (index == 6) { //html
								pageNum7 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									if(pageNum7==1){
										ul.innerHTML = "";
									}
									getMsgListByType(msgPageRows, pageNum7, index, ul);
									self.endPullUpToRefresh(pageNum7 === totalPage7); //最后一页加载完成后禁用上拉	
								}, 1000);
						} else if (index == 7) { //CSS
								pageNum8 += 1;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									if(pageNum8==1){
										ul.innerHTML = "";
									}
									getMsgListByType(msgPageRows, pageNum8, index, ul);
									self.endPullUpToRefresh(pageNum8 === totalPage8); //最后一页加载完成后禁用上拉	
								}, 1000);
							}
						}
					}
				});
			});
		});

		mui("#tabbar-msg").on('tap', 'li', function() {
			var msgData = this.getAttribute("data-msg");
			mui.openWindow({
				url: 'templates/msg/msgDetail.html',
				createNew: false,
				extras: {
					jsonData: msgData
				},
			});
		})
	})(mui);
}

function getMsgListByType(mpageSize, mpage, type, ul) {
	var dataForm = {
		"rows": mpageSize,
		"page": mpage,
		"sort": "createtime",
		"order": "desc",
		"dictType": type,
		"userId": plus.storage.getItem("USERID")
	}
	console.log("mpage：" + mpage);
	fhAjaxSynch("(接口名字)", dataForm, "post", 10000, function(_json) {
		// console.log("类型：" + type + "，" + JSON.stringify(_json));
		//关闭加载框
		if (_json.status == "error") {
			mui.toast(_json.message);
			return;
		} else {
			var rowsData = _json.data.rows;
			var totalRows = _json.data.total;
			if (type == 0) {
				if (totalRows % mpageSize === 0) {
					totalPage1 = totalRows / mpageSize;
				} else {
					totalPage1 = parseInt(totalRows / mpageSize) + 1;
				}
			} else if (type == 1) {
				if (totalRows % mpageSize === 0) {
					totalPage2 = totalRows / mpageSize;
				} else {
					totalPage2 = parseInt(totalRows / mpageSize) + 1;
				}
			} else if (type == 2) {
				if (totalRows % mpageSize === 0) {
					totalPage3 = totalRows / mpageSize;
				} else {
					totalPage3 = parseInt(totalRows / mpageSize) + 1;
				}
			} else if (type == 3) {
				if (totalRows % mpageSize === 0) {
					totalPage4 = totalRows / mpageSize;
				} else {
					totalPage4 = parseInt(totalRows / mpageSize) + 1;
				}
			} else if (type == 4) {
				if (totalRows % mpageSize === 0) {
					totalPage5 = totalRows / mpageSize;
				} else {
					totalPage5 = parseInt(totalRows / mpageSize) + 1;
				}
			} else if (type == 5) {
				if (totalRows % mpageSize === 0) {
					totalPage6 = totalRows / mpageSize;
				} else {
					totalPage6 = parseInt(totalRows / mpageSize) + 1;
				}
			} else if (type == 6) {
				if (totalRows % mpageSize === 0) {
					totalPage7 = totalRows / mpageSize;
				} else {
					totalPage7 = parseInt(totalRows / mpageSize) + 1;
				}
			} else if (type == 7) {
				if (totalRows % mpageSize === 0) {
					totalPage8 = totalRows / mpageSize;
				} else {
					totalPage8 = parseInt(totalRows / mpageSize) + 1;
				}
			}
			setMsgListItem(rowsData, ul);
		}
	});
}

function setMsgListItem(pdata, pul) {
	var fragment = document.createDocumentFragment();
	var li;
	mui.each(pdata, function(index, element) {
		li = document.createElement('li');
		li.className = 'mui-table-view-cell';
		li.setAttribute("data-msg", JSON.stringify(element));
		li.innerHTML = element.msg_title + "<br/>" + element.msg_content;
		fragment.appendChild(li);
	});
	pul.appendChild(fragment);
}

 

baidu_24743861
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
mui选项卡切换和下拉刷新加载数据列表代码.zip
07-11
这是一款基于mui框架制作的选项卡切换和下拉刷新加载数据列表代码，手机移动端选项卡切换插件，触屏滑动下拉刷新代码。 js代码 [removed][removed] [removed][removed] [removed][removed] [removed] mui....
HTML5 混合APP开发学习笔记（十七）——MUI框架
weixin_43569314的博客
06-02 591
MUI框架 卡片视图 mui-card：卡片 mui-card-header：卡片元素的顶部 mui-card-content：卡片元素的内容部分 mui-card-footer：卡片元素的底部 <div class="mui-card"> <div class="mui-card-header mui-card-media"> <img src="logo....
mui定时自动局部刷新
u013720726的博客
09-05 7101
需求：显示实时数据 　　方案：固定时间间隔调用ajax函数 　　总体结构：setInterval（ajax函数，1000）；ps： JavaScript的使用中函数的定义位置没有关系； JavaScript函数有时有括号，有时没有括号，有括号代表的是函数调用，没有括号代表的是函数的指针；
mui 页面滚动解决方案
weixin_30546189的博客
01-04 514
默认情况下mui 页面不能滚动，以下为解决方案： 1.mui('.mui-scroll-wrapper').scroll({ 　　deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006 }); 2.(function($){ $(".mui-scroll-wrapper").scroll({ ...
MUI 图片轮播
爱我的修罗
11-13 1538
好久没有更新啦，最近慵懒了，不找那么多借口，马上就要年终结算了，还是希望能自己上线一款APP，给领导眼前一亮的感觉，希望最近一个月能勤快点，如果让我对年轻人说一句话，就是 晚点生娃，晚点生娃，晚点生娃，不然你会觉得时间根本不够用，我再写这篇文章的时候，我的女儿在外面看动画片，当然你不可能一直用动画片打发她，这样是很不负责任的，今天老婆开会，我也是给她幼儿园接回来，喂了饭，陪着一起念了五十分钟的三字...
MUI返回上页面并自动刷新
gaoduicai的博客
12-31 953
mui返回上个页面并刷新数据 今天写项目遇到个问题，就是B页面支付操作完成以后，点击返回按钮要到A页面，此时A页面的余额需要刷新，无论是vue项目还是app项目好像并没有用到过这个东西。 好一阵的头大，用的mui框架，网上能找的方法几乎都试了，不知道原因所以无法解决。 最后终于弄清楚了原因。 B页面这样写： mui.init({ beforeback: function() {　　　　 ...
MUI实现上拉加载和下拉刷新效果
08-30
在移动应用开发中，UI（用户界面）的交互体验至关重要，特别是对于数据量较大的列表，上拉加载（Infinite Scroll）和下拉刷新（Pull-to-Refresh）功能能极大提升用户体验。MUI（MobUI）是一款基于HTML5的前端框架，...
mui选项卡切换和下拉刷新加载数据列表代码.rar
01-13
本压缩包"mui选项卡切换和下拉刷新加载数据列表代码.rar"包含了实现`mui`选项卡切换功能以及下拉刷新、上拉加载更多数据列表的代码示例。 一、`mui`选项卡切换 `mui`中的选项卡切换功能是通过`mui.tabs`组件实现的...
mui及索引列表indexedList,mui.picker.有索引列表具体教程
05-30
`mui.indexedList`是一个具有快速滚动索引功能的列表组件，常用于通讯录或者商品分类等场景。它允许用户通过点击字母栏快速定位到对应首字母的数据项，极大地提升了用户体验。在`mui`中实现`indexedList`，首先需要...
mui back 返回刷新页面的实例
08-28
mui back 返回刷新页面的实例 在移动应用开发中，mui 是一个流行的前端框架，提供了许多实用的功能和组件。在本文中，我们将探讨如何使用 mui 实现返回刷新页面的功能。 1. mui.back() 函数 mui.back() 函数是一...
MUI之父页面刷新
12-12
这个是MUI框架父页面刷新的Demo，MUI是一个比较好用的国产前端H5框架
MUI页面刷新
D_dragon_bamboo的博客
11-25 4795
打开已打开过的页面刷新： var prePage = plus.webview.getWebviewById("htmlId"); //根据页面ID获取到该页面对象 prePage.reload(true); //设置页面重新加载项(默认为false，改为true) 界面顶部回退上一个页面的刷新方法： var _back = mui.back; //获取mui原生页面回退方法 mui.b
【转】Hbuilder MUI 页面刷新及页面传值问题
weixin_33901926的博客
04-05 198
文章来源：http://www.111cn.net/sys/CentOS/67213.htm 一、页面刷新问题 1.父页面A跳转到子页面B，B页面修改数据后再跳回A页面，刷新A页面数据 (1).父页面A代码 window.addEventListener("pageflowrefresh", function (e) { location.reload(); }); (2)....
使用mui实现横向滚动的tab标签
热门推荐
lijianfengxiaoli的博客
11-03 1万+
第一步:引入mui.min.css和mui.min.js文件 第二部:在html文档中添加如下代码 推荐 苏州行 北京 游记 影评
mui项目实时更新
apo88082的博客
07-11 358
var wgtVer=null; function plusReady(){ // ...... // 获取本地应用资源版本号 plus.runtime.getProperty(plus.runtime.appid,function(inf){ wgtVer=inf.version; console.log("当前应用版...
mui添加子标签的方法
最新发布
06-06
在MUI中添加子标签的方法有多种，以下是其中一种常用方法： 1. 首先，需要先获取到父标签的DOM对象，例如： ``` var parent = document.getElementById('parent'); ``` 2. 然后，可以使用innerHTML或appendChild...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值