<image class="tit" src="{{guanggao}}"></image>
<view class="containe">
<view class="geren" bindtap="geren">
<image src="../../images/gr.png"></image>
<view class="gshi">个人实名认证</view>
<view class="classname">申请</view>
</view>
<view class="qiye" bindtap="qiye">
<image src="../../images/qi.png"></image>
<view class="gshi">企业实名认证</view>
<view class="classname">申请</view>
</view>
</view>
<button type="" hover-class='button-hover' class='su' bindtap="content">查看实名认证协议</button>
|
page {
background: #fff;
height: 100%;
}
/*广告*/
.tit {
height: 300rpx;
width: 100%;
}
.containe {
height: 55%;
display: flex;
/*align-items: center;*/
justify-content: center;
}
.su {
width: 84%;
color: #fff;
height: 69rpx;
line-height: 69rpx;
font-size: 30rpx;
font-family: "微软雅黑", "黑体";
background: #1296db;
}
.geren {
flex: 1;
text-align: center;
padding-top: 200rpx;
}
.geren image {
width: 50%;
margin: 0 auto;
height: 178rpx;
}
.qiye {
flex: 1;
text-align: center;
margin: 0 auto; padding-top: 200rpx;
}
.qiye image {
width: 50%;
margin: 0 auto;
height: 178rpx;
}
.gshi{
padding: 20rpx 0;
}
.classname {
background: #1296db;
color: #fff;
width: 20%;
text-align: center;
margin: 0 auto;
padding: 10rpx 20rpx;
border-radius:10rpx
}
|
// pages/real_name/real_name.js
var app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that = this;
that.loadinfo();
},
loadinfo: function () {
var that = this;
wx.request({
url: app.d.ceshiUrl + '/Api/Applyshop/applysubmitinfo',
method: 'post',
data: {},
header: {
'Content-Type': 'application/x-www-form-urlencoded'
},
success: function (res) {
//--init data
var status = res.data.status;
if (status == 1) {
console.log(res.data.respondData);
that.setData({
guanggao: res.data.respondData.guanggao,
content: res.data.respondData.content
})
} else {
wx.showToast({
title: res.data.message,
})
}
},
fail: function () {
// fail
wx.showToast({
title: '网络异常！',
duration: 30000
});
}
})
},
geren:function(){
wx.redirectTo({
url: '../name/name?rztype=geren',
success: function(res) {},
fail: function(res) {},
complete: function(res) {},
})
},
qiye:function (e){
wx.redirectTo({
url: '../name/name?rztype=qiye',
success: function (res) { },
fail: function (res) { },
complete: function (res) { },
})
},
content: function () {
var that = this;
wx.showModal({
title: '实名认证协议',
content: that.data.content,
success: function (res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
|
模板简介：该模板名称为【微信小程序申请个人或企业实名认证页面样式设计制作开发教程】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。
.jpg)
.jpg)
