dcloud会员激活mui

最新推荐文章于 2019-02-24 09:35:39 发布
最新推荐文章于 2019-02-24 09:35:39 发布
阅读量148 收藏
点赞数
原文链接：https://my.oschina.net/af666/blog/825147
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

<!doctype html>

<html>

 

<head>

<meta charset="UTF-8">

<title></title>

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

<link href="../../css/mui.min.css" rel="stylesheet" />

<style>

#head {line-height: 40px;}

#head-img1 { position: absolute; bottom: 10px; right: 16px; width: 40px; height: 40px;}

.mui-table-view span.mui-pull-right {color:#969696;}

</style>

</head>

 

<body>

 

<header class="mui-bar mui-bar-nav">

    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>

    <h1 class="mui-title mui-text-left">会员</h1>

</header>

 

<div class="mui-content">

    <div class="mui-scroll-wrapper">

        <div class="mui-scroll" style="padding-top:55px;">

            <!--这里放置真实显示的DOM内容-->

            <ul class="mui-table-view">

<li class="mui-table-view-cell">

<a id="head" class="">头像

<span class="mui-pull-right">

<img class="head-img mui-action-preview" id="head-img1" src="../../images/shuijiao.jpg"/>

</span>

</a>

</li>

<li class="mui-table-view-cell">

<a>姓名<span class="mui-pull-right" id="userName">检爱一生</span></a>

</li>

<li class="mui-table-view-cell">

<a>身份证号<span class="mui-pull-right" id="idCard">888888888888888888</span></a>

</li>

<li class="mui-table-view-cell">

<a>会员状态<span class="mui-pull-right" id="vipStatus">已激活</span></a>

</li>

<li class="mui-table-view-cell">

<a>有效期至<span class="mui-pull-right" id="term">2088.08.08</span></a>

</li>

<li class="mui-table-view-cell">

<div class="mui-input-row">

        <label>激活码</label>

        <input type="number" class="mui-input-clear mui-text-right" id="activateCode" placeholder="请输入激活码">

    </div>

</li>

</ul>

        </div>

    <button id="activate" class="mui-btn mui-btn-block" style="position:absolute;left:0;bottom:0;">激活</button>

    </div>

</div>

</body>

<script src="../../js/mui.min.js"></script>

<script type="text/javascript">

mui.plusReady(function(){

var userName = document.getElementById("userName");

var idCard = document.getElementById("idCard");

var vipStatus = document.getElementById("vipStatus");

var term = document.getElementById("term");

var activate = document.getElementById("activate");

var activateCode = document.getElementById("activateCode");

mui.ajax('http://',{

data:{

access_token:'WyJOdz09IiwiTVRRNE16WTRNakEwT1E9PSIsIk1USTVOakF3TUE9PSJd'

},

dataType:'json',//服务器返回json格式数据

type:'post',//HTTP请求类型

timeout:10000,//超时时间设置为10秒；

//headers:{'Content-Type':'application/json'},

success:function(data){

//console.log(JSON.stringify(data))

if(data.code == 1){

userName.innerHTML = data.data.real_name;

idCard.innerHTML = data.data.id_card;

if(data.data.vip_status == 0){

vipStatus.innerHTML = '未激活';

activate.style.display = 'block';

term.parentNode.parentNode.style.display = 'none';

activateCode.parentNode.parentNode.style.display = 'block';

}else if(data.data.vip_status == 1){

vipStatus.innerHTML = '已激活';

activate.style.display = 'none';

term.parentNode.parentNode.style.display = 'block';

activateCode.parentNode.parentNode.style.display ='none';

var timestamp = data.data.user_time_length;

var d = new Date(timestamp * 1000);

term.innerHTML = (d.getFullYear())+"."+(d.getMonth() + 1)+"."+(d.getDate());

}

}else{

mui.toast(data.msg);

}

},

error:function(xhr,type,errorThrown){

mui.toast('系统异常');

}

});

});

 

mui("body").on('tap','#activate',function(){

var vipStatus = document.getElementById("vipStatus");

var term = document.getElementById("term");

var activate = document.getElementById("activate");

var activateCode = document.getElementById("activateCode");

var val = activateCode.value;

mui.ajax('http://',{

data:{

access_token:'WyJOdz09IiwiTVRRNE5ESXhPRGMyTVE9PSIsIk1USTVOakF3TUE9PSJd',

activation_code:val

},

dataType:'json',//服务器返回json格式数据

type:'post',//HTTP请求类型

timeout:10000,//超时时间设置为10秒；

//headers:{'Content-Type':'application/json'},

success:function(data){

//console.log(JSON.stringify(data))

if(data.code == 1){

vipStatus.innerHTML = '已激活';

activateCode.parentNode.parentNode.style.display = 'none';

activate.style.display = 'none';

term.parentNode.parentNode.style.display = 'block';

var timestamp = data.data.user_time_length;

var d = new Date(timestamp * 1000);

term.innerHTML = (d.getFullYear())+"."+(d.getMonth() + 1)+"."+(d.getDate());

mui.toast('激活成功');

}else if(data.code == -1){

mui.toast(data.msg);

}

},

error:function(xhr,type,errorThrown){

mui.toast('系统异常');

}

});

});

</script>

</html>

转载于:https://my.oschina.net/af666/blog/825147

?Briella
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
DCloud社区回馈抽奖活动来了！礼品多，速来！
hbcui1984的专栏
11-12 563
uni-app是个好东西，但很多人还不知道它。 社交平台分享推荐uni-app，让更多人知道这个开发利器，还能参与活动抽大奖！ 既然是抽奖活动，咱们先说奖品！ 奖项设置： 1、普通奖：每周抽奖，极客T恤、uni-app马克杯、极客超大鼠标垫共200个。共5期1000份礼品。 2、周大奖：第一次至第四次抽奖活动 每周一个固态硬盘/机械键盘 （任选其一）价值600元。共4期4份礼品。 3、活...
会员积分管理系统（HBuilder开发 MUI+WEBSQL 搭建 ）小工具
07-09
程序主要是做一个对会员进行登记，并记录积分，通过积分进行消费的程序 使用的是MUI的框架，离线数据用的是WEBSQL 只要下载下来，用HBuildel就可直接打开， 不过程序是用在平板上的。没有设计手机的大小所以需要注意
DCloud-HTML5+：5+ App开发入门指南
weixin_30552811的博客
06-14 1068
ylbtech-DCloud-HTML5+：5+ App开发入门指南 1.返回顶部 1、 5+ App开发入门指南 AppApp入门 HTML5 Plus应用概述 HTML5 Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS API任...
DCloud-MUI：文档 UI组件
weixin_30399871的博客
03-25 624
ylbtech-DCloud-MUI：文档 UI组件 1.返回顶部 1、accordion（折叠面板） 折叠面板从二级列表中演化而来，dom结构和二级列表类似，如下： <ul class="mui-table-view"> <li class="mui-table-view-cell mui-col...
DCloud-MUI：窗口管理
weixin_30433075的博客
03-26 294
ylbtech-DCloud-MUI：窗口管理 通过预加载解决切页白屏问题，通过封装原生动画解决SPA模式的动画卡顿 1.返回顶部 1、页面初始化 在app开发中，若要使用HTML5+扩展api，必须等plusready事件发生后才能正常使用，mui将该事件封装成了mui.plusReady()方法，涉及到HTML5+的api，建议都写...
DCloud-MUI：下拉刷新、上拉加载
weixin_30571465的博客
03-26 157
ylbtech-DCloud-MUI：下拉刷新、上拉加载 1. 下拉刷新返回顶部 0、 http://dev.dcloud.net.cn/mui/pulldown/ 1、 概述 为实现下拉刷新功能，大多数 H5 框架都是通过 DIV 模拟下拉回弹动画，在低端 android 手机上，DIV 动画经常出现卡顿现象（特别是图文列表...
MUI 实现侧滑菜单及其主体部分上下滑动
yijiupingfan0914的博客
06-29 1071
在MUI文档的侧滑菜单介绍里没有说明如何实现侧滑，而MUI侧滑菜单默认是没有上下滑动功能的，需要激活。1、首先在 class="mui-scroll-wrapper" 的元素上添加ID：&lt;!-- 侧滑导航根容器 --&gt;&lt;div class="mui-off-canvas-wrap mui-draggable"&gt; &lt;!-- 菜单容器 --&gt; &lt;aside...
mui开发记录（一）图片轮播 界面布局
GUANYX的博客
02-24 788
      最近进行移动端开发，之前接触过web开发，对h5和js等技术有了解，于是选择了mui框架进行混合开发。用了半天时间对其进行了解，发现开发起来还是很便捷的。在此记录一下学习过程。      mui的官网组件手册http://dev.dcloud.net.cn/mui/ui/ 一、图片轮播 mslider激活，就可以找到组件了。然后根据需要进行一定的修改。 &lt;div cla...
mui与vue结合 功能网址
qq_31971935的博客
08-10 1万+
Vue.js的组件和框架PC与移动 iView elementUI MintUIelementUI PC官网 http://element.eleme.io/ MintUI 移动端 http://mint-ui.github.io/ iView 是一套基于 Vue.js 的 UI 组件库，主要服务于 PC 界面的中后台产品。https://www.iviewui.com/components
MUI 实现侧滑菜单及其主体部分上下滑动的方法
08-28
接下来，为了让侧滑菜单和内容部分可以滑动，我们需要在JavaScript中激活滚动功能。这可以通过调用MUI的`scroll`方法完成，如下所示： ```javascript mui('#offCanvasSideScroll').scroll(); mui('#...
手机界面JS框架
04-04
MUI框架，全称为DCloud（多端开发云）下的Mobile UI，是一款专为移动应用设计的高性能前端框架。其核心目标是提供与原生应用程序相似的用户体验，使得开发者能够轻松创建出流畅、响应式且极具交互性的手机应用界面。...
mui初级入门教程（二）— html5+ webview 底部栏用法详解
BillyLu的博客
11-09 1362
文章来源：小青年原创 发布时间：2016-05-19 关键词：mui,html5+,webview 转载需标注本文原始地址: http://zhaomenghuan.github.io... 写在前面 本系列文章我们将利用mui基于网易云音乐API实现一个音乐播放器APP，同时基于环形或者融云实现聊天功能。作为本系列文章的第一篇，本文会详细讲解html5+中管理应用窗口界面的
[webAPP项目]基于MUI框架webAPP之头部导航与底部导航制作详解02
热门推荐
图解AI
11-28 2万+
前言 一个完整的APP少不了,要有头部导航跟底部导航,那么我们在用MUI框架来开发APP时,在制作头部导航很底部选项卡时我们应该要注意哪些呢? 接下来给大家来详细讲解一下:在上一节中我们已经介绍怎么去做一个开机引导图了[webAPP项目]基于MUI框架webAPP开发功能流程之引导图制作详解01如果不会的,就按照上一篇文章讲解的自己在作一遍.效果图最终我们要实现的效果如下: 具体实现1.首先创
Django 安装包 linux
09-05
Django 安装包 主要应用于linux
#-ssm-056-mysql-水稻朔源信息系统.zip
09-05
水稻朔源信息系统
基于springboot毕业设计成绩管理系统的设计与实现.docx
09-05
基于springboot毕业设计成绩管理系统的设计与实现.docx
全球与中国工业内窥镜市场现状及未来发展趋势（2024版）.docx
09-05
全球与中国工业内窥镜市场现状及未来发展趋势（2024版）.docx
SWAN-time.bin
最新发布
09-05
SWAN-time.bin
思科dCloud：随时随地的自助演示云服务
dCloud是思科提供的一个创新的云计算平台，专为IT行业的合作伙伴和销售人员设计，旨在简化产品演示流程并提升效率。它将思科的解决方案架构实现虚拟化，使得无论地理位置如何，都可以进行实时的、个性化的和灵活的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值