1
This commit is contained in:
你的名字
93
application/index/view/index/about.html
Executable file
93
application/index/view/index/about.html
Executable file
@ -0,0 +1,93 @@
|
||||
{include file="public/header1" nav="关于我们"}
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/footer.css"/>
|
||||
<script type="text/javascript" src="/static/theme/index/js/font.js"></script>
|
||||
<script type="text/javascript" src="/static/theme/index/js/jquery.js"></script>
|
||||
<style>
|
||||
.htitle {
|
||||
padding-left: .3rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.list .item {
|
||||
padding-top: .34rem;
|
||||
padding-bottom: .28rem;
|
||||
border-bottom: 1px solid #E9E9E9;
|
||||
}
|
||||
|
||||
.list .item:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.list .item img {
|
||||
width: .32rem;
|
||||
height: .32rem;
|
||||
float: left;
|
||||
margin-left: .12rem;
|
||||
margin-right: .18rem;
|
||||
}
|
||||
|
||||
.list .item span {
|
||||
font-size: .28rem;
|
||||
line-height: .32rem;
|
||||
color: #4A4A4A;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.list .item .iconfont {
|
||||
font-size: .34rem;
|
||||
line-height: 1;
|
||||
color: #9B9B9B;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.list .item:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="left" onclick="window.history.back()">
|
||||
<i class="iconfont icon-arrow-left"></i>
|
||||
</div>
|
||||
<div class="htitle">关于我们</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="list">
|
||||
|
||||
{volist name="abour_type" id="t"}
|
||||
<a href="/index/index/about_list?id={$t['id']}">
|
||||
<div class="item" style="border-bottom: 1px solid #E9E9E9;">
|
||||
<img src="/static/theme/index/img/icon_aboutus_notice.png" alt=""/>
|
||||
<span>{$t.name}</span>
|
||||
<i class="iconfont icon-arrow-right"></i>
|
||||
</div>
|
||||
</a>
|
||||
{/volist}
|
||||
<!--<a href="{:getInfo('service')}">
|
||||
<div class="item">
|
||||
<img src="/static/theme/index/img/icon_aboutus_kf.png" alt="" />
|
||||
<span>在线客服</span>
|
||||
<i class="iconfont icon-arrow-right"></i>
|
||||
</div>
|
||||
</a>-->
|
||||
<!--<div class="item">
|
||||
<span>服务热线：<a href="tel:{:getInfo('tel')}"><strong>{:getInfo('tel')}</strong></a></span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span>在线客服QQ：<strong style="color: red;">{:getInfo('qq')}</strong></span>
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu="about"}
|
||||
</body>
|
||||
</html>
|
||||
23
application/index/view/index/about_details.html
Executable file
23
application/index/view/index/about_details.html
Executable file
@ -0,0 +1,23 @@
|
||||
{include file="public/header" nav="$article.title"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="t_box_pay">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>{$article.title}</i></span>
|
||||
</div>
|
||||
<div class="t_con_pay">
|
||||
<div style="background: #111723;border-top: .026667rem solid #000;color: #fff;padding: .333333rem;">
|
||||
{:htmlspecialchars_decode($article['content'])}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer"}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
79
application/index/view/index/about_list.html
Executable file
79
application/index/view/index/about_list.html
Executable file
@ -0,0 +1,79 @@
|
||||
{include file="public/header1" nav="$type_name"}
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/footer.css"/>
|
||||
<script type="text/javascript" src="/static/theme/index/js/font.js"></script>
|
||||
<script type="text/javascript" src="/static/theme/index/js/jquery.js"></script>
|
||||
<style>
|
||||
.htitle {
|
||||
padding-left: .3rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.list .item {
|
||||
padding-top: .34rem;
|
||||
padding-bottom: .28rem;
|
||||
border-bottom: 1px solid #E9E9E9;
|
||||
}
|
||||
|
||||
.list .item:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.list .item img {
|
||||
width: .32rem;
|
||||
height: .32rem;
|
||||
float: left;
|
||||
margin-left: .12rem;
|
||||
margin-right: .18rem;
|
||||
}
|
||||
|
||||
.list .item span {
|
||||
font-size: .28rem;
|
||||
line-height: .32rem;
|
||||
color: #4A4A4A;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.list .item .iconfont {
|
||||
font-size: .34rem;
|
||||
line-height: 1;
|
||||
color: #9B9B9B;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.list .item:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div class="left" onclick="window.history.back()">
|
||||
<i class="iconfont icon-arrow-left"></i>
|
||||
</div>
|
||||
<div class="htitle">{$type_name}</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
{volist name="about" id="t"}
|
||||
<a href="/index/index/about_details?id={$t['id']}">
|
||||
<div class="item" style="border-bottom: 1px solid #E9E9E9;">
|
||||
<img src="/static/theme/index/img/icon_aboutus_notice.png" alt=""/>
|
||||
<span>{$t.title}</span>
|
||||
<i class="iconfont icon-arrow-right"></i>
|
||||
</div>
|
||||
</a>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu=""}
|
||||
</body>
|
||||
</html>
|
||||
323
application/index/view/index/calculator.html
Executable file
323
application/index/view/index/calculator.html
Executable file
@ -0,0 +1,323 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>计算器</title>
|
||||
<script type="text/javascript" src="/static/theme/index/js/adaptive.js"></script>
|
||||
<script type="text/javascript" src="/static/theme/index/js/config.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/plugs/jquery/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="/static/theme/index/js/calculator.js"></script>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body, html {
|
||||
font-family: Arial;
|
||||
font-size: .24rem;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
i, em {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
ul, li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
input {
|
||||
outline: none;
|
||||
font-size: .24rem;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
width: 7.5rem;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
font-size: .24rem;
|
||||
}
|
||||
|
||||
.header-nbsp {
|
||||
width: 7.5rem;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
/*回到上一页*/
|
||||
.c_othertop {
|
||||
width: 7.5rem;
|
||||
height: 1rem;
|
||||
background-color: #4f5ffa;
|
||||
}
|
||||
|
||||
.c_goback {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
float: left;
|
||||
margin-left: .1rem;
|
||||
}
|
||||
|
||||
.c_goback img {
|
||||
width: .5rem;
|
||||
height: .5rem;
|
||||
margin: .25rem 0 0 0;
|
||||
}
|
||||
|
||||
.c_othertop-font {
|
||||
width: 5.5rem;
|
||||
height: 1rem;
|
||||
float: left;
|
||||
line-height: 1rem;
|
||||
text-align: center;
|
||||
font-size: .32rem;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/*计算器输入框*/
|
||||
.c_calculatorCpmBox {
|
||||
padding: .25rem;
|
||||
display: block;
|
||||
width: 7rem;
|
||||
}
|
||||
|
||||
.c_calculatorCpmLeft {
|
||||
padding: .2rem .25rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.c_calculatorCpmLeft .img_box {
|
||||
width: 3.5rem;
|
||||
height: 1rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.c_calculatorCpmLeft .img_box img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.c_calculator_all {
|
||||
margin-top: .2rem;
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
border: 1 xp solid #000;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.c_calculator_all span {
|
||||
position: absolute;
|
||||
top: .15rem;
|
||||
right: 1rem;
|
||||
font-size: .3rem;
|
||||
color: #444;
|
||||
line-height: .7rem;
|
||||
}
|
||||
|
||||
.c_calculator_all label {
|
||||
line-height: 1rem;
|
||||
float: left;
|
||||
color: #333;
|
||||
font-size: .3rem;
|
||||
}
|
||||
|
||||
.c_calculator_all .c_nullinput {
|
||||
width: 3.9rem;
|
||||
height: .7rem;
|
||||
float: left;
|
||||
padding-left: .15rem;
|
||||
border: .01rem solid #d9d9d9;
|
||||
background: #fff;
|
||||
color: #777;
|
||||
font-size: .3rem;
|
||||
margin: .15rem 0 0 .4rem;
|
||||
}
|
||||
|
||||
.select_showbox {
|
||||
border: .01rem solid #ccc;
|
||||
float: left;
|
||||
color: #777;
|
||||
width: 4.1rem;
|
||||
height: .7rem;
|
||||
padding-left: .15rem;
|
||||
line-height: .7rem;
|
||||
font-size: .3rem;
|
||||
margin: .15rem 0 0 .4rem;
|
||||
}
|
||||
|
||||
.c_buttons {
|
||||
border: 0;
|
||||
width: 2rem;
|
||||
height: .8rem;
|
||||
border-radius: 2500px;
|
||||
color: #fff;
|
||||
line-height: .8rem;
|
||||
text-align: center;
|
||||
font-size: .25rem;
|
||||
margin: .2rem 0 0 .8rem;
|
||||
}
|
||||
|
||||
.c_cpmbuttons {
|
||||
background: #4f5ffa;
|
||||
}
|
||||
|
||||
.c_cpmresets {
|
||||
background: #bebfc0;
|
||||
}
|
||||
|
||||
#calculErr {
|
||||
text-align: center;
|
||||
margin-top: .6rem;
|
||||
color: rgb(255, 120, 0);
|
||||
font-size: .3rem;
|
||||
}
|
||||
|
||||
/*计算器显示框*/
|
||||
.c_calculatorCpmRight {
|
||||
width: 100%;
|
||||
margin-top: .2rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.c_calculatorCpmRight #calculatorList {
|
||||
display: table;
|
||||
padding-bottom: 1.6rem;
|
||||
}
|
||||
|
||||
.c_calculatorCpmRight #calculatorList dd {
|
||||
width: 1.38rem;
|
||||
height: .8rem;
|
||||
border-bottom: .01rem solid #dadada;
|
||||
border-left: .01rem solid #dadada;
|
||||
text-align: center;
|
||||
line-height: .8rem;
|
||||
font-size: .3rem;
|
||||
color: #555;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.c_calculatorCpmRight #calculatorList dl.c_dd_titlecpm dd {
|
||||
background: #f1f1f1;
|
||||
border-top: .01rem solid #dadada;
|
||||
}
|
||||
|
||||
.c_calculatorCpmRight .c_cpmlastdd {
|
||||
border-right: .01rem solid #dadada;
|
||||
}
|
||||
|
||||
.c_calculatorCpmRight .c_bottomcpm {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 7.5rem;
|
||||
height: 1.62rem;
|
||||
margin: auto;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.c_calculatorCpmRight .c_bottomcpm dl {
|
||||
width: 7rem;
|
||||
height: .8rem;
|
||||
background: #fff;
|
||||
border-top: .01rem solid #dadada;
|
||||
padding: 0 .25rem;
|
||||
}
|
||||
|
||||
.c_calculatorCpmRight .c_bottomcpm dd {
|
||||
width: 1.38rem;
|
||||
float: left;
|
||||
height: .8rem;
|
||||
line-height: .8rem;
|
||||
text-align: center;
|
||||
font-size: .28rem;
|
||||
border-right: .01rem solid #dadada;
|
||||
}
|
||||
|
||||
.c_calculatorCpmRight .c_bottomcpm .c_lastdd {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
.c_calculatorCpmRight .c_libottomcpm {
|
||||
background: #eee;
|
||||
height: .8rem;
|
||||
padding-left: .25rem;
|
||||
line-height: .8rem;
|
||||
border-top: .01rem solid #dbdad8;
|
||||
color: #333;
|
||||
font-size: .3rem;
|
||||
}
|
||||
|
||||
.c_calculatorCpmRight .c_libottomcpm span {
|
||||
color: #ff7800;
|
||||
}
|
||||
|
||||
.c_calculatorCpmRight .c_show_left {
|
||||
display: block;
|
||||
width: 4rem;
|
||||
height: .8rem;
|
||||
color: #fff;
|
||||
line-height: .8rem;
|
||||
text-align: center;
|
||||
font-size: .3rem;
|
||||
margin: .5rem auto;
|
||||
background: #4f5ffa;
|
||||
border-radius: 2500px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="mobile">
|
||||
<div class="c_othertop">
|
||||
<a class="c_goback" href="javascript:history.back();"><img src="/static/theme/index/img/goback.png"/></a>
|
||||
<div class="c_othertop-font">收益计算器</div>
|
||||
</div>
|
||||
<div class="c_calculatorCpmBox">
|
||||
<form class="c_calculatorCpmLeft">
|
||||
<div class="c_calculator_all">
|
||||
<label>投资金额</label>
|
||||
<input type="text" class="c_nullinput" id="account" maxlength="7" placeholder="意向投资金额"/>
|
||||
<span>元</span>
|
||||
</div>
|
||||
<div class="c_calculator_all">
|
||||
<label>投资期限</label>
|
||||
<input type="text" class="c_nullinput" id="periods" maxlength="3" placeholder="期望投资期限"/>
|
||||
<span class="tyepname">日</span>
|
||||
</div>
|
||||
<div class="c_calculator_all">
|
||||
<label>日化利率</label>
|
||||
<input type="text" class="c_nullinput" id="apr" maxlength="5" placeholder="期望日化利率"/>
|
||||
<span>%</span>
|
||||
</div>
|
||||
<div class="c_calculator_all">
|
||||
<label>还款方式</label>
|
||||
<select id="flagstatus" class="select_showbox">
|
||||
<option value="2">按日付收益，保证金到期全额返还</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="c_calculator_all">
|
||||
<input type="button" class="c_buttons c_cpmbuttons" value="计算收益">
|
||||
<input type="reset" class="c_buttons c_cpmresets" value="重新计算">
|
||||
<div id="calculErr"></div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="c_calculatorCpmRight">
|
||||
<a class="c_show_left">重新计算</a>
|
||||
<ul id="calculatorList"></ul>
|
||||
<ul class="c_bottomcpm"></ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
287
application/index/view/index/ex_lists.html
Executable file
287
application/index/view/index/ex_lists.html
Executable file
@ -0,0 +1,287 @@
|
||||
{include file="public/header" nav="我的矿产"}
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/footer.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/iconfont.css" />
|
||||
<!--<script src="__ROOT__/static/theme/index/js/autorem.js"></script>-->
|
||||
<style>
|
||||
.footer p{
|
||||
font-weight: normal!important;
|
||||
}
|
||||
.list_outer ul li .list_lab span{
|
||||
color: #fd5a21!important;
|
||||
}
|
||||
.progressBox .progress{
|
||||
background: #fd5a21!important;
|
||||
}
|
||||
.progressNum{
|
||||
color: #fd5a21!important;
|
||||
}
|
||||
|
||||
.bar {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
height: 1.1rem;
|
||||
/* padding: 0 0.5rem; */
|
||||
color: #fff;
|
||||
/* border: solid 1px #FF7F00; */
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.bar-nav {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
#main_content {
|
||||
padding-bottom: 1.5rem;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.bar-nav ~ .content {
|
||||
padding-top: 0.9rem;
|
||||
}
|
||||
|
||||
.buttons-row, .buttons-tab {
|
||||
-ms-flex-item-align: center;
|
||||
-webkit-align-self: center;
|
||||
align-self: center;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-lines: single;
|
||||
-moz-box-lines: single;
|
||||
-webkit-flex-wrap: nowrap;
|
||||
-ms-flex-wrap: none;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.buttons-tab {
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.buttons-tab span {
|
||||
margin-left: 1.3rem;
|
||||
}
|
||||
|
||||
.button {
|
||||
border: 1px solid #0e696d;
|
||||
color: #0e696d;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
display: block;
|
||||
border-radius: 0.15rem;
|
||||
line-height: 0.7rem;
|
||||
box-sizing: border-box;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
background: none;
|
||||
padding: 0 0.2rem;
|
||||
margin: 0;
|
||||
/* height: 1.35rem; */
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 0.37rem;
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
/* right: 0.5rem; */
|
||||
}
|
||||
|
||||
.buttons-tab .button {
|
||||
color: #fff;
|
||||
font-size: 0.4rem;
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 1rem;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
border: 0;
|
||||
border-bottom: 2px solid transparent;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.lobby-nav {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.lobby-nav li {
|
||||
width: 100%;
|
||||
height: 2rem;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
.listbox {
|
||||
overflow: hidden;
|
||||
}
|
||||
.listbox li {
|
||||
float: left;
|
||||
text-align: left;
|
||||
height: 1.2rem !important;
|
||||
}
|
||||
|
||||
.lobby-nav li span {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 3rem;
|
||||
line-height: 0.7rem;
|
||||
}.lobby-nav li span {
|
||||
line-height: 0.6rem !important;
|
||||
}
|
||||
.listbox li .tit {
|
||||
font-size: 0.35rem;
|
||||
color: #000000;
|
||||
margin-top: 0.2rem;
|
||||
line-height: 0.5rem !important;
|
||||
}
|
||||
li {
|
||||
list-style: outside none none;
|
||||
}
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.footer{
|
||||
height: .98rem;
|
||||
}
|
||||
|
||||
.footer .item .iconfont {
|
||||
font-size: .4rem;
|
||||
/*line-height: 1.3;*/
|
||||
}
|
||||
|
||||
.footer .item p {
|
||||
width: 100%;
|
||||
font-size: 12px;
|
||||
/* line-height: .28rem;
|
||||
margin: .2rem 0 0.1rem;*/
|
||||
}
|
||||
|
||||
</style>
|
||||
<header class="bar bar-nav">
|
||||
<div style="width: 4rem;height:0.7rem;overflow:hidden;margin:0.2rem auto;border-radius: 0.35rem;border:0.03rem solid #0084FF;line-height: 0.7rem;z-index: 15">
|
||||
<a href="/index/index/lists">
|
||||
<div style="float: left;text-align: center;font-size: 16px;background-color: #0084FF;width:50%;height:100%;color: #f68b3d;">
|
||||
矿机</div>
|
||||
</a>
|
||||
<a href="/index/index/normalfutures">
|
||||
<div style="float: right;text-align: center;font-size: 16px;color: #fff;width:50%;height:100%;">合约
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="content" id="main_content">
|
||||
<div class="page" style="min-height: 667px;">
|
||||
<div class="buttons-tab background" style="padding-top: 0.2rem;width: 100%;position:fixed;z-index: 1">
|
||||
<span style="position: relative">
|
||||
<a style="font-size: 14px" href="/index/index/lists" class=" button">正常矿机</a>
|
||||
</span>
|
||||
<span style="position: relative">
|
||||
<a href="/index/index/ex_lists" style="color: #f68b3d;font-size: 14px;" class=" button">到期矿机</a>
|
||||
<span style="position: absolute;width: 1.8rem;height: 0.05rem;background-color: #f68b3d;bottom: 0.05rem;left:50%;margin-left:-0.9rem"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div style="width: 100%;height: 1.8rem;background-color: transparent"></div>
|
||||
<div style="width:96%;left:2%;background-color: #0084FF;overflow:hidden;height: 2.8rem;position:absolute;top: 2.6rem;padding-top: 0.4rem;border-radius: 0.2rem">
|
||||
<div style="font-size: 0.4rem;color: #fff;margin-left: 0.4rem">累计收益</div>
|
||||
<div style="font-size: 0.6rem;color: #fff;margin-left: 0.4rem;margin-top:0.1rem;">
|
||||
{:round($ljsy,8)} BTC</div>
|
||||
<a href="/index/user/fund">
|
||||
<div style="position:absolute;font-size: 0.35rem;color: #fff;padding: 0.08rem 0.26rem;border-radius: 0.12rem;border:1px solid rgba(255,255,255,0.6);right: 0.4rem;top: 0.6rem">收益明细</div>
|
||||
</a>
|
||||
<div style="width: 100%;overflow:hidden;position:absolute;bottom: 0;background-color: #148EFF;line-height:0.9rem">
|
||||
<div style="float: left;text-align:center;font-size: 0.4rem;color: #fff;padding-left: 0.4rem;">
|
||||
有效矿机：<font style="font-size: 0.4rem;position:relative;">{$yxkj}</font>
|
||||
到期矿机：<font style="font-size: 0.4rem;position:relative;">{$dqkj}</font>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-padded lobby-nav" style="margin: 3.2rem 0 0 0;padding:0 0.35rem">
|
||||
{volist name="invest" id="i"}
|
||||
<li style="margin-top: 0.25rem;padding:0.3rem ;height: auto;border-radius: 0.16rem;position: relative;overflow:hidden;width:9.4rem;">
|
||||
<div style="position: absolute;width: 2rem;height: 0.8rem;right: 0;top: 0;line-height:0.8rem;font-size: 0.35rem;background: #8a8a8a;border-radius: 0 0.16rem 0 0.16rem;color: #fff;">
|
||||
已到期
|
||||
</div>
|
||||
<div style="text-align: left;font-size:0.4rem;font-weight: bold;">
|
||||
<img src="/static/theme/index/img/ykjico.png" style="width: 0.4rem;margin-right:0.1rem;margin-top:-0.05rem;color: #000000;" alt="">
|
||||
{$i.title}
|
||||
</div>
|
||||
<div style="height: 1.2rem;overflow:hidden;">
|
||||
<ul class="listbox">
|
||||
<li style="width: 31%;">
|
||||
<span class="tit">订单保证金</span>
|
||||
<span class="text">{$i.money/$i.num}元 × {$i.num}份</span>
|
||||
</li>
|
||||
<li style="width: 41%;">
|
||||
<span class="tit">净收益/天</span>
|
||||
<span class="text">{$i.profit} × {$i.num}份</span>
|
||||
</li>
|
||||
<li style="width: 28%">
|
||||
<span class="tit">已收益</span>
|
||||
<span class="text">{$i.profit*$i.num}</span>
|
||||
</li>
|
||||
<li style="width: 31%;">
|
||||
<span class="tit">售出方式</span>
|
||||
<span class="text">{$i.type=='1'?'手动出售':'自动售出'}</span>
|
||||
</li>
|
||||
<li style="width: 41%;">
|
||||
<span class="tit">订单号</span>
|
||||
<span class="text">{$i.number}</span>
|
||||
</li>
|
||||
<li style="width: 28%">
|
||||
<span class="tit">到期时间</span>
|
||||
<span class="text">{:date("Y-m-d",strtotime($i.time2))}</span>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="/index/user/mall_contract?id={$i.id}">
|
||||
<div style="width:99%;text-align:center;border:1px solid #000000;border-radius: 0.1rem;line-height:0.7rem;font-size: 0.35rem;margin-top:0.3rem">
|
||||
查看矿机租赁合同
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div style="font-size: 0.35rem;color: #333333;cursor: pointer;margin-top:0.2rem;background-color: #fff" class="morebtn">
|
||||
<font>展开更多</font><img style="width: 0.4rem;margin-left:0.06rem" src="/static/theme/index/img/xia.png" alt="">
|
||||
</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu="list"}
|
||||
<script>
|
||||
$('.morebtn').click(function () {
|
||||
var that = $(this)
|
||||
if (that.hasClass('cur')) {
|
||||
that.removeClass('cur').prev('div').animate({
|
||||
height: '1.2rem'
|
||||
},
|
||||
200,
|
||||
function () {
|
||||
that.find('img').attr('src', '/static/theme/index/img/xia.png');
|
||||
that.find('font').text('展开更多')
|
||||
});
|
||||
} else {
|
||||
that.addClass('cur').prev('div').animate({
|
||||
height: '3.5rem'
|
||||
},
|
||||
200,
|
||||
function () {
|
||||
that.find('img').attr('src', '/static/theme/index/img/shang.png');
|
||||
that.find('font').text('收起更多')
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
</body>
|
||||
285
application/index/view/index/expirefutures.html
Executable file
285
application/index/view/index/expirefutures.html
Executable file
@ -0,0 +1,285 @@
|
||||
{include file="public/header" nav="我的合约"}
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/footer.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/iconfont.css" />
|
||||
<style>
|
||||
.footer p{
|
||||
font-weight: normal!important;
|
||||
}
|
||||
.list_outer ul li .list_lab span{
|
||||
color: #fd5a21!important;
|
||||
}
|
||||
.progressBox .progress{
|
||||
background: #fd5a21!important;
|
||||
}
|
||||
.progressNum{
|
||||
color: #fd5a21!important;
|
||||
}
|
||||
|
||||
.bar {
|
||||
position: fixed;
|
||||
width: 10rem;
|
||||
z-index: 10;
|
||||
height: 1.1rem;
|
||||
/* padding: 0 0.5rem; */
|
||||
color: #fff;
|
||||
/* border: solid 1px #FF7F00; */
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.bar-nav {
|
||||
top: 0;
|
||||
width: 100%
|
||||
/*left: 50%;
|
||||
margin-left: -5rem;*/
|
||||
}
|
||||
#main_content {
|
||||
padding-bottom: 1.5rem;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.bar-nav ~ .content {
|
||||
padding-top: 0.9rem;
|
||||
}
|
||||
|
||||
.buttons-row, .buttons-tab {
|
||||
-ms-flex-item-align: center;
|
||||
-webkit-align-self: center;
|
||||
align-self: center;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-lines: single;
|
||||
-moz-box-lines: single;
|
||||
-webkit-flex-wrap: nowrap;
|
||||
-ms-flex-wrap: none;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.buttons-tab {
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.buttons-tab span {
|
||||
/*width: 3rem;*/
|
||||
margin-left: 1.3rem;
|
||||
}
|
||||
|
||||
.button {
|
||||
border: 1px solid #0e696d;
|
||||
color: #0e696d;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
display: block;
|
||||
border-radius: 0.15rem;
|
||||
line-height: 0.7rem;
|
||||
box-sizing: border-box;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
background: none;
|
||||
padding: 0 0.2rem;
|
||||
margin: 0;
|
||||
/* height: 1.35rem; */
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 0.37rem;
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
/* right: 0.5rem; */
|
||||
}
|
||||
|
||||
.buttons-tab .button {
|
||||
color: #fff;
|
||||
font-size: 0.4rem;
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 1rem;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
border: 0;
|
||||
border-bottom: 2px solid transparent;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.lobby-nav {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.lobby-nav li {
|
||||
width: 100%;
|
||||
height: 2rem;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
.listbox {
|
||||
overflow: hidden;
|
||||
}
|
||||
.listbox li {
|
||||
float: left;
|
||||
text-align: left;
|
||||
height: 1.2rem !important;
|
||||
}
|
||||
|
||||
.lobby-nav li span {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 3rem;
|
||||
line-height: 0.7rem;
|
||||
}.lobby-nav li span {
|
||||
line-height: 0.6rem !important;
|
||||
}
|
||||
.listbox li .tit {
|
||||
font-size: 0.35rem;
|
||||
color: #000000;
|
||||
margin-top: 0.2rem;
|
||||
line-height: 0.5rem !important;
|
||||
}
|
||||
li {
|
||||
list-style: outside none none;
|
||||
}
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.footer{
|
||||
height: .98rem;
|
||||
}
|
||||
|
||||
.footer .item .iconfont {
|
||||
font-size: .4rem;
|
||||
/*line-height: 1.3;*/
|
||||
}
|
||||
|
||||
.footer .item p {
|
||||
width: 100%;
|
||||
font-size: 12px;
|
||||
/* line-height: .28rem;
|
||||
margin: .2rem 0 0.1rem;*/
|
||||
}
|
||||
|
||||
</style>
|
||||
<header class="bar bar-nav">
|
||||
<div style="width: 4rem;height:0.7rem;overflow:hidden;margin:0.2rem auto;border-radius: 0.35rem;border:0.03rem solid #0084FF;line-height: 0.7rem;z-index: 15">
|
||||
<a href="/index/index/lists">
|
||||
<div style="float: left;text-align: center;font-size: 16px;width:50%;height:100%;color: #fff;">
|
||||
矿机</div>
|
||||
</a>
|
||||
<a href="/index/index//normalfutures">
|
||||
<div style="float: right;text-align: center;font-size: 16px;color: #f68b3d;background-color: #0084FF;width:50%;height:100%;">合约
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
<div class="content" id="main_content">
|
||||
<div class="page" style="min-height: 667px;">
|
||||
<div class="buttons-tab background" style="padding-top: 0.2rem;width: 100%;position:fixed;z-index: 1">
|
||||
<span style="position: relative">
|
||||
<a style="font-size: 14px;" href="/index/index/normalfutures" class=" button">在期合约</a>
|
||||
</span>
|
||||
<span style="position: relative"><a href="/index/index/expirehashrate" style="color: #f68b3d;font-size: 14px;" class=" button">到期合约</a><span style="position: absolute;width: 1.8rem;height: 0.05rem;background-color: #f68b3d;bottom: 0.05rem;left:50%;margin-left:-0.9rem"></span></span>
|
||||
</div>
|
||||
<div style="width: 100%;height: 1.8rem;background-color: transparent"></div>
|
||||
<div style="width:96%;left:2%;background-color: #0084FF;overflow:hidden;height: 2.8rem;position:absolute;top: 2.6rem;padding-top: 0.4rem;border-radius: 0.2rem">
|
||||
<div style="font-size: 16px;color: #fff;margin-left: 0.4rem">累计收益</div>
|
||||
<div style="font-size: 28px;color: #fff;margin-left: 0.4rem;margin-top:0.1rem;">
|
||||
{:round($ljsy,2)} 元</div>
|
||||
<a href="/index/user/fund">
|
||||
<div style="position:absolute;font-size: 14px;color: #fff;padding: 0.08rem 0.26rem;border-radius: 0.12rem;border:1px solid rgba(255,255,255,0.6);right: 0.4rem;top: 0.6rem">收益明细</div>
|
||||
</a>
|
||||
<div style="width: 100%;overflow:hidden;position:absolute;bottom: 0;background-color: #148EFF;line-height:0.9rem">
|
||||
<div style="float: left;text-align:center;font-size: 0.4rem;color: #fff;padding-left: 0.4rem;">
|
||||
在期合约：<font style="font-size: 16px;position:relative;">{$yxkj}</font>
|
||||
到期合约：<font style="font-size: 16px;position:relative;">{$dqkj}</font>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-padded lobby-nav" style="margin: 3.2rem 0 0 0;padding:0 0.35rem">
|
||||
{volist name="invest" id="i"}
|
||||
<li style="margin-top: 0.25rem;padding:0.3rem ;height: auto;border-radius: 0.16rem;position: relative;overflow:hidden;width:9.4rem;">
|
||||
<!--<div style="position: absolute;width: 2rem;height: 0.8rem;right: 0;top: 0;line-height:0.8rem;font-size: 0.35rem;background: #03ad90;border-radius: 0 0.16rem 0 0.16rem;color: #fff;">
|
||||
运行中
|
||||
</div>-->
|
||||
<div style="text-align: left;font-size:0.4rem;font-weight: bold;">
|
||||
<img src="/static/theme/index/img/ykjico.png" style="width: 0.4rem;margin-right:0.1rem;margin-top:-0.05rem;color: #000000;" alt="">
|
||||
{$i.title}
|
||||
</div>
|
||||
<div style="height: 1.2rem;overflow:hidden;">
|
||||
<ul class="listbox">
|
||||
<li style="width: 31%;">
|
||||
<span class="tit">合约金额</span>
|
||||
<span class="text">{$i.money}元</span>
|
||||
</li>
|
||||
<li style="width: 41%;">
|
||||
<span class="tit">净收益率</span>
|
||||
<span class="text">{$i.rate}%</span>
|
||||
</li>
|
||||
<li style="width: 28%">
|
||||
<span class="tit">已收益</span>
|
||||
<span class="text">0</span>
|
||||
</li>
|
||||
<li style="width: 31%;">
|
||||
<span class="tit">合约天数</span>
|
||||
<span class="text">{$i.day}</span>
|
||||
</li>
|
||||
<li style="width: 41%;">
|
||||
<span class="tit">订单号</span>
|
||||
<span class="text">{$i.number}</span>
|
||||
</li>
|
||||
<li style="width: 28%">
|
||||
<span class="tit">到期时间</span>
|
||||
<span class="text">{:date("Y-m-d",strtotime($i.time2))}</span>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="/index/user/contract?id={$i.id}">
|
||||
<div style="width:99%;text-align:center;border:1px solid #000000;border-radius: 0.1rem;line-height:0.7rem;font-size: 0.35rem;margin-top:0.3rem">
|
||||
查看矿机租赁合同
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div style="font-size: 0.35rem;color: #333333;cursor: pointer;margin-top:0.2rem;background-color: #fff" class="morebtn">
|
||||
<font>展开更多</font><img style="width: 0.4rem;margin-left:0.06rem" src="/static/theme/index/img/xia.png" alt="">
|
||||
</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu="list"}
|
||||
<script>
|
||||
$('.morebtn').click(function () {
|
||||
var that = $(this)
|
||||
if (that.hasClass('cur')) {
|
||||
that.removeClass('cur').prev('div').animate({
|
||||
height: '1.2rem'
|
||||
},
|
||||
200,
|
||||
function () {
|
||||
that.find('img').attr('src', '/static/theme/index/img/xia.png');
|
||||
that.find('font').text('展开更多')
|
||||
});
|
||||
} else {
|
||||
that.addClass('cur').prev('div').animate({
|
||||
height: '3.5rem'
|
||||
},
|
||||
200,
|
||||
function () {
|
||||
that.find('img').attr('src', '/static/theme/index/img/shang.png');
|
||||
that.find('font').text('收起更多')
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
</body>
|
||||
658
application/index/view/index/form.html
Executable file
658
application/index/view/index/form.html
Executable file
@ -0,0 +1,658 @@
|
||||
{include file="public/header1" nav="交易详情"}
|
||||
</head>
|
||||
<style type="text/css">
|
||||
.container {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
padding: 0;
|
||||
background-color: #FAFAFA;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-flex-flow: column;
|
||||
flex-flow: column;
|
||||
}
|
||||
|
||||
.main {
|
||||
flex: 1;
|
||||
padding: .4rem;
|
||||
background-color: #FAFAFA;
|
||||
}
|
||||
|
||||
ul, li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.top {
|
||||
padding: 0 .4rem .3rem;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #E9E9E9;
|
||||
background-color: #FFF;
|
||||
box-shadow: 0px 4px 8px 0px rgba(233, 233, 233, 1);
|
||||
margin-bottom: .4rem;
|
||||
}
|
||||
|
||||
.top .ttitle {
|
||||
font-size: .36rem;
|
||||
line-height: 1;
|
||||
color: #747474;
|
||||
padding-top: .35rem;
|
||||
}
|
||||
|
||||
.top .cash {
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
color: #9B9B9B;
|
||||
margin-top: .35rem;
|
||||
}
|
||||
|
||||
.top .input-group {
|
||||
width: 100%;
|
||||
padding-top: .12rem;
|
||||
padding-bottom: .3rem;
|
||||
border-bottom: 1px solid #E9E9E9;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.top .input-group span {
|
||||
font-size: .5rem;
|
||||
line-height: 1;
|
||||
color: #4f5ffa;
|
||||
padding-right: .18rem;
|
||||
}
|
||||
|
||||
.top .input-group input {
|
||||
width: 100%;
|
||||
height: .5rem;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: .26rem;
|
||||
line-height: .5rem;
|
||||
float: left;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.top .input-group input::placeholder {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.top .tip {
|
||||
font-size: .24rem;
|
||||
line-height: 1;
|
||||
color: #fd5a21;
|
||||
padding-top: .28rem;
|
||||
}
|
||||
|
||||
.session {
|
||||
padding: 0 .4rem;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #E9E9E9;
|
||||
background-color: #FFF;
|
||||
box-shadow: 0px 4px 8px 0px rgba(233, 233, 233, 1);
|
||||
margin-bottom: .4rem;
|
||||
}
|
||||
|
||||
.session .item {
|
||||
padding: .4rem 0;
|
||||
border-bottom: 1px solid #E9E9E9;
|
||||
font-size: .28rem;
|
||||
line-height: 1;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.session .item:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.session .item .right {
|
||||
color: #747474;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.session .item .progress-bar {
|
||||
width: 100%;
|
||||
height: .2rem;
|
||||
border-radius: 10px;
|
||||
background-color: #E9E9E9;
|
||||
position: relative;
|
||||
margin-top: .1rem;
|
||||
}
|
||||
|
||||
.session .item .progress-bar .progress {
|
||||
width: 0;
|
||||
height: .2rem;
|
||||
border-radius: 10px;
|
||||
background-color: #FFDEDD;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.session .item .progress-bar .num {
|
||||
font-size: .22rem;
|
||||
line-height: 1;
|
||||
color: #4f5ffa;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.confirm {
|
||||
width: 100%;
|
||||
height: .86rem;
|
||||
background-color: #4f5ffa;
|
||||
border-radius: 10px;
|
||||
font-size: .28rem;
|
||||
color: #fff;
|
||||
line-height: .88rem;
|
||||
text-align: center;
|
||||
margin-top: .6rem;
|
||||
}
|
||||
|
||||
/* inPayPwdMask CSS */
|
||||
.inPayPwdMask {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(74, 74, 74, 0.5);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.inPayPwdMask .mask {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.inPayPwd {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.inPayPwd .srzfmm_box {
|
||||
width: 5.5rem;
|
||||
padding: 0 .34rem;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
border-radius: 10px;
|
||||
padding-bottom: .4rem;
|
||||
}
|
||||
|
||||
.inPayPwd .srzfmm_box .title {
|
||||
font-size: .36rem;
|
||||
line-height: 1;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
padding-top: .76rem;
|
||||
}
|
||||
|
||||
.inPayPwd .srzfmm_box .mm_box {
|
||||
width: 100%;
|
||||
height: .68rem;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
margin: 0 auto;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
|
||||
.inPayPwd .srzfmm_box .mm_box li {
|
||||
list-style: none;
|
||||
flex: 1;
|
||||
border-bottom: 1px solid #9B9B9B;
|
||||
margin-right: .3rem;
|
||||
text-align: center;
|
||||
line-height: .68rem;
|
||||
font-size: .36rem;
|
||||
}
|
||||
|
||||
.inPayPwd .srzfmm_box .mm_box li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.inPayPwd .srzfmm_box .pay {
|
||||
width: 100%;
|
||||
height: .92rem;
|
||||
background-color: #4f5ffa;
|
||||
border-radius: 10px;
|
||||
font-size: .36rem;
|
||||
color: #fff;
|
||||
line-height: .92rem;
|
||||
text-align: center;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
|
||||
.inPayPwd .nub_ggg {
|
||||
padding: 0 .12rem;
|
||||
background: rgba(210, 213, 219, 0.9);
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.inPayPwd .nub_ggg:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.inPayPwd .nub_ggg li {
|
||||
width: 2.34rem;
|
||||
height: .95rem;
|
||||
float: left;
|
||||
border-radius: .1rem;
|
||||
background-color: #fff;
|
||||
margin-right: .12rem;
|
||||
margin-top: .12rem;
|
||||
text-align: center;
|
||||
box-shadow: 0 2px 4px #848688;
|
||||
}
|
||||
|
||||
.inPayPwd .nub_ggg li:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.inPayPwd .nub_ggg li .num {
|
||||
font-size: .5rem;
|
||||
line-height: .6rem;
|
||||
color: #000000;
|
||||
margin-top: .02rem;
|
||||
}
|
||||
|
||||
.inPayPwd .nub_ggg li .letter {
|
||||
font-size: .2rem;
|
||||
line-height: .24rem;
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
margin-top: .02rem;
|
||||
}
|
||||
|
||||
.kong {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
padding-top: .06rem;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.zero .num {
|
||||
line-height: .95rem !important;
|
||||
}
|
||||
|
||||
.inPayPwd .nub_ggg li.delete {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.inPayPwd .nub_ggg li.delete img {
|
||||
width: .45rem;
|
||||
height: .36rem;
|
||||
margin-top: .3rem;
|
||||
}
|
||||
|
||||
/* tipMask CSS */
|
||||
.tipMask {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(95, 95, 95, 0.3);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.tipMask .cont {
|
||||
width: 5.1rem;
|
||||
padding: .42rem .6rem .5rem;
|
||||
border-radius: 5px;
|
||||
background-color: #FFFFFF;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -3.15rem;
|
||||
margin-top: -1.8rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tipMask .cont .title {
|
||||
font-size: .34rem;
|
||||
line-height: .48rem;
|
||||
color: #191919;
|
||||
}
|
||||
|
||||
.tipMask .cont .stitle {
|
||||
font-size: .3rem;
|
||||
line-height: .42rem;
|
||||
color: #606060;
|
||||
margin-top: .36rem;
|
||||
}
|
||||
|
||||
.tipMask .cont .confirm {
|
||||
width: 100%;
|
||||
height: .88rem;
|
||||
background-color: #EF6F6C;
|
||||
border-radius: 4px;
|
||||
font-size: .34rem;
|
||||
color: #fff;
|
||||
line-height: .88rem;
|
||||
text-align: center;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
|
||||
.next {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.next_1 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
z-index: 99999999;
|
||||
|
||||
}
|
||||
|
||||
.title {
|
||||
border-bottom: .01rem solid #e4e4e4;
|
||||
height: .92rem;
|
||||
line-height: .92rem;
|
||||
padding: 0 .3rem;
|
||||
color: rgba(102, 102, 102, 1);
|
||||
font-size: .32rem;
|
||||
}
|
||||
|
||||
.next_2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0rem .3rem;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.next_3 {
|
||||
height: .8rem;
|
||||
color: rgba(102, 102, 102, 1);
|
||||
font-size: .8rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
border-bottom: .01rem solid #E3E3E3;
|
||||
font-size: .32rem;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.next_3 a {
|
||||
color: #6E6E6E;
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.next_3 img {
|
||||
width: .54rem;
|
||||
height: .54rem;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
|
||||
.next_3 > div {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.next_3:last-child img {
|
||||
width: .54rem;
|
||||
height: .54rem;
|
||||
}
|
||||
|
||||
.next_3 img.jia {
|
||||
width: .32rem;
|
||||
height: .32rem;
|
||||
margin-right: .6rem;
|
||||
margin-left: .1rem;
|
||||
}
|
||||
|
||||
#cover {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
width: 100%; /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
|
||||
height: 100%;
|
||||
filter: alpha(opacity=60); /*设置透明度为60%*/
|
||||
opacity: 0.6; /*非IE浏览器下设置透明度为60%*/
|
||||
display: none;
|
||||
z-Index: 999999;
|
||||
}
|
||||
|
||||
.next_2 input {
|
||||
background: url("../img/wxz.png") no-repeat;
|
||||
width: .32rem;
|
||||
height: .32rem;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.next_2 input[type="radio"]:checked:after {
|
||||
content: '';
|
||||
background: url("../img/xz.png") no-repeat;
|
||||
width: .32rem;
|
||||
height: .32rem;
|
||||
background-size: 100%;
|
||||
position: absolute;
|
||||
left: -.02rem;
|
||||
top: -.02rem;
|
||||
}
|
||||
|
||||
.tx {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class='container'>
|
||||
<div class="header">
|
||||
<div class="left" onclick="window.history.back()">
|
||||
<i class="iconfont icon-arrow-left"></i>
|
||||
</div>
|
||||
<div class="htitle">交易详情</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<form action="/index/index/form" method="post" id="ifr">
|
||||
<div class="top">
|
||||
<input type="hidden" value="{$data.id}" name="id"/>
|
||||
<input type="hidden" value="{:round($data['max'],2)}" id="maxNum2"/>
|
||||
<input type="hidden" value="{:round($user['money']/100)*100}" id="userMoney"/>
|
||||
<input type="hidden" value="{:round($user['money'],2)}" id="userMoney2"/>
|
||||
<div class="ttitle">{$data['title']}</div>
|
||||
<div class="cash">购买金额</div>
|
||||
<div class="input-group">
|
||||
<span>￥</span>
|
||||
<input type="number" class="" name="money" id="money" value="{:round($data['min'],2)}"
|
||||
placeholder="请输入购买金额"/>
|
||||
</div>
|
||||
<div class="tip">最低起投<b id="minNum">{:round($data['min'],2)}</b>元，加一次为100整数倍</div>
|
||||
|
||||
<div class="cash">支付密码</div>
|
||||
<div class="input-group">
|
||||
<input type="text" class="" name="pwd" id="pwd" value="" placeholder="请输入支付密码"/>
|
||||
</div>
|
||||
<div class="tip">支付密码默认为登录密码</div>
|
||||
{if condition="$data['offvoucher'] eq 1 and $voushow eq 1"}
|
||||
<div class="cash">投资抵用券</div>
|
||||
<div class="input-group">
|
||||
<span readonly="true" class="txd" style="font-size: .3rem;">请选择投资抵用券</span>
|
||||
<input type="hidden" value="" name="voucher" id="voucher">
|
||||
</div>
|
||||
<div class="tip">最多使用{$usevounum}张投资抵用券</div>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="session">
|
||||
<div class="item">
|
||||
<span class="left">账户余额</span>
|
||||
<span class="right">￥{$user['money']}</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="left">可购金额(元)</span>
|
||||
<span class="right"><b id="maxNum">{:getProjectSurplus($data['id'])}</b>元</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="left">日化收益率</span>
|
||||
<span class="right">{:round($data['rate'],2)}%</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="left">结息时间</span>
|
||||
<span class="right">满24小时自动发放收益</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="left">起投金额</span>
|
||||
<span class="right">{:round($data['min'],2)}元</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="confirm querens">确认</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="cover"></div>
|
||||
<!--选择提现方式-->
|
||||
<div class="next">
|
||||
<div class="next_1">
|
||||
<div class="title">选择抵用券
|
||||
<button style="margin-left: 4rem;background-color:#1B9AF7;border-radius: 9px;color:#FFF;border: none;width: 1rem;height: .4rem;"
|
||||
id="checkvou">确定
|
||||
</button>
|
||||
</div>
|
||||
{volist name="vinfo" id="v"}
|
||||
<div class="next_2">
|
||||
<div class="next_3">
|
||||
<div>
|
||||
<img src="{:getInfo('app_img')}">
|
||||
{$v.money}元投资抵用券
|
||||
</div>
|
||||
<input type="checkbox" class="vouid" name="interest" data-money="{$v.money}" value="{$v.vid}">
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tipMask hide" style="z-index:999999999999999999">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="/static/theme/index/js/jquery.js"></script>
|
||||
<script type="text/javascript" src="/static/theme/index/js/font.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
$(".txd").click(function () {
|
||||
$("#cover").show();
|
||||
$(".next").show()
|
||||
});
|
||||
|
||||
$("#cover").click(function () {
|
||||
$("#cover").hide();
|
||||
$(".next").hide()
|
||||
});
|
||||
|
||||
var chk_value = [];
|
||||
var allvoumoney = 0;
|
||||
$('#checkvou').click(function () {
|
||||
$('input[name="interest"]:checked').each(function () {
|
||||
chk_value.push($(this).val());
|
||||
allvoumoney = allvoumoney * 1 + $(this).attr('data-money') * 1;
|
||||
});
|
||||
var checnum = $('.vouid:checked').length;
|
||||
$('.txd').html('已选择' + checnum + '张投资抵用券，可抵扣' + allvoumoney + '元');
|
||||
chk_value = chk_value.join(',');
|
||||
$('#voucher').val(chk_value);
|
||||
chk_value = [];
|
||||
allvoumoney = 0;
|
||||
$("#cover").hide();
|
||||
$(".next").hide();
|
||||
});
|
||||
var num = '{$usevounum}';
|
||||
|
||||
$(".vouid").change(function () {
|
||||
var _this = $(this);
|
||||
if ($('.vouid:checked').length > num) {
|
||||
if (_this.is(":checked")) {
|
||||
_this[0].checked = false;
|
||||
msg("错误", "最多只能选择" + num + "张投资抵用券", 1);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$().ready(function () {
|
||||
var minNum = Number($("#minNum").text());
|
||||
var maxNum = Number($("#maxNum").text());
|
||||
var maxNum2 = Number($("#maxNum2").val());
|
||||
var userMoney = Number($("#userMoney").val());
|
||||
var chk_value = [];
|
||||
var allvoumoney = 0;
|
||||
|
||||
$('.querens').click(function () {
|
||||
var money = $("#money").val();
|
||||
if (money > maxNum) {
|
||||
msg("错误", "投资金额不能大于项目剩余投资额度！", 1);
|
||||
return false;
|
||||
}
|
||||
if (money < minNum) {
|
||||
msg("错误", "投资金额不能小于项目最小投资额度！", 1);
|
||||
return false;
|
||||
}
|
||||
|
||||
if (money > maxNum2) {
|
||||
msg("错误", "投资金额不能大于项目最大投资额度！", 1);
|
||||
return false;
|
||||
}
|
||||
$('input[name="interest"]:checked').each(function () {
|
||||
chk_value.push($(this).val());
|
||||
allvoumoney = allvoumoney * 1 + $(this).attr('data-money') * 1;
|
||||
});
|
||||
var userMoney2 = Number($("#userMoney2").val());
|
||||
|
||||
if (money - allvoumoney > userMoney2) {
|
||||
msg("错误", "投资金额不能大于您的余额！", 1);
|
||||
return false;
|
||||
}
|
||||
var pwd = $("#pwd").val();
|
||||
if (pwd.length < 6 || pwd.length > 16) {
|
||||
msg("错误", "请输入正确的交易密码！", 1);
|
||||
return false;
|
||||
}
|
||||
$("#ifr").submit();
|
||||
})
|
||||
});
|
||||
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else {
|
||||
var btn = '<div class="confirm guanbi" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
152
application/index/view/index/futureslist.html
Executable file
152
application/index/view/index/futureslist.html
Executable file
@ -0,0 +1,152 @@
|
||||
{include file="public/header" nav="算力合约"}
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/footer.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/iconfont.css" />
|
||||
<script src="__ROOT__/static/theme/index/js/autorem.js"></script>
|
||||
<style>
|
||||
.bar {
|
||||
position: fixed;
|
||||
width: 10rem;
|
||||
z-index: 10;
|
||||
height: 1.1rem;
|
||||
/* padding: 0 0.5rem; */
|
||||
color: #fff;
|
||||
/* border: solid 1px #FF7F00; */
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.bar-nav {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
/*left: 50%;
|
||||
margin-left: -5rem;*/
|
||||
}
|
||||
#alltit {
|
||||
position: absolute;
|
||||
z-index: 19;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
line-height: 45px;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
.logo {
|
||||
display: inline-block;
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
.logo a {
|
||||
display: block;
|
||||
text-align: center;
|
||||
line-height: 45px;
|
||||
color: #fff;
|
||||
}
|
||||
.logo a .iconfont {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.bar .iconfont {
|
||||
position: relative;
|
||||
z-index: 20;
|
||||
color: #fff;
|
||||
padding: 0.5rem 0.1rem;
|
||||
font-size: 18px;
|
||||
line-height: 45px;
|
||||
}
|
||||
.page, .page-group {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
background-color: #efefed;
|
||||
/* background: #efeff4; */
|
||||
/* display: none; */
|
||||
overflow: hidden;
|
||||
}
|
||||
#main_content {
|
||||
padding-bottom: 1.5rem;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.list {
|
||||
overflow: hidden;
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.list li {
|
||||
color: #000000;
|
||||
background-color: #fff;
|
||||
padding: 10px 15px;
|
||||
font-size: 14px;
|
||||
line-height: 0.48rem;
|
||||
margin-bottom: 0.25rem;
|
||||
border-radius: 0.2rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.list li .left {
|
||||
width: 22%;
|
||||
display: inline-block;
|
||||
color: #000000;
|
||||
}
|
||||
.list li .right {
|
||||
width: 78%;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: outside none none;
|
||||
}
|
||||
</style>
|
||||
<header class="bar bar-nav">
|
||||
<a id="alltit">算力合约</a>
|
||||
<div class="logo">
|
||||
<a id="cancle" href="javascript:history.go(-1)">
|
||||
<i class="iconfont icon-arrow-left"></i>
|
||||
</a>
|
||||
</div>
|
||||
<a class="icon pull-right open-panel"></a>
|
||||
</header>
|
||||
<div class="page">
|
||||
<div class="content" id="main_content">
|
||||
<ul class="list">
|
||||
{volist name="item" id="i"}
|
||||
<li>
|
||||
<div style="font-size:14px;font-weight: bold;"><a href="/index/index/item?id={$i.id}">{$i.title} </a><a href="/index/index/form?id={$i.id}"><span style="width: 1.8rem;line-height: 40px;background-color: #0578E7;float: right;text-align: center;border-radius: 0.12rem;margin-right:0rem;font-size:14px;color: #fff;">马上抢购</span></a>
|
||||
</div>
|
||||
<div class="listtext" style="margin-top: 0.36rem;"><span class="left">日化收益</span><span class="right">{:round($i['rate'],2)}%</span></div>
|
||||
<div class="listtext">
|
||||
<span class="left">投资周期</span>
|
||||
<span class="right">{$i.day}天</span>
|
||||
</div>
|
||||
<div class="listtext">
|
||||
<span class="left">收益方式</span>
|
||||
<span class="right">{:getProjectType($i['type'])}</span>
|
||||
</div>
|
||||
<div class="listtext">
|
||||
<span class="left">起购金额</span>
|
||||
<span class="right">{:round($i['min'],2)}元</span>
|
||||
</div>
|
||||
<div class="listtext">
|
||||
<span class="left">本期份额</span>
|
||||
<span class="right">{:round($i['total']*10000,2)}元</span>
|
||||
</div>
|
||||
<div class="listtext" style="padding-bottom: 0.18rem;">
|
||||
<span class="left">剩余份额</span>
|
||||
<span class="right">{:getProjectSurplus($i['id'])}元</span>
|
||||
</div>
|
||||
<div class="listtext" style="border-top: 0.01rem solid linear-gradient(45deg, #FF5756, #FF8C7B);padding-top:0.08rem;">
|
||||
<span class="left">合约进度</span>
|
||||
<span class="right" style="width:55%;overflow: hidden;background-color: #999;height:0.14rem;border-radius: 0.07rem;position:relative">
|
||||
<span style="position: absolute;top: 0;left: 0;width:{:round(getProjectPercent($i['id']),2)}%;background: linear-gradient(45deg, #FF5756, #FF8C7B);;height:0.14rem;border-radius: 0.07rem;"></span>
|
||||
</span>
|
||||
<span style="margin-left:0.16rem;">{:round(getProjectPercent($i['id']),2)}%</span>
|
||||
</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
</body>
|
||||
806
application/index/view/index/goods.html
Executable file
806
application/index/view/index/goods.html
Executable file
@ -0,0 +1,806 @@
|
||||
{include file="public/header" nav="-"}
|
||||
<style type="text/css">
|
||||
html{
|
||||
font-size: 120px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
window.onload=function(){
|
||||
//设置适配rem
|
||||
var change_rem = ((window.screen.width > 450) ? 450 : window.screen.width)/375*100;
|
||||
document.getElementsByTagName("html")[0].style.fontSize=change_rem+"px";
|
||||
window.onresize = function(){
|
||||
change_rem = ((window.screen.width > 450) ? 450 : window.screen.width)/375*100;
|
||||
document.getElementsByTagName("html")[0].style.fontSize=change_rem+"px";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/jquery-1.9.1.min.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/function.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/base64.js"></script>
|
||||
<script type="text/javascript">
|
||||
var Base64 = new Base64();
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/ionic.css">
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/style.css">
|
||||
<style type="text/css">
|
||||
.trade-view .trade_bar{
|
||||
bottom:58px !important;
|
||||
}
|
||||
.box .footer {
|
||||
height: 0.52rem;
|
||||
}
|
||||
.box .footer > div a i {
|
||||
margin-top:0 !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
background-size: auto 18px !important;
|
||||
}
|
||||
.box .footer > div a i {
|
||||
}
|
||||
|
||||
.box .footer > div a span {
|
||||
font-size: .12rem !important;
|
||||
margin-top: .02rem !important;
|
||||
}
|
||||
|
||||
.l_chartDataNav {
|
||||
width: 100%;
|
||||
height: 1.2rem;
|
||||
background: #ff3d3d;
|
||||
color: #fff;
|
||||
overflow: hidden;
|
||||
/*margin-top: 1.2rem;*/
|
||||
position: relative
|
||||
}
|
||||
.l_chartDataNav .l_chartDataNavR {
|
||||
width: 60%;
|
||||
height: 100%;
|
||||
float: left
|
||||
}
|
||||
|
||||
.l_chartDataNav .l_chartDataNavR ul {
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.l_chartDataNav .l_chartDataNavR ul li {
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
line-height: .6rem;
|
||||
font-size: .35rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap
|
||||
}
|
||||
.l_chartDataNav {
|
||||
width: 100%;
|
||||
height: 0.48rem;
|
||||
background: #ff3d3d;
|
||||
color: #fff;
|
||||
overflow: hidden;
|
||||
/*margin-top: 1.2rem;*/
|
||||
position: relative
|
||||
}
|
||||
|
||||
.l_chartDataNav .l_chartDataNavL {
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
line-height:0.48rem;
|
||||
font-size: .26rem
|
||||
}
|
||||
|
||||
.l_chartDataNav .l_chartDataNavR {
|
||||
width: 60%;
|
||||
height: 100%;
|
||||
float: left
|
||||
}
|
||||
|
||||
.l_chartDataNav .l_chartDataNavR ul {
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.l_chartDataNav .l_chartDataNavR ul li {
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
line-height: .25rem;
|
||||
font-size: .14rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.l_chart {
|
||||
width: 100%;
|
||||
height: 8rem;
|
||||
background: url("/public/jpg/xtx/shijieditu.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
padding-right: .333333rem
|
||||
}
|
||||
.l_chart .l_spot {
|
||||
background: red;
|
||||
left: 1.333333rem
|
||||
}
|
||||
|
||||
.l_chart .l_spot, .l_chart .l_spot span {
|
||||
position: absolute;
|
||||
width: .133333rem;
|
||||
height: .133333rem;
|
||||
top: 0;
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
.l_chart .l_spot span {
|
||||
left: 0
|
||||
}
|
||||
|
||||
.l_chart .l_spot .l_bigSpot {
|
||||
width: .133333rem;
|
||||
height: .133333rem;
|
||||
background: rgba(240, 101, 105, .8);
|
||||
animation: big 1.5s infinite
|
||||
}
|
||||
|
||||
.l_chart .l_spot .l_centerSpot {
|
||||
width: .2rem;
|
||||
height: .2rem;
|
||||
left: -.026rem;
|
||||
top: -.0288rem;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.l_chart .l_spot .l_smallSpot {
|
||||
background: #ef4b4f
|
||||
}
|
||||
|
||||
.l_chart .l_showKlineVal {
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: .026667rem;
|
||||
position: absolute
|
||||
}
|
||||
|
||||
.l_chart .l_showKlineVal div {
|
||||
width: 2rem;
|
||||
height: .666667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: -.333333rem;
|
||||
margin-left: -1rem;
|
||||
text-align: center;
|
||||
line-height: .666667rem;
|
||||
color: #fff;
|
||||
border-radius: .133333rem
|
||||
}
|
||||
canvas{
|
||||
height:452px !important;
|
||||
}
|
||||
#container>.txt2 {
|
||||
position: absolute;
|
||||
left: 13px;
|
||||
top: 395px;
|
||||
}
|
||||
|
||||
.l_chartDataNav_wrap {
|
||||
|
||||
}
|
||||
|
||||
.l_chartDataNav_wt {
|
||||
color: #0ecb80;
|
||||
height: 110px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.l_chartDataNav_L {
|
||||
font-size: 37px;
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
||||
.l_chartDataNav_R {
|
||||
width: 60px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.l_chartDataNav_R span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.l_chartDataNav_bt {
|
||||
display: flex;
|
||||
font-size: 14px;
|
||||
height: 34px;
|
||||
align-items: center;
|
||||
font-weight: 700;
|
||||
border-top: 1px #333 solid;
|
||||
}
|
||||
|
||||
.l_chartDataNav_bt div {
|
||||
flex: 0 0 50%;
|
||||
padding: 5px 10px;
|
||||
color: #828095;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.l_chartDataNav_bt span {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.l_chartDataNav_bt div:first-child {
|
||||
border-right: 1px #333 solid;
|
||||
}
|
||||
|
||||
.l_chartDataNav_bt div:first-child span {
|
||||
color: #e45360
|
||||
}
|
||||
|
||||
.l_chartDataNav_bt div:last-child span {
|
||||
color: #0ecb80
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
var order_type = 0;
|
||||
var order_pid = {$info.id};
|
||||
var order_price = {$order_price[0]};
|
||||
var order_sen = {$info.protime_1 * 60};
|
||||
var order_shouyi = {$info.proscale_1?:0};
|
||||
var order_kuishun = {$info.lossrate_1?:0};
|
||||
var newprice = {$info.Price}; //实时价格
|
||||
var rawData_data = [];
|
||||
var my_money = {$user.money};
|
||||
var order_min_price = {:getinfo('order_min')};
|
||||
var order_max_price = {:getinfo('order_max')};
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.period-widget, .amount-box{margin-right:25px!important;}
|
||||
.amount-box{margin-bottom:10px!important}
|
||||
.invest_account{margin-bottom:0!important;}
|
||||
.period-widget-content span{font-size:12px!important;}
|
||||
</style>
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<ion-nav-bar class="bar-stable headerbar nav-bar-container" nav-bar-transition="ios" nav-bar-direction="exit" nav-swipe="">
|
||||
<div class="nav-bar-block" nav-bar="active">
|
||||
<ion-header-bar class="bar-stable headerbar bar bar-header" align-title="center">
|
||||
<div class="buttons buttons-left" style="transition-duration: 0ms;"><span class="left-buttons">
|
||||
<a href="javascript:history.go(-1);" class="back-button" style="transition-duration: 0ms;">
|
||||
<i class="icon ion-ios-arrow-left"></i>
|
||||
</a>
|
||||
</span></div>
|
||||
<div class="title title-center header-item goodstitle" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); left: 48px; right: 48px;font-size:18px;">{$info['title']} </div>
|
||||
</ion-header-bar>
|
||||
</div>
|
||||
</ion-nav-bar>
|
||||
<ion-nav-view class="view-container" nav-view-transition="ios" nav-view-direction="exit" nav-swipe="">
|
||||
<ion-view class="trade-view pane" hide-nav-bar="false" state="trade" nav-view="active" style="opacity: 1; transform: translate3d(0%, 0px, 0px);">
|
||||
<ion-content class="trade-content content-background scroll-content ionic-scroll has-header" scroll="true">
|
||||
<div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
|
||||
<div class="l_chartDataNav_wrap">
|
||||
<div class="l_chartDataNav_wt">
|
||||
<div class="l_chartDataNav_L" id="jk">{$info.Price}</div>
|
||||
<div class="l_chartDataNav_R">
|
||||
<span>{$info.Open}</span>
|
||||
<span>{$info.Close}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="l_chartDataNav_bt">
|
||||
<div>最高<span class="a">{$info.High}</span></div>
|
||||
<div>最低<span class="b">{$info.Low}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="l_chartDataNav" style="background:#000;display:none;">
|
||||
|
||||
<div class="l_chartDataNavR">
|
||||
<ul>
|
||||
<li>今开：{$info.Open} </li>
|
||||
<li style="color:#ff3d3d;">最高：{$info.High}</li>
|
||||
<li>昨收：{$info.Close}</li>
|
||||
<li style="color:#26a848;">最低：{$info.Low}</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- <div class="l_NoviceStepBox step4"></div>-->
|
||||
<!-- <div class="l_NoviceStepBox step5"></div>-->
|
||||
<!-- <div class="l_NoviceStepBox step6"></div>-->
|
||||
<!-- <div class="l_NoviceStepBox step7"></div>-->
|
||||
<!-- <div class="l_NoviceStepBox step8"></div>-->
|
||||
</div>
|
||||
<nav>
|
||||
<article>
|
||||
<span class="trade-chart-type stock active Kxian" onclick="change_chart_type('stock')">K线</span>
|
||||
<span class="trade-chart-type line zoushi" onclick="change_chart_type('line')">波动</span>
|
||||
</article>
|
||||
<section class="trade-chart-period 1M active" onclick="change_chart_period('1M')">1M</section>
|
||||
<section class="trade-chart-period 5M" onclick="change_chart_period('5M')">5M</section>
|
||||
<section class="trade-chart-period 15M" onclick="change_chart_period('15M')">15M</section>
|
||||
<section class="trade-chart-period 30M" onclick="change_chart_period('30M')">30M</section>
|
||||
<section class="trade-chart-period 1H" onclick="change_chart_period('1H')">1H</section>
|
||||
<section class="trade-chart-period 1D" onclick="change_chart_period('1D')">1D</section>
|
||||
</nav>
|
||||
<footer>
|
||||
<div id="container">
|
||||
<div id="ecKx"></div>
|
||||
<div class="txt1">Time:<span class="a"></span><span class="b"></span><span class="c"></span><span class="d"></span><span class="e"></span></div>
|
||||
<div class="txt2"><span class="a DIFF"><i></i></span><span class="b DEA"><i></i></span><span class="c MACD"><i></i></span></div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
<div class="scroll-bar scroll-bar-v">
|
||||
<div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px;"></div>
|
||||
</div>
|
||||
</ion-content>
|
||||
<div class="trade_bar">
|
||||
<!-- <section onclick="toggle_order_confirm_panel('weituo')" class="" style="background: #3399ff;">-->
|
||||
<!-- <!– <i class="iconfont icon--18"></i>–>-->
|
||||
<!-- <p class="weituo">委托</p>-->
|
||||
<!-- </section>-->
|
||||
<section onclick="toggle_order_confirm_panel('lookup')" class="" style="background: #e45360;">
|
||||
<!-- <i class="iconfont icon--18"></i>-->
|
||||
<p class="maizhang">买涨</p>
|
||||
</section>
|
||||
<section onclick="toggle_order_confirm_panel('lookdown')" class="" style="background: #0ecb80">
|
||||
<!-- <i class="iconfont icon--17"></i>-->
|
||||
<p class="maidie">买跌</p>
|
||||
</section>
|
||||
</div>
|
||||
<!-- ngInclude: 'templates/order-confirm-panel.html' -->
|
||||
<div ng-include="'templates/order-confirm-panel.html'" class="">
|
||||
<div class="pro_mengban ">
|
||||
<div class="order-confirm-panel">
|
||||
<div class="panel-header">
|
||||
<div>
|
||||
订单确认
|
||||
<div class="close" onclick="toggle_order_close_panel()">
|
||||
<i class="icon ion-ios-close-empty close_tag"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="period" style="height:auto">
|
||||
<p class="end_time" style="vertical-align: inherit;">结算时间/赔率</p>
|
||||
<ion-scroll direction="x" class="scroll-view ionic-scroll scroll-x" style="height:auto">
|
||||
<div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
|
||||
<div class="period-widget-view">
|
||||
{if $info.protime_1 > 0 }
|
||||
<div class="period-widget active" data-sen="{$info.protime_1*60}" data-shouyi="{$info.proscale_1}" data-kuishun="{$info.lossrate_1}" style="height:auto" onclick="getdt('order_amount_1')">
|
||||
<div class="period-widget-content">
|
||||
<span class="final_time">{$info.protime_1*300}</span>
|
||||
<span class="final_unit">秒|85%</span>
|
||||
</div>
|
||||
{if $info.showps==1 or $info.showps2==1}
|
||||
<div class="period-widget-footer period_footer ng-binding" style="font-size:12px;height:auto">
|
||||
{if $info.showps==1}收益：{$info.proscale_1}%<br>{/if}
|
||||
{if $info.showps2==1}亏损：-{$info.lossrate_1}%{/if}
|
||||
</div>{/if}
|
||||
</div>
|
||||
{/if}
|
||||
{if $info.protime_2 > 0 }
|
||||
<div class="period-widget" data-sen="{$info.protime_2*60}" data-shouyi="{$info.proscale_2}" data-kuishun="{$info.lossrate_2}" style="height:auto" onclick="getdt('order_amount_2')">
|
||||
<div class="period-widget-content">
|
||||
<span class="final_time">{$info.protime_2*30}</span>
|
||||
<span class="final_unit">秒|90%</span>
|
||||
</div>
|
||||
{if $info.showps==1 or $info.showps2==1}
|
||||
<div class="period-widget-footer period_footer ng-binding" style="font-size:12px;height:auto">
|
||||
{if $info.showps==1}收益：{$info.proscale_2}%<br>{/if}
|
||||
{if $info.showps2==1}亏损：-{$info.lossrate_2}%{/if}
|
||||
</div>{/if}
|
||||
</div>
|
||||
{/if}
|
||||
{if $info.protime_3 > 0 }
|
||||
<div class="period-widget" data-sen="{$info.protime_3*60}" data-shouyi="{$info.proscale_3}" data-kuishun="{$info.lossrate_3}" style="height:auto" onclick="getdt('order_amount_3')">
|
||||
<div class="period-widget-content">
|
||||
<span class="final_time">{$info.protime_3*30}</span>
|
||||
<span class="final_unit">秒|95%</span>
|
||||
</div>
|
||||
{if $info.showps==1 or $info.showps2==1}
|
||||
<div class="period-widget-footer period_footer ng-binding" style="font-size:12px;height:auto">
|
||||
{if $info.showps==1}收益：{$info.proscale_3}%<br>{/if}
|
||||
{if $info.showps2==1}亏损：-{$info.lossrate_3}%{/if}
|
||||
</div>{/if}
|
||||
</div>
|
||||
{/if}
|
||||
{if $info.protime_4 > 0 }
|
||||
<div class="period-widget" data-sen="{$info.protime_4*60}" data-shouyi="{$info.proscale_4}" data-kuishun="{$info.lossrate_4}" style="height:auto" onclick="getdt('order_amount_4')">
|
||||
<!-- <div class="period-widget-header">-->
|
||||
<!-- 结算时间-->
|
||||
<!-- </div>-->
|
||||
<div class="period-widget-content">
|
||||
<span class="final_time">{$info.protime_4*60}</span>
|
||||
<span class="final_unit">秒</span>
|
||||
</div>
|
||||
{if $info.showps==1 or $info.showps2==1}
|
||||
<div class="period-widget-footer period_footer ng-binding" style="font-size:12px;height:auto">
|
||||
{if $info.showps==1}收益：{$info.proscale_4}%<br>{/if}
|
||||
{if $info.showps2==1}亏损：-{$info.lossrate_4}%{/if}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<div class="scroll-bar scroll-bar-h">
|
||||
<div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleX(1); width: 289px;"></div>
|
||||
</div>
|
||||
</ion-scroll>
|
||||
</div>
|
||||
<!-- <div class="period-widget-header">-->
|
||||
<!-- 结算时间-->
|
||||
<!-- </div>-->
|
||||
<p class="end_time" style="vertical-align: inherit;">投资金额</p>
|
||||
<div class="amount">
|
||||
|
||||
<p class="invest_account tousijine">
|
||||
<span class=" ng-hide no-money">投资金额余额不足，请充值！</span>
|
||||
<span class="ng-hide no-max">单笔投资金额不超过<label id="max"></label></span>
|
||||
<span class="ng-hide no-min">单笔投资金额不少于<label id="min"></label></span>
|
||||
</p>
|
||||
<ion-scroll direction="x" class="scroll-view ionic-scroll scroll-x">
|
||||
<div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
|
||||
<div class="amount-view" id="amount_view">
|
||||
<!-- {volist name="order_price" id="vo"}-->
|
||||
<!-- <div class="amount-box ng-binding" data-price="{$vo}">-->
|
||||
<!-- ￥{$vo} </div>-->
|
||||
<!-- {/volist}-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="scroll-bar scroll-bar-h">
|
||||
<div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleX(1); width: 192px;"></div>
|
||||
</div>
|
||||
</ion-scroll>
|
||||
<label class="other-amount">
|
||||
<input type="number" placeholder="其他金额" ng-init="onfocus=false" ng-focus="onfocus==true" ng-model="order_params.other_amount" ng-keydown="min_money()" class="ng-pristine ng-untouched ng-valid ng-empty">
|
||||
</label>
|
||||
</div>
|
||||
<div class="info-view">
|
||||
<div class="ng-binding my-money">余额: ￥ <span class="pay_mymoney">{$user.money}</span></div>
|
||||
<div class="ng-binding">手续费：<span>{:getinfo('order_charge')}</span>%</div>
|
||||
</div>
|
||||
<div class="order-detail-view">
|
||||
<div class="order-detail">
|
||||
<div class="row btn_confirm">
|
||||
<div class="col">
|
||||
<button class="button" onclick="addorder()">
|
||||
确认下单
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row fields">
|
||||
<div class="col">名称</div>
|
||||
<div class="col">方向</div>
|
||||
<div class="col">现价</div>
|
||||
<div class="col">金额</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col qoute_name ng-binding goodstitle">{$info['title']}222 </div>
|
||||
<div class="col ng-binding order_type">买涨</div>
|
||||
<div class="col ng-binding rise col-nowprice">{$info['Price']}</div>
|
||||
<div class="col ng-binding" id="money"></div>
|
||||
|
||||
</div>
|
||||
<p class="expect_profit">
|
||||
<span class="ng-binding">预期收益 : ￥ <span id="yuqi"></span></span>
|
||||
|
||||
<span class="ng-binding">保底金额 : ￥ 0.00</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ngInclude: 'templates/order-state-panel.html' -->
|
||||
<div class="order_mengban" id="div2" style="width:100%;height:100%;">
|
||||
<div>
|
||||
<div>
|
||||
<div class="order-state-panel">
|
||||
<div class="panel-header">
|
||||
<div class="close" onclick="close_order()">
|
||||
<i class=" icon ion-ios-close-empty"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="paysuccess ng-hide" ng-show="order_result.status == 'SUCCESS'">
|
||||
<div class="circle_wrapper" ng-show="order_params.cycle.time.indexOf('-') == -1">
|
||||
<div class="right_circle">
|
||||
<img class="img_circle_right" style="-webkit-animation: run 60s linear;" src="/static/wap/images/right_circle1.png">
|
||||
</div>
|
||||
<div class="left_circle">
|
||||
<img class="img_circle_lift" style="-webkit-animation: runaway 60s linear;" src="/static/wap/images/left_circle1.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row remaining count_remaining" ng-show="order_params.cycle.time.indexOf('-') == -1">
|
||||
<div class="col">
|
||||
<div class="ng-binding pay_order_sen"></div>
|
||||
<div>现价</div>
|
||||
<div class="ng-binding newprice">{$info.Price}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pupil_success ng-hide" ng-show="order_params.cycle.time.indexOf('-') >= 0">
|
||||
<p>交易成功，等待结算</p>
|
||||
<p class="ng-binding">
|
||||
<span>剩余时间：</span>
|
||||
天Invalid Date
|
||||
</p>
|
||||
</div>
|
||||
<div class="row info_list">
|
||||
<div class="col col-15 first_info">
|
||||
<p>方向</p>
|
||||
<p class="ng-binding pay_order_type"></p>
|
||||
</div>
|
||||
<div class="col col-30">
|
||||
<p>金额</p>
|
||||
<p class="ng-binding">￥<span class="pay_order_price"></span></p>
|
||||
</div>
|
||||
<div class="col col-30">
|
||||
<p>执行价</p>
|
||||
<p class="ng-binding pay_order_buypricee"></p>
|
||||
</div>
|
||||
<div class="col col-25 last_info">
|
||||
<p>预测结果</p>
|
||||
<p class="ng-binding yuce"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wait" ng-show="order_result.status == 'POST'">
|
||||
<div class="row">
|
||||
<div class="col ng-binding">
|
||||
<i class="ion-paper-airplane"></i>
|
||||
请稍后……
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fail ng-hide" ng-show="order_result.status == 'FAIL'">
|
||||
<div class="row">
|
||||
<div class="col ng-binding">
|
||||
<i class="ion-close-circled"></i>
|
||||
正在提交订单
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fail ng-hide order_fail" ng-show="order_result.status == 'FAIL'" style="">
|
||||
<div class="row">
|
||||
<div class="col ng-binding">
|
||||
<i class="ion-close-circled"></i>
|
||||
<span class="fail-info" style=" font-size: 18px;color: #fff;"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ordersuccess ng-hide" style="">
|
||||
<div class="row remaining finish_remaining">
|
||||
<div class="col">
|
||||
<div class="result_profit ng-binding " style=""></div>
|
||||
<div class="expired_statements">到期结算完成</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row info_list">
|
||||
<div class="col col-15 first_info">
|
||||
<p>方向</p>
|
||||
<p class="ng-binding pay_order_type"></p>
|
||||
</div>
|
||||
<div class="col col-30">
|
||||
<p>金额</p>
|
||||
<p class="ng-binding">￥<span class="pay_order_price"></span></p>
|
||||
</div>
|
||||
<div class="col col-30">
|
||||
<p>执行价</p>
|
||||
<p class="ng-binding pay_order_buypricee"></p>
|
||||
</div>
|
||||
<div class="col col-25 last_info">
|
||||
<p>成交价</p>
|
||||
<p class="ng-binding rise endprice" style=""></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row button_row">
|
||||
<div class="col">
|
||||
<button class="button" onclick="continue_order()">继续下单</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ngInclude: 'templates/history-order-panel.html' -->
|
||||
<div class="">
|
||||
<div class="history-panel" ng-include="1">
|
||||
<div class="panel-header chicangmingxi">
|
||||
<div class="close" onclick="toggle_history_order_panel()">
|
||||
<i class="icon ion-ios-close-empty"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="trade_history_list">
|
||||
<ion-scroll style="height: 100%" class="scroll-view ionic-scroll scroll-y">
|
||||
<div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
|
||||
<ul>
|
||||
</ul>
|
||||
<!-- ngIf: has_more_order -->
|
||||
</div>
|
||||
<div class="scroll-bar scroll-bar-v">
|
||||
<div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px;"></div>
|
||||
</div>
|
||||
</ion-scroll>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ion-view>
|
||||
</ion-nav-view>
|
||||
<div class="backdrop"></div>
|
||||
<div class="ionic_toast">
|
||||
<div class="toast_section" ng-class="ionicToast.toastClass" ng-style="ionicToast.toastStyle" ng-click="hideToast()" style="display: none; opacity: 0;"><span class="ionic_toast_close"><i class="ion-android-close toast_close_icon"></i></span><span ng-bind-html="ionicToast.toastMessage" class="ng-binding"></span></div>
|
||||
</div>
|
||||
<div class="click-block click-block-hide"></div>
|
||||
<div class="modal-backdrop hide">
|
||||
<div class="modal-backdrop-bg"></div>
|
||||
<div class="modal-wrapper" ng-transclude="">
|
||||
<ion-modal-view class="order-modal modal slide-in-up ng-leave ng-leave-active">
|
||||
<ion-header-bar class="order-modal-header bar bar-header">
|
||||
<h1 class="title" style="left: 54px; right: 54px;">资金流水</h1>
|
||||
<div class="close" ng-click="capital_history_modal_hide()">
|
||||
<i class="icon ion-ios-arrow-left"></i>
|
||||
</div>
|
||||
</ion-header-bar>
|
||||
<ion-content class="person_money_list scroll-content ionic-scroll has-header">
|
||||
<div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
|
||||
<ion-scroll style="height:100%" class="scroll-view ionic-scroll scroll-y">
|
||||
<div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
|
||||
<ul>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="scroll-bar scroll-bar-v">
|
||||
<div class="scroll-bar-indicator scroll-bar-fade-out" style="height: 0px; transform: translate3d(0px, 0px, 0px) scaleY(1); transform-origin: center bottom 0px;"></div>
|
||||
</div>
|
||||
</ion-scroll>
|
||||
</div>
|
||||
<div class="scroll-bar scroll-bar-v">
|
||||
<div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px;"></div>
|
||||
</div>
|
||||
</ion-content>
|
||||
<div class="button-bar">
|
||||
<a class="button button-dark" ng-click="capital_history_modal_hide()">关闭</a>
|
||||
</div>
|
||||
</ion-modal-view>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='goods'}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
var min = 0;
|
||||
var max = 0;
|
||||
function getdt(index) {
|
||||
//$.get('/index/index/product');
|
||||
//$.get('/index/index/order');
|
||||
$.get('/index/index/ajaxamount?id={$info.id}&key='+index, '', function (datajson) {
|
||||
var pro = eval('(' + datajson + ')');
|
||||
var amount_view = '';
|
||||
$.each(pro, function (k, v) {
|
||||
if(k === 0){
|
||||
min = v;
|
||||
}
|
||||
if(k === pro.length-1){
|
||||
max = v;
|
||||
}
|
||||
amount_view += '<div class="amount-box ng-binding" data-price="'+v+'" onclick="test(this)">￥'+v+'</div>';
|
||||
})
|
||||
$('#max').html(max)
|
||||
$('#min').html(min)
|
||||
$('#amount_view').html(amount_view);
|
||||
$('.amount-box').eq(0).click();
|
||||
});
|
||||
|
||||
}
|
||||
function test(that){
|
||||
$('.amount-box').removeClass('active');
|
||||
$('.other-amount').removeClass('active');
|
||||
$(that).addClass('active');
|
||||
order_price = $(that).attr('data-price');
|
||||
$('#money').html(' ￥' + order_price);
|
||||
if (my_money < order_price) {
|
||||
$('.no-money').removeClass('ng-hide');
|
||||
} else {
|
||||
$('.no-money').addClass('ng-hide');
|
||||
}
|
||||
$('.no-min').addClass('ng-hide');
|
||||
$('.no-max').addClass('ng-hide');
|
||||
var yuqi = (((order_shouyi * 0.01 * order_price) * 10 + order_price * 10) / 10).toFixed(2);
|
||||
$('#yuqi').html(yuqi)
|
||||
}
|
||||
test(null);
|
||||
getdt('order_amount_1');
|
||||
|
||||
</script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/order.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/layer.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/lodash.min.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/chardata.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/echarts.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/m.js"></script>
|
||||
<script>
|
||||
setInterval('getdata({$info.id})', 1000);
|
||||
setInterval("window.location.reload();", 1000 * 60 * 5);
|
||||
$('.amount-box').eq(0).click();
|
||||
</script>
|
||||
<script>
|
||||
var flag = false;
|
||||
var cur = {
|
||||
x: 0,
|
||||
y: 0
|
||||
}
|
||||
var nx, ny, dx, dy, x, y;
|
||||
|
||||
function down() {
|
||||
flag = true;
|
||||
var touch;
|
||||
if (event.touches) {
|
||||
touch = event.touches[0];
|
||||
} else {
|
||||
touch = event;
|
||||
}
|
||||
cur.x = touch.clientX;
|
||||
cur.y = touch.clientY;
|
||||
dx = div2.offsetLeft;
|
||||
dy = div2.offsetTop;
|
||||
}
|
||||
|
||||
function move() {
|
||||
|
||||
if (flag) {
|
||||
var touch;
|
||||
if (event.touches) {
|
||||
touch = event.touches[0];
|
||||
} else {
|
||||
touch = event;
|
||||
}
|
||||
nx = touch.clientX - cur.x;
|
||||
ny = touch.clientY - cur.y;
|
||||
x = dx + nx;
|
||||
y = dy + ny;
|
||||
div2.style.left = x + "px";
|
||||
div2.style.top = y + "px";
|
||||
//阻止页面的滑动默认事件
|
||||
document.addEventListener("touchmove", function() {
|
||||
event.preventDefault();
|
||||
}, false);
|
||||
}
|
||||
}
|
||||
//鼠标释放时候的函数
|
||||
function end() {
|
||||
flag = false;
|
||||
}
|
||||
var div2 = document.getElementById("div2");
|
||||
div2.addEventListener("mousedown", function() {
|
||||
down();
|
||||
}, false);
|
||||
div2.addEventListener("touchstart", function() {
|
||||
down();
|
||||
}, false)
|
||||
div2.addEventListener("mousemove", function() {
|
||||
move();
|
||||
}, false);
|
||||
div2.addEventListener("touchmove", function() {
|
||||
move();
|
||||
}, false)
|
||||
document.body.addEventListener("mouseup", function() {
|
||||
end();
|
||||
}, false);
|
||||
div2.addEventListener("touchend", function() {
|
||||
end();
|
||||
}, false);
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
215
application/index/view/index/home.html
Executable file
215
application/index/view/index/home.html
Executable file
@ -0,0 +1,215 @@
|
||||
{include file="public/header" nav="首页"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/theme/index/css/swiper.min.css"/>
|
||||
<style type="text/css">
|
||||
body {
|
||||
background: #110e1f;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ad {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.swiper-container2 .swiper-slide {
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.swiper-container2 .swiper-slide img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#d1 {
|
||||
position: absolute;
|
||||
top: 110px;
|
||||
left: 20px;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
padding: 15px;
|
||||
width: 80%;
|
||||
|
||||
z-index: 999999
|
||||
}
|
||||
|
||||
.tc1 {
|
||||
text-align: center;
|
||||
line-height: 35px;
|
||||
color: red;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.mp {
|
||||
line-height: 30px;
|
||||
height: 368px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.mp img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.redbox {
|
||||
height: 40px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.redbox .btn {
|
||||
width: 100px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
display: block;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
color: #fff;
|
||||
border-radius: 31px;
|
||||
background: #000
|
||||
}
|
||||
</style>
|
||||
<div id="app">
|
||||
<div class="ad">
|
||||
<div class="swiper-container swiper-container2" style="margin: 1% 0 1% 1%;">
|
||||
<div class="swiper-wrapper">
|
||||
{volist name="banner" id="s"}
|
||||
<div class="swiper-slide"><a href="{$s.url}"><img src="{$s.path}" style="border-radius: 8px;max-width: 99%;max-height: 200px;"/></a></div>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="home_charge">
|
||||
<a href="/index/user/recharge">
|
||||
<span class="img"></span>
|
||||
<span class="txt">
|
||||
<h3>快捷充值</h3>
|
||||
<p>银行转账和多种方式选择</p>
|
||||
</span>
|
||||
</a>
|
||||
<a href="/index/index/msg_view?id=2" >
|
||||
<span class="txt" style="margin-left:80%;margin-top: -1.8rem;color: #d5d7d0">
|
||||
关于我们 <span style="color:#a3a5a0;">></span>
|
||||
</span>
|
||||
</a>
|
||||
<a href="/index/index/msg_view?id=3" >
|
||||
<span class="txt" style="margin-left: 80%;margin-top: -.7rem;color: #d5d7d0">
|
||||
帮助中心 <span style="color: #a3a5a0;">></span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<span style="font-size: 16px;color: #1d4afc;margin-left: .2rem;height:60px;line-height: 40px">
|
||||
涨幅榜
|
||||
</span>
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="t_box slide">
|
||||
<div class="t_table">
|
||||
<table style="text-align: left; border: none; color: #fff">
|
||||
<tr>
|
||||
<th style="border: none">LOGO</th>
|
||||
<th style="border: none">名称</th>
|
||||
<th style="border: none">最新价</th>
|
||||
<th style="border: none">交易状态</th>
|
||||
</tr>
|
||||
{volist name="product" id="vo"}
|
||||
<tr onclick="window.location.href = '{:url('index/goods')}?id={$vo['id']}'">
|
||||
<td style="border: none">
|
||||
<img src="{$vo['img']}" data-src="{$vo['img']}" style="width: 80px;height: 80px">
|
||||
</td>
|
||||
<td style="border: none">
|
||||
{$vo['title']}
|
||||
</td>
|
||||
<td style="border: none">
|
||||
<span id="p_{$vo['id']}"></span>
|
||||
</td>
|
||||
<td style="border: none">
|
||||
<span id="pd_{$vo['id']}"></span>
|
||||
</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
</table>
|
||||
<!-- <div class="t_con_home">-->
|
||||
<!-- {volist name="product" id="vo"}-->
|
||||
<!-- <div class="item">-->
|
||||
<!-- <a href="{:url('index/goods')}?id={$vo['id']}">-->
|
||||
<!-- <div class="img" style="width: 50px">-->
|
||||
<!-- <img src="{$vo['img']}" alt="" data-src="{$vo['img']}" lazy="loaded">-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="txt">-->
|
||||
<!-- <h3>{$vo['title']}</h3>-->
|
||||
<!-- <div class="price">{$vo['Price']}</div>-->
|
||||
<!-- <div class="status"><span class="t_status" style="background:{$vo['isclosetime']==1?'gray':'red'};">{$vo['isclosetime']==1?"休市":"交易中"}</span></div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </a>-->
|
||||
<!-- </div>-->
|
||||
<!-- {/volist}-->
|
||||
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='index'}
|
||||
</div>
|
||||
|
||||
</div>{if $ater}
|
||||
<div id="d1" class="cox xs">
|
||||
<div class="tc">
|
||||
<input type="submit" value="X" class="btn btn1 close" id="sday4" style="position:absolute;right:10px;top:10px;font-size:20px;display:block;width:25px;height:25px;">
|
||||
<div class="tc1">
|
||||
{$ater.title}
|
||||
</div>
|
||||
<div class="mp">
|
||||
{$ater.content|raw}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>{/if}
|
||||
<script src="__ROOT__/static/theme/index/js/swiper.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$("#sday4").click(function () {
|
||||
$("#d1").hide();
|
||||
})
|
||||
var swiper2 = new Swiper('.swiper-container2', {
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
},
|
||||
});
|
||||
})
|
||||
|
||||
function getdt() {
|
||||
$.get('/index/index/product');
|
||||
$.get('/index/index/order');
|
||||
$.get('/index/index/ajaxdata', '', function (datajson) {
|
||||
var pro = eval('(' + datajson + ')');
|
||||
$.each(pro, function (k, v) {
|
||||
id = '#' + 'p_' + v.id;
|
||||
pdid = '#' + 'pd_' + v.id;
|
||||
$(id).html(v.Price); //全部的价格进行变动
|
||||
if (v.is_rise == 2) {
|
||||
$(id).css('background', 'rgb(255, 1, 5)');
|
||||
} else {
|
||||
$(id).css('background', 'rgb(38, 168, 72)');
|
||||
}
|
||||
if (v.is_deal == 0) {
|
||||
$(pdid).css('background', 'rgb(58, 142, 230)');
|
||||
$(pdid).html("休市");
|
||||
} else {
|
||||
$(pdid).html("交易中");
|
||||
}
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
getdt();
|
||||
window.setInterval("getdt()", 2000);
|
||||
</script></body></html>
|
||||
170
application/index/view/index/index.html
Executable file
170
application/index/view/index/index.html
Executable file
@ -0,0 +1,170 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>线路选择</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
|
||||
<link href="//cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<style>
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #21212b;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding-top: 40%;
|
||||
}
|
||||
|
||||
.main a {
|
||||
width: 80%;
|
||||
margin-bottom: 20px;
|
||||
background: rgba(0, 0, 0, .3);
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.main h4 {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.logowapper{padding:10px 0;}
|
||||
.logowapper img{
|
||||
height:20px;
|
||||
}
|
||||
.ad, .ad2{
|
||||
margin-top:10px;
|
||||
}
|
||||
.ad img, .ad2 img{
|
||||
max-width:100%;
|
||||
}
|
||||
.service2 img{
|
||||
max-width:100%;
|
||||
}
|
||||
.ft img{
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
.service{
|
||||
margin-top:20px;
|
||||
}
|
||||
.service .title h3{
|
||||
line-height: 1;
|
||||
font-size: 23px;
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
color:#fff;
|
||||
}
|
||||
.service .title h4{
|
||||
line-height: 1;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
opacity: .6;
|
||||
color:#fff;
|
||||
}
|
||||
.service .itemlist{
|
||||
display:flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.service .itemlist a{
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
.service .item{
|
||||
flex: 0 0 22%;
|
||||
color:#fff;
|
||||
text-align: center;
|
||||
}
|
||||
.service img{
|
||||
width:80px;height:80px;
|
||||
}
|
||||
.service .txt{
|
||||
margin-top:10px;
|
||||
}
|
||||
.service .item h5{
|
||||
font-size:16px;
|
||||
}
|
||||
.service .item p{
|
||||
font-size:12px;
|
||||
opacity:.8;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!--<div class="main text-center">-->
|
||||
<!-- <h4 class="text-white">优质线路选择</h4>-->
|
||||
<!-- <a href="/index/login" class="btn btn-danger">线路一</a>-->
|
||||
<!-- <a href="/index/login" class="btn btn-danger">线路二</a>-->
|
||||
<!-- <a href="/index/login" class="btn btn-danger">线路三</a>-->
|
||||
<!--</div>-->
|
||||
<div class="logowapper">
|
||||
<img src="__ROOT__/static/wap/images/logow.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="ad">
|
||||
<img src="__ROOT__/static/wap/images/a1085bc31e04429c5fd3034111228b19.png" style="border-radius: 8px;max-width: 99%;max-height: 200px;"/>
|
||||
</div>
|
||||
<div class="ad2">
|
||||
<img src="__ROOT__/static/wap/images/2943d289a1f14ca6a31c3389093655d6.png" alt="">
|
||||
</div>
|
||||
<div class="service">
|
||||
<div class="title">
|
||||
<h3>特色服务</h3>
|
||||
<h4>CHARACTERISTIC SERVICE</h4>
|
||||
</div>
|
||||
<div class="itemlist">
|
||||
<div class="item">
|
||||
<a href="/index/login">
|
||||
<div class="img">
|
||||
<img src="__ROOT__/static/wap/images/idx1.png" alt="">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<h5>网上开户</h5>
|
||||
<p>Open an<br>account online</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href="/index/login">
|
||||
<div class="img">
|
||||
<img src="__ROOT__/static/wap/images/idx2.png" alt="">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<h5>现货商品</h5>
|
||||
<p>Spot<br>financing</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href="/index/login">
|
||||
<div class="img">
|
||||
<img src="__ROOT__/static/wap/images/idx3.png" alt="">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<h5>联系客服</h5>
|
||||
<p>Billing<br>guide</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href="/index/login">
|
||||
<div class="img">
|
||||
<img src="__ROOT__/static/wap/images/idx4.png" alt="">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<h5>个人中心</h5>
|
||||
<p>Warehousing<br>logistics</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service2">
|
||||
<img src="__ROOT__/static/wap/images/f5fa54b891ed0d02a0788f275d0f2464.png" alt="">
|
||||
</div>
|
||||
<div class="ft">
|
||||
<img src="__ROOT__/static/wap/images/e499128dbb5a0c84fcb63f91c436ad29.png" alt="">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
243
application/index/view/index/item.html
Executable file
243
application/index/view/index/item.html
Executable file
@ -0,0 +1,243 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta content="IE=9; IE=EDGE" http-equiv="X-UA-Compatible">
|
||||
<title>产品详情</title>
|
||||
<link rel="stylesheet" href="__ROOT__/static/theme/index/css/base.css?k={:rand(1,99999)}"/>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/yatongle.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/plugs/jquery/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/public.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/footer.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/iconfont.css" />
|
||||
<script src="__ROOT__/static/theme/index/js/autorem.js"></script>
|
||||
<style>
|
||||
.bar {
|
||||
position: fixed;
|
||||
width: 10rem;
|
||||
z-index: 10;
|
||||
height: 1.1rem;
|
||||
/* padding: 0 0.5rem; */
|
||||
color: #fff;
|
||||
/* border: solid 1px #FF7F00; */
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.bar-nav {
|
||||
top: 0;
|
||||
width: 10rem;
|
||||
left: 50%;
|
||||
margin-left: -5rem;
|
||||
}
|
||||
#alltit {
|
||||
position: absolute;
|
||||
z-index: 19;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
line-height: 1.1rem;
|
||||
font-size: 0.4rem;
|
||||
color: #fff;
|
||||
}
|
||||
.logo {
|
||||
display: inline-block;
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
.logo a {
|
||||
display: block;
|
||||
text-align: center;
|
||||
line-height: 1.1rem;
|
||||
color: #fff;
|
||||
}
|
||||
.logo a .iconfont {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.bar .iconfont {
|
||||
position: relative;
|
||||
z-index: 20;
|
||||
color: #fff;
|
||||
padding: 0.5rem 0.1rem;
|
||||
font-size: 0.44rem;
|
||||
line-height: 1.1rem;
|
||||
}
|
||||
.page, .page-group {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
background-color: #efefed;
|
||||
/* background: #efeff4; */
|
||||
/* display: none; */
|
||||
overflow: hidden;
|
||||
}
|
||||
#main_content {
|
||||
padding-bottom: 2.5rem;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.list {
|
||||
overflow: hidden;
|
||||
width: 9.3rem;
|
||||
margin: 0.25rem auto 0;
|
||||
}
|
||||
.list li {
|
||||
color: #000000;
|
||||
background-color: #fff;
|
||||
padding: 0.3rem 0rem 0rem 0rem;
|
||||
font-size: 0.35rem;
|
||||
line-height: 0.48rem;
|
||||
margin-bottom: 0.25rem;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: outside none none;
|
||||
}
|
||||
.listtit {
|
||||
float: left;
|
||||
width: 33%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
border-right: 0.02rem solid #148EFF;
|
||||
}
|
||||
.listtit span {
|
||||
display: block;
|
||||
font-size: 0.35rem;
|
||||
color: #000000;
|
||||
}
|
||||
.list li .left {
|
||||
width: 26%;
|
||||
display: inline-block;
|
||||
color: #000000;
|
||||
line-height: 0.54rem;
|
||||
}
|
||||
.list li .right {
|
||||
width: 74%;
|
||||
display: inline-block;
|
||||
}
|
||||
.contitle {
|
||||
border-bottom: 0.02rem solid #148EFF;
|
||||
font-size: 0.35rem;
|
||||
padding-bottom: 0.18rem;
|
||||
}
|
||||
.sytit {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
.sytit img {
|
||||
height: 0.2rem;
|
||||
margin-top: -0.1rem;
|
||||
width: auto;
|
||||
}
|
||||
.sytit span {
|
||||
font-size: 0.4rem;
|
||||
font-weight: bold;
|
||||
padding: 0 0.2rem;
|
||||
color: #0084FF;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header class="bar bar-nav">
|
||||
<a id="alltit">产品介绍</a>
|
||||
<div class="logo">
|
||||
<a id="cancle" href="javascript:history.go(-1)">
|
||||
<i class="iconfont icon-arrow-left"></i>
|
||||
</a>
|
||||
</div>
|
||||
<a class="icon pull-right open-panel"></a>
|
||||
</header>
|
||||
<div class="page">
|
||||
<div class="content" id="main_content">
|
||||
<div style="text-align: center;margin:0.7rem 0 0.4rem 0;overflow: hidden">
|
||||
<div style="float: left;width: 50%;">
|
||||
<div style="color: #333;font-size: 0.4rem;line-height: 0.42rem;margin-top: 0.8rem;">日化收益率</div>
|
||||
<div style="color: #0678E7;font-size: 1.2rem;line-height: 1.6rem;">
|
||||
{:round($data['rate'],2)}%</div>
|
||||
</div>
|
||||
<div style="float: left;width: 50%;">
|
||||
<div style="color: #333;font-size: 0.4rem;line-height: 0.42rem;margin-top: 0.8rem;;">合约期限</div>
|
||||
<div style="color: #0678E7;font-size: 1.2rem;line-height: 1.6rem;">
|
||||
{$data.day}<font style="font-size: 1rem;position:relative;top: -0.1rem">天</font>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="list">
|
||||
<li>
|
||||
<div style="overflow: hidden;padding-bottom: 0.44rem">
|
||||
<div class="listtit">
|
||||
<span>本期总额(元)</span>
|
||||
<span style="font-size: 0.56rem;color: #0578E7;margin-top: 0.16rem;">{:round($data['total']*10000,2)}</span>
|
||||
</div>
|
||||
<div class="listtit">
|
||||
<span>剩余份额(元)</span>
|
||||
<span style="font-size: 0.56rem;color: #0578E7;margin-top: 0.16rem;">{:getProjectSurplus($data['id'])}</span>
|
||||
</div>
|
||||
<div class="listtit" style="border:none">
|
||||
<span>起购金额(元)</span>
|
||||
<span style="font-size: 0.56rem;color: #0578E7;margin-top: 0.16rem;">{:round($data['min'],2)}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="border-top: 0.02rem solid #148EFF;width: 8.6rem;margin:0 auto;overflow: hidden">
|
||||
<span class="left" style="float: left;line-height: 0.74rem;width: 24%">
|
||||
已售{:round(getProjectPercent($data['id']),2)}%
|
||||
</span>
|
||||
<span class="right" style="width:76%;background-color: #999;height:0.14rem;border-radius: 0.07rem;position:relative;overflow: hidden">
|
||||
<span style="position: absolute;top: 0;left: 0;width:{:round(getProjectPercent($data['id']),2)}%;background: linear-gradient(45deg, #FF5756, #FF8C7B);height:0.14rem;border-radius: 0.07rem;"></span></span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="content_l" style="display: block;">
|
||||
<ul class="list">
|
||||
<li style="padding:0.16rem 0.4rem 0.34rem 0.4rem" class="cont">
|
||||
<div class="contitle">产品介绍</div>
|
||||
<div style="margin-top: 0.14rem;"><span class="left">产品名称</span><span class="right">{$data.title}</span></div>
|
||||
<div>
|
||||
<span class="left">合约算力</span>
|
||||
<span class="right">{$data.hysl}Ghash</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="left">收益方式</span>
|
||||
<span class="right">{:getProjectType($data['type'])}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="left">产品亮点</span>
|
||||
<span class="right">{$data.desc}</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="content_r" style="display: block;">
|
||||
<ul class="list">
|
||||
<li style="padding:0.3rem 0.4rem 0.34rem 0.4rem;margin-bottom: 0;" class="cont contentext">
|
||||
<div class="sytit" style="">
|
||||
<img src="/static/theme/index/img/sytitl1.png" alt="">
|
||||
<span>产品详情</span>
|
||||
<img src="/static/theme/index/img/sytitr1.png" alt="">
|
||||
</div>
|
||||
{:htmlspecialchars_decode($data['fixedcontent'])}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="/index/index/form?id={$data.id}" style="display: block;position: fixed;bottom: 0;width: 100%;background: #fff;">
|
||||
<div button="" id="confirm recharge" type="button" style="width: 9.3rem!important;text-align:center; color:#fff;margin:0.5rem auto; height: 1.2rem; border-radius: 0.2rem; line-height: 1.2rem; font-size: 0.4rem;font-weight: bold;width: 100%;background: #0578E7;">
|
||||
马上抢购</div>
|
||||
</a>
|
||||
</html>
|
||||
</body>
|
||||
286
application/index/view/index/lists.html
Executable file
286
application/index/view/index/lists.html
Executable file
@ -0,0 +1,286 @@
|
||||
{include file="public/header" nav="我的矿产"}
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/footer.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/iconfont.css" />
|
||||
<style>
|
||||
.footer p{
|
||||
font-weight: normal!important;
|
||||
}
|
||||
.list_outer ul li .list_lab span{
|
||||
color: #fd5a21!important;
|
||||
}
|
||||
.progressBox .progress{
|
||||
background: #fd5a21!important;
|
||||
}
|
||||
.progressNum{
|
||||
color: #fd5a21!important;
|
||||
}
|
||||
|
||||
.bar {
|
||||
position: fixed;
|
||||
width: 10rem;
|
||||
z-index: 10;
|
||||
height: 1.1rem;
|
||||
/* padding: 0 0.5rem; */
|
||||
color: #fff;
|
||||
/* border: solid 1px #FF7F00; */
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.bar-nav {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
#main_content {
|
||||
padding-bottom: 1.5rem;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.bar-nav ~ .content {
|
||||
padding-top: 0.9rem;
|
||||
}
|
||||
|
||||
.buttons-row, .buttons-tab {
|
||||
-ms-flex-item-align: center;
|
||||
-webkit-align-self: center;
|
||||
align-self: center;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-lines: single;
|
||||
-moz-box-lines: single;
|
||||
-webkit-flex-wrap: nowrap;
|
||||
-ms-flex-wrap: none;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.buttons-tab {
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.buttons-tab span {
|
||||
/*width: 3rem;*/
|
||||
margin-left: 1.3rem;
|
||||
}
|
||||
|
||||
.button {
|
||||
border: 1px solid #0e696d;
|
||||
color: #0e696d;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
display: block;
|
||||
border-radius: 0.15rem;
|
||||
line-height: 0.7rem;
|
||||
box-sizing: border-box;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
background: none;
|
||||
padding: 0 0.2rem;
|
||||
margin: 0;
|
||||
/* height: 1.35rem; */
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 0.37rem;
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
/* right: 0.5rem; */
|
||||
}
|
||||
|
||||
.buttons-tab .button {
|
||||
color: #fff;
|
||||
font-size: 0.4rem;
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 1rem;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
border: 0;
|
||||
border-bottom: 2px solid transparent;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.lobby-nav {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.lobby-nav li {
|
||||
width: 100%;
|
||||
height: 2rem;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
.listbox {
|
||||
overflow: hidden;
|
||||
}
|
||||
.listbox li {
|
||||
float: left;
|
||||
text-align: left;
|
||||
height: 1.2rem !important;
|
||||
}
|
||||
|
||||
.lobby-nav li span {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 3rem;
|
||||
line-height: 0.7rem;
|
||||
}.lobby-nav li span {
|
||||
line-height: 0.6rem !important;
|
||||
}
|
||||
.listbox li .tit {
|
||||
font-size: 0.35rem;
|
||||
color: #000000;
|
||||
margin-top: 0.2rem;
|
||||
line-height: 0.5rem !important;
|
||||
}
|
||||
li {
|
||||
list-style: outside none none;
|
||||
}
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.footer{
|
||||
height: .98rem;
|
||||
}
|
||||
|
||||
.footer .item .iconfont {
|
||||
font-size: .4rem;
|
||||
/*line-height: 1.3;*/
|
||||
}
|
||||
|
||||
.footer .item p {
|
||||
width: 100%;
|
||||
font-size: 12px;
|
||||
/* line-height: .28rem;
|
||||
margin: .2rem 0 0.1rem;*/
|
||||
}
|
||||
|
||||
</style>
|
||||
<header class="bar bar-nav">
|
||||
<div style="width: 4rem;height:0.7rem;overflow:hidden;margin:0.2rem auto;border-radius: 0.35rem;border:0.03rem solid #0084FF;line-height: 0.7rem;z-index: 15">
|
||||
<a href="/index/index/lists">
|
||||
<div style="float: left;text-align: center;font-size: 16px;background-color: #0084FF;width:50%;height:100%;color: #f68b3d;">
|
||||
矿机</div>
|
||||
</a>
|
||||
<a href="/index/index/normalfutures">
|
||||
<div style="float: right;text-align: center;font-size: 16px;color: #fff;width:50%;height:100%;">合约
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
<div class="content" id="main_content">
|
||||
<div class="page" style="min-height: 667px;">
|
||||
<div class="buttons-tab background" style="padding-top: 0.2rem;width: 100%;position:fixed;z-index: 1">
|
||||
<span style="position: relative">
|
||||
<a style="font-size: 14px; color: #f68b3d;" href="/index/index/lists" class=" button">正常矿机</a>
|
||||
<span style="position: absolute;width: 1.8rem;height: 0.05rem;background-color: #f68b3d;bottom: 0.05rem;left:50%;margin-left:-0.9rem"></span>
|
||||
</span>
|
||||
<span>
|
||||
<a href="/index/index/ex_lists" style="font-size: 14px;" class=" button">到期矿机</a>
|
||||
</span>
|
||||
</div>
|
||||
<div style="width: 100%;height: 1.8rem;background-color: transparent"></div>
|
||||
<div style="width:96%;left:2%;background-color: #0084FF;overflow:hidden;height: 2.3rem;position:absolute;top: 2.6rem;padding-top: 0.4rem;border-radius: 0.2rem">
|
||||
<div style="font-size: 0.3rem;color: #fff;margin-left: 0.4rem">累计收益</div>
|
||||
<div style="font-size: 0.3rem;color: #fff;margin-left: 0.4rem;margin-top:0.1rem;">
|
||||
{:round($ljsy,8)} BTC</div>
|
||||
<a href="/index/user/fund">
|
||||
<div style="position:absolute;font-size: 0.3rem;color: #fff;padding: 0.08rem 0.26rem;border-radius: 0.12rem;border:1px solid rgba(255,255,255,0.6);right: 0.4rem;top: 0.6rem">收益明细</div>
|
||||
</a>
|
||||
<div style="width: 100%;overflow:hidden;position:absolute;bottom: 0;background-color: #148EFF;line-height:0.9rem">
|
||||
<div style="float: left;text-align:center;font-size: 0.3rem;color: #fff;padding-left: 0.4rem;">
|
||||
有效矿机：<font style="font-size: 0.3rem;position:relative;">{$yxkj}</font>
|
||||
到期矿机：<font style="font-size: 0.3rem;position:relative;">{$dqkj}</font>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-padded lobby-nav" style="margin: 3.2rem 0 0 0;padding:0 0.35rem">
|
||||
{volist name="invest" id="i"}
|
||||
<li style="margin-top: 0.25rem;padding:0.3rem ;height: auto;border-radius: 0.16rem;position: relative;overflow:hidden;width:9.4rem;">
|
||||
<div style="position: absolute;width: 2rem;height: 0.8rem;right: 0;top: 0;line-height:0.8rem;font-size: 0.35rem;background: #03ad90;border-radius: 0 0.16rem 0 0.16rem;color: #fff;">
|
||||
运行中
|
||||
</div>
|
||||
<div style="text-align: left;font-size:0.4rem;font-weight: bold;">
|
||||
<img src="/static/theme/index/img/ykjico.png" style="width: 0.4rem;margin-right:0.1rem;margin-top:-0.05rem;color: #000000;" alt="">
|
||||
{$i.title}
|
||||
</div>
|
||||
<div style="height: 1.2rem;overflow:hidden;">
|
||||
<ul class="listbox">
|
||||
<li style="width: 31%;">
|
||||
<span class="tit">订单保证金</span>
|
||||
<span class="text">{$i.money/$i.num}元 × {$i.num}份</span>
|
||||
</li>
|
||||
<li style="width: 41%;">
|
||||
<span class="tit">净收益/天</span>
|
||||
<span class="text">{$i.profit} × {$i.num}份</span>
|
||||
</li>
|
||||
<li style="width: 28%">
|
||||
<span class="tit">已收益</span>
|
||||
<span class="text">0.00000000</span>
|
||||
</li>
|
||||
<li style="width: 31%;">
|
||||
<span class="tit">售出方式</span>
|
||||
<span class="text">{$i.type=='1'?'手动出售':'自动售出'}</span>
|
||||
</li>
|
||||
<li style="width: 41%;">
|
||||
<span class="tit">订单号</span>
|
||||
<span class="text">{$i.number}</span>
|
||||
</li>
|
||||
<li style="width: 28%">
|
||||
<span class="tit">到期时间</span>
|
||||
<span class="text">{:date("Y-m-d",strtotime($i.time2))}</span>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="/index/user/mall_contract?id={$i.id}">
|
||||
<div style="width:99%;text-align:center;border:1px solid #000000;border-radius: 0.1rem;line-height:0.7rem;font-size: 0.35rem;margin-top:0.3rem">
|
||||
查看矿机租赁合同
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div style="font-size: 0.35rem;color: #333333;cursor: pointer;margin-top:0.2rem;background-color: #fff" class="morebtn">
|
||||
<font>展开更多</font><img style="width: 0.4rem;margin-left:0.06rem" src="/static/theme/index/img/xia.png" alt="">
|
||||
</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu="list"}
|
||||
<script>
|
||||
$('.morebtn').click(function () {
|
||||
var that = $(this)
|
||||
if (that.hasClass('cur')) {
|
||||
that.removeClass('cur').prev('div').animate({
|
||||
height: '1.2rem'
|
||||
},
|
||||
200,
|
||||
function () {
|
||||
that.find('img').attr('src', '/static/theme/index/img/xia.png');
|
||||
that.find('font').text('展开更多')
|
||||
});
|
||||
} else {
|
||||
that.addClass('cur').prev('div').animate({
|
||||
height: '3.5rem'
|
||||
},
|
||||
200,
|
||||
function () {
|
||||
that.find('img').attr('src', '/static/theme/index/img/shang.png');
|
||||
that.find('font').text('收起更多')
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
</body>
|
||||
226
application/index/view/index/mall.html
Executable file
226
application/index/view/index/mall.html
Executable file
@ -0,0 +1,226 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta content="IE=9; IE=EDGE" http-equiv="X-UA-Compatible">
|
||||
<title>矿机商城</title>
|
||||
<link rel="stylesheet" href="__ROOT__/static/theme/index/css/base.css?k={:rand(1,99999)}"/>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/yatongle.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/plugs/jquery/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/public.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/footer.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/iconfont.css" />
|
||||
<script src="__ROOT__/static/theme/index/js/autorem.js"></script>
|
||||
<style>
|
||||
.bar {
|
||||
position: fixed;
|
||||
width: 10rem;
|
||||
z-index: 10;
|
||||
height: 1.1rem;
|
||||
/* padding: 0 0.5rem; */
|
||||
color: #fff;
|
||||
/* border: solid 1px #FF7F00; */
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.bar-nav {
|
||||
top: 0;
|
||||
width: 10rem;
|
||||
left: 50%;
|
||||
margin-left: -5rem;
|
||||
}
|
||||
#alltit {
|
||||
position: absolute;
|
||||
z-index: 19;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
line-height: 1.1rem;
|
||||
font-size: 0.4rem;
|
||||
color: #fff;
|
||||
}
|
||||
.logo {
|
||||
display: inline-block;
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
.logo a {
|
||||
display: block;
|
||||
text-align: center;
|
||||
line-height: 1.1rem;
|
||||
color: #fff;
|
||||
}
|
||||
.logo a .iconfont {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.bar .iconfont {
|
||||
position: relative;
|
||||
z-index: 20;
|
||||
color: #fff;
|
||||
padding: 0.5rem 0.1rem;
|
||||
font-size: 0.44rem;
|
||||
line-height: 1.1rem;
|
||||
}
|
||||
.page, .page-group {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
background-color: #efefed;
|
||||
/* background: #efeff4; */
|
||||
/* display: none; */
|
||||
overflow: hidden;
|
||||
}
|
||||
#main_content {
|
||||
padding-bottom: 1.5rem;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.row {
|
||||
overflow: hidden;
|
||||
/* margin-left: -4%; */
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
.main_now_tab {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.lobby-nav {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.lobby-nav li {
|
||||
width: 100%;
|
||||
height: 2rem;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
.lobby-nav li span {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 2rem;
|
||||
line-height: 0.7rem;
|
||||
}
|
||||
|
||||
.lobby-nav li .price_shop {
|
||||
color: #333;
|
||||
font-size: 0.36rem;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.button-warning.button-fill {
|
||||
color: white;
|
||||
background-color: #ff7479;
|
||||
}
|
||||
|
||||
.button.button-fill {
|
||||
color: #fff;
|
||||
background: #0e696d;
|
||||
border: none;
|
||||
line-height: 0.7rem;
|
||||
}
|
||||
.button-warning {
|
||||
border-color: #f60;
|
||||
color: #f60;
|
||||
}
|
||||
.button {
|
||||
border: 1px solid #0e696d;
|
||||
color: #0e696d;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
display: block;
|
||||
border-radius: 0.15rem;
|
||||
line-height: 0.7rem;
|
||||
box-sizing: border-box;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
background: none;
|
||||
padding: 0 0.2rem;
|
||||
margin: 0;
|
||||
/* height: 1.35rem; */
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 0.37rem;
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
/* right: 0.5rem; */
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: outside none none;
|
||||
}
|
||||
</style>
|
||||
<header class="bar bar-nav">
|
||||
<a id="alltit">矿机商城</a>
|
||||
<div class="logo">
|
||||
<a id="cancle" href="javascript:history.go(-1)">
|
||||
<i class="iconfont icon-arrow-left"></i>
|
||||
</a>
|
||||
</div>
|
||||
<a class="icon pull-right open-panel"></a>
|
||||
</header>
|
||||
<div class="page">
|
||||
<div class="content" id="main_content">
|
||||
<div class="row" style="margin-left:0px;width: 9.3rem;margin: 1.06rem auto 0">
|
||||
<div class="main_now_tab">
|
||||
<div class="content-padded lobby-nav" style="margin: 0.2rem 0;width: 100%;">
|
||||
{volist name="mall" id="i"}
|
||||
<li style="padding:0.3rem 0;height: auto;border-radius: 0.16rem;position: relative;overflow:hidden;width: 100%;margin-bottom: 0.25rem" data-out="0">
|
||||
<div style="float:left;margin-left: 0.1rem">
|
||||
<span style="position: relative;border-radius: 0.2rem;overflow:hidden;background-color: #f0f0f0;display: flex;align-items: center;width: 2.4rem;height:2.9rem;">
|
||||
<img src="{$i.img}" style="margin-top: 0rem;margin-left:0rem;width: 2.6rem;height: 2.6rem">
|
||||
<span class="zeng" style="position: absolute;color: #f1444a;font-size: 0.34rem;left: 0rem;top: -0.26rem;width:1rem"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div style="float:left;padding-left: 0.3rem;width: 6.5rem;">
|
||||
<a href="/index/index/mall_detail?id={$i.id}">
|
||||
<div class="kjtit" style="font-size: 0.45rem;font-weight: bold;text-align: left">{$i.title}<img style="width: 0.4rem;height: 0.4rem;margin-left: 0.05rem;margin-top:-0.05rem;" src="/static/theme/index/img/hrefyou.png" alt=""></div>
|
||||
</a>
|
||||
<div style="overflow: hidden;font-size: 0.33rem;">
|
||||
<span style="float:left;width: auto;font-size: 0.35rem;text-align:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #000000;">净收益/天：{:getProfit($i.day_income,$i.cost)} BTC</span>
|
||||
</div>
|
||||
<div style="overflow: hidden;font-size: 0.33rem;">
|
||||
<span style="float:left;width: auto;font-size: 0.35rem;text-align:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #000000;">使用期限：{$i.day} 天</span>
|
||||
</div>
|
||||
<div style="overflow: hidden;text-align: left;font-size: 0.33rem;margin-top:0.1rem">
|
||||
<span style="float:left;font-size: 0.35rem;color: #000000;;width: auto;line-height:0.4rem">
|
||||
保证金：<font style="font-size: 0.4rem;color: #F56867;">￥</font>
|
||||
<font style="font-size: 0.4rem;color: #F56867;">{$i.min}</font>
|
||||
</span>
|
||||
<div class="price_shop" style="position: absolute;right: 0;bottom:0.33rem">
|
||||
<a href="/index/index/mall_form?id={$i.id}" class="button button-fill button-warning buybtn" style="font-size: 0.35rem;padding:0 0.3rem;line-height: 0.7rem;margin-top:0.06rem;margin-right: 0.35rem;background-color: #F56867;border-radius: 0.1rem">支付</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="overflow: hidden;position: relative;margin-top:0.1rem;height: 0.3rem">
|
||||
<div style="width: 40%;position: relative;height: 0.22rem;float:left">
|
||||
<div style="float:left;width: 100%;height: 0.22rem;background-color: #999;opacity: 0.4;position: absolute;border-radius:0.17rem;overflow: hidden;left: 0; ">
|
||||
</div>
|
||||
<span class="plan" style="position: absolute; height: 0.22rem; left: 0px; width: {:getMinerPercent($i.total,$i.stock)}%; border-radius: 0.17rem; background: linear-gradient(45deg, rgb(255, 87, 86), rgb(255, 140, 123)); font-size: 0.24rem; line-height: 0.22rem; text-align: right; z-index: 1;"></span>
|
||||
<span style="position: absolute;height: 0.22rem;right: 0.1rem;width: 50%;border-radius:0.17rem;font-size: 0.3rem;line-height: 0.22rem;text-align: right;z-index: 1">{:getMinerPercent($i.total,$i.stock)}%</span>
|
||||
</div>
|
||||
<span style="float:left;padding-left: 0.2rem;font-size: 0.26rem;text-align: right;line-height:0.3rem;color:#FF5756;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: auto;margin-top:-0.02rem">仅剩{$i.stock}份</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
</body>
|
||||
271
application/index/view/index/mall_detail.html
Executable file
271
application/index/view/index/mall_detail.html
Executable file
@ -0,0 +1,271 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta content="IE=9; IE=EDGE" http-equiv="X-UA-Compatible">
|
||||
<title>矿机详情</title>
|
||||
<link rel="stylesheet" href="__ROOT__/static/theme/index/css/base.css?k={:rand(1,99999)}"/>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/yatongle.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/plugs/jquery/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/public.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/footer.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/iconfont.css" />
|
||||
<script src="__ROOT__/static/theme/index/js/autorem.js"></script>
|
||||
<style>
|
||||
.bar {
|
||||
position: fixed;
|
||||
width: 10rem;
|
||||
z-index: 10;
|
||||
height: 1.1rem;
|
||||
/* padding: 0 0.5rem; */
|
||||
color: #fff;
|
||||
/* border: solid 1px #FF7F00; */
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.bar-nav {
|
||||
top: 0;
|
||||
width: 10rem;
|
||||
left: 50%;
|
||||
margin-left: -5rem;
|
||||
}
|
||||
#alltit {
|
||||
position: absolute;
|
||||
z-index: 19;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
line-height: 1.1rem;
|
||||
font-size: 0.4rem;
|
||||
color: #fff;
|
||||
}
|
||||
.logo {
|
||||
display: inline-block;
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
.logo a {
|
||||
display: block;
|
||||
text-align: center;
|
||||
line-height: 1.1rem;
|
||||
color: #fff;
|
||||
}
|
||||
.logo a .iconfont {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.bar .iconfont {
|
||||
position: relative;
|
||||
z-index: 20;
|
||||
color: #fff;
|
||||
padding: 0.5rem 0.1rem;
|
||||
font-size: 0.44rem;
|
||||
line-height: 1.1rem;
|
||||
}
|
||||
.page, .page-group {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
background-color: #efefed;
|
||||
/* background: #efeff4; */
|
||||
/* display: none; */
|
||||
overflow: hidden;
|
||||
}
|
||||
#main_content {
|
||||
padding-bottom: 2.5rem;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.layui-table {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.layui-table, .layui-table-view {
|
||||
margin: 10px 0;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.layui-table td, .layui-table th {
|
||||
position: relative;
|
||||
padding: 9px 15px;
|
||||
min-height: 20px;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.layui-table td, .layui-table th {
|
||||
position: relative;
|
||||
padding: 9px 15px;
|
||||
min-height: 20px;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #e6e6e6;
|
||||
}
|
||||
.layui-table td {
|
||||
border-color: #465686;
|
||||
font-size: 0.35rem;
|
||||
padding: 0.26rem 0.3rem;
|
||||
}
|
||||
.sytit {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
.sytit img {
|
||||
height: 0.2rem;
|
||||
margin-top: -0.1rem;
|
||||
width: auto;
|
||||
}
|
||||
.sytit span {
|
||||
font-size: 0.4rem;
|
||||
font-weight: bold;
|
||||
padding: 0 0.2rem;
|
||||
color: #0084FF;
|
||||
}
|
||||
|
||||
.list {
|
||||
overflow: hidden;
|
||||
width: 9.3rem;
|
||||
margin: 0.25rem auto 0;
|
||||
}
|
||||
.list li {
|
||||
color: #000000;
|
||||
background-color: #fff;
|
||||
padding: 0.3rem 0rem 0rem 0rem;
|
||||
font-size: 0.35rem;
|
||||
line-height: 0.48rem;
|
||||
margin-bottom: 0.25rem;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: outside none none;
|
||||
}
|
||||
.listtit {
|
||||
float: left;
|
||||
width: 33%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
border-right: 0.02rem solid #148EFF;
|
||||
}
|
||||
.listtit span {
|
||||
display: block;
|
||||
font-size: 0.35rem;
|
||||
color: #000000;
|
||||
}
|
||||
.list li .left {
|
||||
width: 26%;
|
||||
display: inline-block;
|
||||
color: #000000;
|
||||
line-height: 0.54rem;
|
||||
}
|
||||
.list li .right {
|
||||
width: 74%;
|
||||
display: inline-block;
|
||||
}
|
||||
.contitle {
|
||||
border-bottom: 0.02rem solid #148EFF;
|
||||
font-size: 0.35rem;
|
||||
padding-bottom: 0.18rem;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header class="bar bar-nav">
|
||||
<a id="alltit">{$data.title}</a>
|
||||
<div class="logo">
|
||||
<a id="cancle" href="javascript:history.go(-1)">
|
||||
<i class="iconfont icon-arrow-left"></i>
|
||||
</a>
|
||||
</div>
|
||||
<a class="icon pull-right open-panel"></a>
|
||||
</header>
|
||||
<div class="page">
|
||||
<div class="content" id="main_content">
|
||||
<img class="kjpic" src="/static/theme/index/img/detailico.jpg" style="width: 9.3rem;margin:0.25rem auto;display: block;margin-top: 1.5rem;" alt="">
|
||||
<div class="tabcs" style="padding:0.3rem 0.4rem;border-radius: 0.2rem;margin: 0.25rem auto;width: 9.3rem;background-color: #fff;">
|
||||
<div class="sytit" style="">
|
||||
<img src="/static/theme/index/img/sytitl1.png" alt="">
|
||||
<span>规格参数</span>
|
||||
<img src="/static/theme/index/img/sytitr1.png" alt="">
|
||||
</div>
|
||||
<table class="layui-table" style="margin-top: 0.4rem;background-color: #fff;color: #000000">
|
||||
<thead>
|
||||
<tr style="background-color: #0084FF;color: #fff;">
|
||||
<th style="border-color: #0084FF;font-size: 0.4rem;padding: 0.26rem 0.3rem;width: 3.2rem">规格
|
||||
</th>
|
||||
<th style="border-color: #0084FF;font-size: 0.4rem;padding: 0.26rem 0.3rem;">参数</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>使用期限</td>
|
||||
<td>{$data.day} 天</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>保证金</td>
|
||||
<td>{$data.min} 元/份</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>算力</td>
|
||||
<td>{$data.power} TH/s</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>日总产出</td>
|
||||
<td>{$data.day_income} BTC/天</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>日运维费</td>
|
||||
<td>{$data.cost} BTC/天</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>日净收益</td>
|
||||
<td>{:getProfit($data.day_income,$data.cost)} BTC/天</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>日化收益率</td>
|
||||
<td>{$data.rate}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>上架时间</td>
|
||||
<td>{$data.time}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="content_r" style="display: block;">
|
||||
<ul class="list">
|
||||
<li style="padding:0.3rem 0.4rem 0.34rem 0.4rem;margin-bottom: 0;" class="cont contentext">
|
||||
<div class="sytit" style="">
|
||||
<img src="/static/theme/index/img/sytitl1.png" alt="">
|
||||
<span>产品详情</span>
|
||||
<img src="/static/theme/index/img/sytitr1.png" alt="">
|
||||
</div>
|
||||
{:htmlspecialchars_decode($data['fixedcontent'])}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="/index/index/mall_form?id={$data.id}" style="display: block;position: fixed;bottom: 0;width: 100%;background: #fff;">
|
||||
<div button="" id="confirm recharge" type="button" style="width: 9.3rem!important;text-align:center; color:#fff;margin:0.5rem auto; height: 1.2rem; border-radius: 0.2rem; line-height: 1.2rem; font-size: 0.4rem;font-weight: bold;width: 100%;background: #0578E7;">
|
||||
马上抢购</div>
|
||||
</a>
|
||||
</html>
|
||||
</body>
|
||||
516
application/index/view/index/mall_form.html
Executable file
516
application/index/view/index/mall_form.html
Executable file
@ -0,0 +1,516 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta content="IE=9; IE=EDGE" http-equiv="X-UA-Compatible">
|
||||
<title>交易详情</title>
|
||||
<link rel="stylesheet" href="__ROOT__/static/theme/index/css/base.css?k={:rand(1,99999)}"/>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/yatongle.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/plugs/jquery/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/public.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/footer.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/iconfont.css" />
|
||||
<script src="__ROOT__/static/theme/index/js/autorem.js"></script>
|
||||
<style type="text/css">
|
||||
.bar {
|
||||
position: fixed;
|
||||
width: 10rem;
|
||||
z-index: 10;
|
||||
height: 1.1rem;
|
||||
/* padding: 0 0.5rem; */
|
||||
color: #fff;
|
||||
/* border: solid 1px #FF7F00; */
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.bar-nav {
|
||||
top: 0;
|
||||
width: 10rem;
|
||||
left: 50%;
|
||||
margin-left: -5rem;
|
||||
}
|
||||
#alltit {
|
||||
position: absolute;
|
||||
z-index: 19;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
line-height: 1.1rem;
|
||||
font-size: 0.4rem;
|
||||
color: #fff;
|
||||
}
|
||||
.logo {
|
||||
display: inline-block;
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
.logo a {
|
||||
display: block;
|
||||
text-align: center;
|
||||
line-height: 1.1rem;
|
||||
color: #fff;
|
||||
}
|
||||
.logo a .iconfont {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.bar .iconfont {
|
||||
position: relative;
|
||||
z-index: 20;
|
||||
color: #fff;
|
||||
padding: 0.5rem 0.1rem;
|
||||
font-size: 0.44rem;
|
||||
line-height: 1.1rem;
|
||||
}
|
||||
.page, .page-group {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
background-color: #efefed;
|
||||
/* background: #efeff4; */
|
||||
/* display: none; */
|
||||
overflow: hidden;
|
||||
}
|
||||
#main_content {
|
||||
padding-bottom: 2.5rem;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.btns {
|
||||
display: inline-block;
|
||||
height: 0.6rem;
|
||||
width: 1.5rem;
|
||||
border-radius: 0.15rem;
|
||||
background-color: #f0f9fd;
|
||||
color: #148EFF;
|
||||
border: 1px solid #148EFF;
|
||||
}
|
||||
.autoBtn {
|
||||
background-color: #148EFF;
|
||||
border: 1px solid #148EFF;
|
||||
color: #fff;
|
||||
}
|
||||
.shade {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
z-index: 20;
|
||||
display: none;
|
||||
}
|
||||
.paybox {
|
||||
position: fixed;
|
||||
width: 10rem;
|
||||
bottom: 0;
|
||||
height: 9.6rem;
|
||||
left: 50%;
|
||||
margin-left: -5rem;
|
||||
background-color: #f5f5f5;
|
||||
z-index: 21;
|
||||
border: 0.02666rem solid #dedede;
|
||||
box-sizing: border-box;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.paybox .title {
|
||||
width: 100%;
|
||||
height: 1.3rem;
|
||||
border-bottom: 0.02666rem solid #dedede;
|
||||
font: 0.44rem/1.3rem '微软雅黑';
|
||||
color: #333;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.paybox .title .c_lose {
|
||||
position: absolute;
|
||||
font: 0.7rem/1rem '微软雅黑';
|
||||
color: #000;
|
||||
top: 0;
|
||||
right: 0rem;
|
||||
width: 1.3rem;
|
||||
}
|
||||
|
||||
.paybox .passwordli {
|
||||
width: 86%;
|
||||
margin: 0.4rem auto;
|
||||
border: 0.02666rem solid #cacaca;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.paybox .passwordli li {
|
||||
height: 1rem;
|
||||
float: left;
|
||||
width: 16.66666%;
|
||||
box-sizing: border-box;
|
||||
border-right: 0.02666rem solid #dedede;
|
||||
text-align: center;
|
||||
font: 0.6rem/1rem '微软雅黑';
|
||||
}
|
||||
|
||||
.paybox .tit {
|
||||
font: 0.3rem/0.3rem '微软雅黑';
|
||||
color: #289c9c;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.paybox .passwordbtn {
|
||||
width: 100%;
|
||||
margin: 0.5rem auto;
|
||||
background-color: #fafafa;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.paybox .passwordbtn li {
|
||||
width: 33.33333%;
|
||||
float: left;
|
||||
height: 1.4rem;
|
||||
font: 0.5rem/1.4rem '微软雅黑';
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
border-right: 0.02666rem solid #c6c6c6;
|
||||
border-bottom: 0.02666rem solid #c6c6c6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.paybox .passwordbtn li:nth-child(3n) {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.paybox .passwordbtn li:nth-child(10),
|
||||
.paybox .passwordbtn li:nth-child(11),
|
||||
.paybox .passwordbtn li:nth-child(12) {
|
||||
border-bottom: none;
|
||||
background-color: #d2d5da;
|
||||
}
|
||||
|
||||
.paybox .passwordbtn li:nth-child(11) {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.paybox .passwordbtn li:nth-child(12) {
|
||||
background: url("/static/theme/index/img/passdel.png") no-repeat center center/0.7rem 0.5rem;
|
||||
background-color: #d2d5da;
|
||||
}
|
||||
|
||||
/* tipMask CSS */
|
||||
.tipMask {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(95, 95, 95, 0.3);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.tipMask .cont {
|
||||
width: 5.1rem;
|
||||
padding: .42rem .6rem .5rem;
|
||||
border-radius: 5px;
|
||||
background-color: #FFFFFF;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -3.15rem;
|
||||
margin-top: -1.8rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tipMask .cont .title {
|
||||
font-size: .34rem;
|
||||
line-height: .48rem;
|
||||
color: #191919;
|
||||
}
|
||||
|
||||
.tipMask .cont .stitle {
|
||||
font-size: .3rem;
|
||||
line-height: .42rem;
|
||||
color: #606060;
|
||||
margin-top: .36rem;
|
||||
}
|
||||
|
||||
.tipMask .cont .confirm {
|
||||
width: 100%;
|
||||
height: .88rem;
|
||||
background-color: #EF6F6C;
|
||||
border-radius: 4px;
|
||||
font-size: .34rem;
|
||||
color: #fff;
|
||||
line-height: .88rem;
|
||||
text-align: center;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<header class="bar bar-nav">
|
||||
<a id="alltit">交易详情</a>
|
||||
<div class="logo">
|
||||
<a id="cancle" href="javascript:history.go(-1)">
|
||||
<i class="iconfont icon-arrow-left"></i>
|
||||
</a>
|
||||
</div>
|
||||
<a class="icon pull-right open-panel"></a>
|
||||
</header>
|
||||
<div class="page">
|
||||
<div class="content" id="main_content">
|
||||
<div style="overflow: hidden;color: #148EFF;text-align: center;font-size:0.4rem;line-height: 1rem;padding:0.6rem 0 0.3rem 0;margin-top: 1.1rem;">
|
||||
<div style="float: left;width:50%;">
|
||||
<span style="display: block; color: #000000;">保证金(元)</span>
|
||||
<span style="display: block;font-size:1.2rem;">{$data.min}</span>
|
||||
</div>
|
||||
<div style="float: left;width:50%;">
|
||||
<span style="display: block;color: #000000;">租赁期限(天)</span>
|
||||
<span style="display: block;font-size:1.2rem;">{$data.day}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 8.8rem;padding: 0.3rem;background-color: #fff;margin:0.25rem auto;border-radius: 0.2rem;overflow: hidden;color: #333;">
|
||||
<span style="display: inline-block;float: left;width: 0.6rem;height:0.6rem;border-radius: 50%;text-align: center;position:relative;top: 0rem;margin-right:0.16rem;"><img src="/static/theme/index/img/ykjico.png" style="width:0.4rem;position:relative;top: 0.04rem" alt=""></span>
|
||||
<span style="font-size: 0.4rem;font-weight: bold;color: #000000;margin-left:0.1rem;position: relative;top: 0.05rem">{$data.title}</span>
|
||||
<span style="float: right;color: #000000;font-size:0.35rem;margin-top:0.12rem;" class="confye">本批剩余{$data.stock}份</span>
|
||||
</div>
|
||||
|
||||
<ul style="border-radius: 0.2rem;overflow:hidden;width: 9.3rem;margin:0.25rem auto;">
|
||||
<li style="overflow: hidden;padding: 0.3rem;background-color: #fff;border-bottom: 0.02rem solid #ccc">
|
||||
<span style="font-size: 0.35rem;color: #000000;margin-left:0.1rem;position: relative;line-height: 0.6rem;">收益方式</span>
|
||||
<span style="float: right;color: #000000;font-size:0.35rem;line-height: 0.6rem;" class="confye">每日分配收益，保证金到期全额返还</span>
|
||||
</li>
|
||||
<li style="overflow: hidden;padding: 0.3rem;background-color: #fff;border-bottom: 0.02rem solid #ccc">
|
||||
<span style="font-size: 0.35rem;color: #000000;margin-left:0.1rem;position: relative;line-height: 0.6rem;">日净收益</span>
|
||||
<span style="float: right;color: #000000;font-size:0.35rem;line-height: 0.6rem;" class="daycl">{:getProfit($data.day_income,$data.cost)} BTC</span>
|
||||
</li>
|
||||
<li style="overflow: hidden;padding: 0.3rem;background-color: #fff;border-bottom: 0.02rem solid #ccc">
|
||||
<span style="font-size: 0.35rem;color: #000000;margin-left:0.1rem;position: relative;line-height: 0.6rem;">总净收益</span>
|
||||
<span style="float: right;color: #000000;font-size:0.35rem;line-height: 0.6rem;" class="allcl">{:round(getProfit($data.day_income,$data.cost)*$data.day,8)} BTC</span>
|
||||
</li>
|
||||
<li style="overflow: hidden;padding: 0.3rem;background-color: #fff;border-bottom: 0.02rem solid #ccc">
|
||||
<span style="font-size: 0.35rem;color: #000000;margin-left:0.1rem;position: relative;line-height: 0.6rem;">总保证金</span>
|
||||
<span style="float: right;color: #000000;font-size:0.35rem;line-height: 0.6rem;" class="summoney">￥{$data.min}</span>
|
||||
</li>
|
||||
<li style="overflow: hidden;padding: 0.3rem;background-color: #fff;border-bottom: 0.02rem solid #ccc">
|
||||
<span style="font-size: 0.35rem;color: #000000;margin-left:0.1rem;position: relative;line-height: 0.6rem;">BTC售出方式</span>
|
||||
<span style="float: right;color: #000000;font-size:0.35rem;line-height: 0.6rem;" class="confye">
|
||||
<input type="button" value="手动出售" class="btns btn1" style="margin-right: 0.3rem;">
|
||||
<input type="button" value="自动出售" class="btns btn2">
|
||||
</span>
|
||||
</li>
|
||||
<li style="overflow: hidden;padding: 0.3rem;background-color: #fff;border-bottom: 0.02rem solid #ccc">
|
||||
<span style="font-size: 0.35rem;color: #000000;margin-left:0.1rem;position: relative;line-height: 0.6rem;">租赁份数</span>
|
||||
<span style="float: right;color: #333;font-size:0.3rem;line-height: 0.6rem;" class="confye"><img onclick="sub()" style="width: 0.5rem;cursor: pointer" src="/static/theme/index/img/sub.png" alt=""><input placeholder="1" id="tzmoney" type="text" oninput="bindinput()" value="1" style="background-color: transparent;border:none;text-align: center;width:1.6rem;font-size:0.4rem;position:relative;top: 0.06rem"><img onclick="add()" style="width: 0.5rem;cursor: pointer" src="/static/theme/index/img/add.png" alt=""></span>
|
||||
</li>
|
||||
<li style="overflow: hidden;padding: 0.3rem;background-color: #fff;">
|
||||
<span style="float: right;color: #000000;font-size:0.35rem;line-height: 0.6rem;" class="confye">每次加减1份，可自行输入份数</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div style="position: fixed;bottom: 0;width: 10rem;background-color: #fff;font-size: 0.4rem;font-weight: bold;overflow: hidden;color: #000000;line-height: 1.2rem;">
|
||||
<span style="float: left;width: 65%;text-indent: 0.5rem;">实付：<font style="color: #F56867;font-size:0.6rem" class="newmoney">￥{$data.min}</font></span>
|
||||
<span style="float: right;width: 35%;background-color: #F56867;text-align: center;font-weight: 500;cursor: pointer;font-size: 0.4rem;font-weight: bold;" onclick="ajaxinput()">确认支付</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="shade"></div>
|
||||
<div class="paybox">
|
||||
<div class="title" style="margin:0">请输入支付密码
|
||||
<div class="c_lose" style="cursor:pointer;">×</div>
|
||||
</div>
|
||||
<ul class="passwordli">
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li style="border: none;"></li>
|
||||
</ul>
|
||||
<div class="tit">安全支付环境，请放心使用</div>
|
||||
<ul class="passwordbtn"></ul>
|
||||
</div>
|
||||
|
||||
<div class="tipMask hide" style="z-index:999999999999999999">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else {
|
||||
var btn = '<div class="confirm guanbi" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
|
||||
$('#main_content').css('minHeight', user_sb_h);
|
||||
|
||||
for (var i = 1; i <= 12; i++) {
|
||||
$("<li data-id=" + i + ">" + i + "</li>").appendTo('.passwordbtn');
|
||||
};
|
||||
|
||||
var buydmoeys = parseFloat('{$data.min}'),
|
||||
buynum = 1,
|
||||
byid = '{$data.id}',
|
||||
days = parseFloat('{$data.day}'),
|
||||
tsy = parseFloat('{:getProfit($data.day_income,$data.cost)}');
|
||||
jsmath();
|
||||
|
||||
function bindinput() {
|
||||
if (!$('#tzmoney').val()) {
|
||||
buynum = 1;
|
||||
$(".allcl").text('0.00000000 BTC');
|
||||
$(".newmoney").text('￥0');
|
||||
$(".summoney").text('￥0');
|
||||
return;
|
||||
}
|
||||
if (!/^\d+$/.test($('#tzmoney').val())) {
|
||||
$('#tzmoney').val(buynum)
|
||||
$('.buynum').html(buynum)
|
||||
jsmath()
|
||||
return
|
||||
} else {
|
||||
buynum = $('#tzmoney').val();
|
||||
$('#tzmoney').val(buynum)
|
||||
$('.buynum').html(buynum)
|
||||
jsmath()
|
||||
}
|
||||
}
|
||||
|
||||
function jsmath() {
|
||||
$(".allcl").text((buynum * days * tsy).toFixed(8)+" BTC")
|
||||
$(".summoney").text('￥' + parseFloat(buynum * buydmoeys));
|
||||
var yhhprice = parseFloat(buynum * buydmoeys);
|
||||
if (yhhprice < 0) {
|
||||
$(".newmoney").text('￥' + '0')
|
||||
} else {
|
||||
$(".newmoney").text('￥' + yhhprice)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function sub() {
|
||||
var num = $('#tzmoney').val();
|
||||
var newnum = parseFloat(num) - 1;
|
||||
if (newnum < 1) {
|
||||
return;
|
||||
}
|
||||
buynum = newnum;
|
||||
$('#tzmoney').val(newnum)
|
||||
$('.buynum').html(buynum)
|
||||
bindinput()
|
||||
}
|
||||
|
||||
function add() {
|
||||
var num = $('#tzmoney').val();
|
||||
var newnum = parseFloat(num) + 1;
|
||||
$('#tzmoney').val(newnum)
|
||||
$('.buynum').html(buynum)
|
||||
bindinput()
|
||||
}
|
||||
|
||||
// 点击按钮获取value值
|
||||
var tran_type = -1;
|
||||
$(".btn1").click(function () {
|
||||
tran_type = 1;
|
||||
$(this).toggleClass('autoBtn');
|
||||
$(this).siblings('.btn2').removeClass('autoBtn');
|
||||
});
|
||||
$(".btn2").click(function () {
|
||||
tran_type = 0;
|
||||
$(this).toggleClass('autoBtn');
|
||||
$(this).siblings('.btn1').removeClass('autoBtn');
|
||||
});
|
||||
|
||||
function ajaxinput() {
|
||||
|
||||
if (tran_type != 0 && tran_type != 1)
|
||||
{
|
||||
msg("提示", "请选择售出方式！", 1);
|
||||
return;
|
||||
}
|
||||
|
||||
if (buynum == '' || buynum == 0) {
|
||||
msg("提示", "请添加购买数量！", 1);
|
||||
return;
|
||||
}
|
||||
|
||||
$('.passwordbtn').off('click', 'li');
|
||||
$('.shade').show();
|
||||
$('.paybox').show();
|
||||
var arry = [];
|
||||
$('.passwordli li').html('');
|
||||
$('.passwordbtn li').eq(9).html(' ');
|
||||
$('.passwordbtn li').eq(11).html(' ');
|
||||
$('.passwordbtn li').eq(10).html('0');
|
||||
$('.passwordbtn').on('click', 'li', function () {
|
||||
var val = $(this).html();
|
||||
if ($(this).data('id') == 12) {
|
||||
arry.pop();
|
||||
$('.passwordli li').eq(arry.length).html(' ');
|
||||
return;
|
||||
};
|
||||
if ($(this).data('id') <= 9 || $(this).data('id') == 11) {
|
||||
var that = $(this);
|
||||
$(this).css('background', '#289c9c');
|
||||
setTimeout(function () {
|
||||
that.css('background', '#fafafa');
|
||||
}, 100);
|
||||
};
|
||||
arry.push(val);
|
||||
$('.passwordli li').eq(arry.length - 1).html('●');
|
||||
if (arry.length == 6) {
|
||||
var password = arry.join(''); //密码！！！！
|
||||
|
||||
$.ajax({
|
||||
url: "/index/index/mall_form",
|
||||
type: "post",
|
||||
data: { 'password': password, 'id': byid, 'buynum': buynum, 'tran_type':tran_type },
|
||||
success: function (data) {
|
||||
if (data.code == 1) {
|
||||
msg("提示", "租赁成功！", 1);
|
||||
window.location.href = '/index/user/index';
|
||||
} else {
|
||||
arry = [];
|
||||
$('.passwordli li').html(' ');
|
||||
msg("错误", data.info, 1);
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
// window.location.reload();
|
||||
msg("错误", "网络异常！", 1);
|
||||
},
|
||||
comptele: function () {
|
||||
// window.location.reload();
|
||||
msg("错误", "网络异常！", 1);
|
||||
}
|
||||
})
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
$('.c_lose').click(function (event) {
|
||||
$('.paybox,.shade').hide();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
25
application/index/view/index/msg_view.html
Normal file
25
application/index/view/index/msg_view.html
Normal file
@ -0,0 +1,25 @@
|
||||
{include file="public/header" nav="消息详情"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="t_box_pay">
|
||||
<div class="t_header">
|
||||
<!--<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span> -->
|
||||
<span><i>{$msg.title}</i></span>
|
||||
</div>
|
||||
<div class="t_con_pay">
|
||||
<!--<div class="t_money" style="text-align: center;color: #fff;height: auto;margin-bottom: .333333rem;">{$msg.title}</div>-->
|
||||
<div style="background: #111723;border-top: .026667rem solid #000;color: #fff;padding: .333333rem;">
|
||||
{:htmlspecialchars_decode($msg['content'])}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='index'}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
124
application/index/view/index/my_news.html
Executable file
124
application/index/view/index/my_news.html
Executable file
@ -0,0 +1,124 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" style="font-size: 56px;">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="user-scalable=no,width=device-width">
|
||||
<title>新闻</title>
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/theme/index/css/iconfont.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/theme/index/css/footer.css" />
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/font.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
|
||||
<style>
|
||||
.news[data-v-53bb5e9e] {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
/* tipMask CSS */
|
||||
.tipMask { width: 100%; height: 100%; background:rgba(95,95,95,0.3); position: fixed; top: 0; left: 0; z-index: 3;}
|
||||
.tipMask .cont { width: 5.1rem; padding: .42rem .6rem .5rem; border-radius: 5px; background-color: #FFFFFF; position: absolute; top: 50%; left: 50%; margin-left: -2.7rem; margin-top: -1.8rem; text-align: center;}
|
||||
.tipMask .cont .title { font-size: .34rem; line-height: .48rem; color: #191919;}
|
||||
.tipMask .cont .stitle { font-size: .3rem; line-height: .42rem; color: #606060; margin-top: .36rem;}
|
||||
.tipMask .cont .confirm { width: 100%; height: .88rem; background-color: #EF6F6C; border-radius: 4px; font-size: .34rem; color: #fff; line-height: .88rem; text-align: center; margin-top: .5rem; }
|
||||
|
||||
#tipMasks .conts { width: 100%;height: 100%; border-radius: 5px;position: absolute;text-align: center;}
|
||||
</style>
|
||||
<script>
|
||||
const baseSize = 28;
|
||||
// 设置 rem 函数
|
||||
function setRem() {
|
||||
// 当前页面宽度相对于 750 宽的缩放比例，可根据自己需要修改。
|
||||
const scale = document.documentElement.clientWidth / 375
|
||||
// 设置页面根节点字体大小
|
||||
document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
|
||||
}
|
||||
|
||||
// 初始化
|
||||
setRem();
|
||||
// 改变窗口大小时重新设置 rem
|
||||
window.onresize = function() {
|
||||
setRem()
|
||||
}
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/theme/index/css/new/app.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div data-v-5e045723="" id="app" style="padding-bottom: 55px;">
|
||||
<div data-v-53bb5e9e="" data-v-5e045723="" class="news">
|
||||
<iframe data-v-53bb5e9e="" id="iframe" src="https://cpu.baidu.com/1022/a93bcb0f/i?pu=2&promotion_media_channel=33272" width="100%" height="90%">
|
||||
</iframe>
|
||||
</div>
|
||||
{include file="public/footer" menu='news'}
|
||||
</div>
|
||||
|
||||
<div class="tipMask" id="tipMasks" style="display: none;">
|
||||
<div class="conts" style="background-color: #FFF0;">
|
||||
<img src="__ROOT__/static/theme/index/img/gold.gif" style="width: 100%;height:100%;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tipMask" id="tipMask" style="display: none;">
|
||||
<div class="mask" onclick="$('#tipMask').hide();"></div>
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents">您已完成每日浏览任务，收益已发放至您账户余额中!</p>
|
||||
<div id="msgBtn" ><div class="confirm guanbi" onclick="$('#tipMask').hide();">确定</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
|
||||
function refresh(){
|
||||
$('#iframe').attr('src', $('#iframe').attr('src'));
|
||||
}
|
||||
|
||||
var login = '{$login}';
|
||||
var isobse = '{$conf.isobse}';
|
||||
$(function(){
|
||||
if(login == 1){
|
||||
msg("温馨提示","登录后可领取浏览奖励可提现",1);
|
||||
}else{
|
||||
if(isobse == 1){
|
||||
fn();
|
||||
}
|
||||
}
|
||||
});
|
||||
function msg(title,content,type,url){
|
||||
$(".contents").html(content);
|
||||
if(type==1){
|
||||
var btn = '<div class="confirm guanbi" onclick="$(\'#tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else{
|
||||
var btn = '<div class="confirm guanbi" onclick="window.location.href=\''+url+'\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$("#tipMask").show();
|
||||
}
|
||||
|
||||
var onlitime = '{$conf.seetime}';
|
||||
function fn() {
|
||||
if (onlitime > 0) {
|
||||
onlitime--;
|
||||
|
||||
setTimeout("fn()", 1000);
|
||||
} else {
|
||||
|
||||
$.post("/index/index/news_reward",function(e){
|
||||
if(e.code == 1){
|
||||
$('#tipMasks').show();
|
||||
$('#tipMask').show();
|
||||
setTimeout(function(){$('#tipMasks').hide();}, 5000);
|
||||
if(e.data.more > 0){
|
||||
onlitime = e.data.times;
|
||||
setTimeout("fn()", 1000);
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
87
application/index/view/index/new_index.html
Executable file
87
application/index/view/index/new_index.html
Executable file
@ -0,0 +1,87 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" style="font-size: 56px;">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
|
||||
<title>新闻</title>
|
||||
<link rel="stylesheet" href="__ROOT__/static/theme/news/css/fake.css?at={:date('md')}">
|
||||
<script type="text/javascript" src="__ROOT__/static/plugs/jquery/jquery.min.js?at={:date('md')}"></script>
|
||||
<style>
|
||||
.news[data-v-53bb5e9e] {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.body{min-height:100%;}
|
||||
.body::after{background:#000 url(__ROOT__/static/theme/news/img/bg.jpg) no-repeat center center;background-size:100% auto;}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
const baseSize = 28;
|
||||
// 设置 rem 函数
|
||||
function setRem() {
|
||||
// 当前页面宽度相对于 750 宽的缩放比例，可根据自己需要修改。
|
||||
const scale = document.documentElement.clientWidth / 375
|
||||
// 设置页面根节点字体大小
|
||||
document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
|
||||
}
|
||||
// 初始化
|
||||
setRem();
|
||||
// 改变窗口大小时重新设置 rem
|
||||
window.onresize = function() {
|
||||
setRem()
|
||||
}
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/theme/news/css/app.css"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div data-v-5e045723="" id="app">
|
||||
<div data-v-53bb5e9e="" data-v-5e045723="" class="news">
|
||||
<iframe data-v-53bb5e9e="" src="https://cpu.baidu.com/1022/a93bcb0f/i?pu=2&promotion_media_channel=33272" width="100%" height="90%">
|
||||
</iframe>
|
||||
</div>
|
||||
<!---->
|
||||
<div data-v-faf68140="" data-v-5e045723="" class="footer_nav">
|
||||
<a data-v-faf68140="" href="/index" style="width: 20%;">
|
||||
<img data-v-faf68140="" src="__ROOT__/static/theme/news/img/bottom_1.png">
|
||||
</a>
|
||||
<a data-v-faf68140="" href="/index/login" style="width: 20%;">
|
||||
<img data-v-faf68140="" src="__ROOT__/static/theme/news/img/bottom_2.png">
|
||||
</a>
|
||||
<a data-v-faf68140="" href="/index/login" style="width: 20%;">
|
||||
<img data-v-faf68140="" src="{:getInfo('news_img')}">
|
||||
</a>
|
||||
<a data-v-faf68140="" href="/index/login" style="width: 20%;">
|
||||
<img data-v-faf68140="" src="__ROOT__/static/theme/news/img/bottom_4.png">
|
||||
</a>
|
||||
<a data-v-faf68140="" href="/index/login" style="width: 20%;">
|
||||
<img data-v-faf68140="" src="__ROOT__/static/theme/news/img/bottom_5.png">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{if getInfo("activity1_status")}
|
||||
<div class="body">
|
||||
<div class="crush"></div>
|
||||
<dl class="main">
|
||||
<a href="javascript:;" onclick="closelayer()" style="font-size:15px;width:110px;height:25px;line-height:25px;text-align: center;margin: 0 auto;display:block;position:relative;top:0;border: 1px solid #fff;color:#000;border-radius:5px;background-color:Gainsboro;top:-10px">关闭</a>
|
||||
<a href="{:getInfo('activity1_url')}">
|
||||
<dd><img src="{:getInfo('activity1_img')}"/></dd>
|
||||
</a>
|
||||
</dl>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<script type="text/javascript">
|
||||
function closelayer()
|
||||
{
|
||||
$('.body').hide();
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
286
application/index/view/index/normalfutures.html
Executable file
286
application/index/view/index/normalfutures.html
Executable file
@ -0,0 +1,286 @@
|
||||
{include file="public/header" nav="我的合约"}
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/footer.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/index/css/iconfont.css" />
|
||||
<style>
|
||||
.footer p{
|
||||
font-weight: normal!important;
|
||||
}
|
||||
.list_outer ul li .list_lab span{
|
||||
color: #fd5a21!important;
|
||||
}
|
||||
.progressBox .progress{
|
||||
background: #fd5a21!important;
|
||||
}
|
||||
.progressNum{
|
||||
color: #fd5a21!important;
|
||||
}
|
||||
|
||||
.bar {
|
||||
position: fixed;
|
||||
width: 10rem;
|
||||
z-index: 10;
|
||||
height: 1.1rem;
|
||||
/* padding: 0 0.5rem; */
|
||||
color: #fff;
|
||||
/* border: solid 1px #FF7F00; */
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.bar-nav {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
#main_content {
|
||||
padding-bottom: 1.5rem;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.bar-nav ~ .content {
|
||||
padding-top: 0.9rem;
|
||||
}
|
||||
|
||||
.buttons-row, .buttons-tab {
|
||||
-ms-flex-item-align: center;
|
||||
-webkit-align-self: center;
|
||||
align-self: center;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-lines: single;
|
||||
-moz-box-lines: single;
|
||||
-webkit-flex-wrap: nowrap;
|
||||
-ms-flex-wrap: none;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.buttons-tab {
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.buttons-tab span {
|
||||
/*width: 3rem;*/
|
||||
margin-left: 1.3rem;
|
||||
}
|
||||
|
||||
.button {
|
||||
border: 1px solid #0e696d;
|
||||
color: #0e696d;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
display: block;
|
||||
border-radius: 0.15rem;
|
||||
line-height: 0.7rem;
|
||||
box-sizing: border-box;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
background: none;
|
||||
padding: 0 0.2rem;
|
||||
margin: 0;
|
||||
/* height: 1.35rem; */
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 0.37rem;
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
/* right: 0.5rem; */
|
||||
}
|
||||
|
||||
.buttons-tab .button {
|
||||
color: #fff;
|
||||
font-size: 0.4rem;
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 1rem;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
border: 0;
|
||||
border-bottom: 2px solid transparent;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.lobby-nav {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.lobby-nav li {
|
||||
width: 100%;
|
||||
height: 2rem;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
.listbox {
|
||||
overflow: hidden;
|
||||
}
|
||||
.listbox li {
|
||||
float: left;
|
||||
text-align: left;
|
||||
height: 1.2rem !important;
|
||||
}
|
||||
|
||||
.lobby-nav li span {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 3rem;
|
||||
line-height: 0.7rem;
|
||||
}.lobby-nav li span {
|
||||
line-height: 0.6rem !important;
|
||||
}
|
||||
.listbox li .tit {
|
||||
font-size: 0.35rem;
|
||||
color: #000000;
|
||||
margin-top: 0.2rem;
|
||||
line-height: 0.5rem !important;
|
||||
}
|
||||
li {
|
||||
list-style: outside none none;
|
||||
}
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.footer{
|
||||
height: .98rem;
|
||||
}
|
||||
|
||||
.footer .item .iconfont {
|
||||
font-size: .4rem;
|
||||
/*line-height: 1.3;*/
|
||||
}
|
||||
|
||||
.footer .item p {
|
||||
width: 100%;
|
||||
font-size: 12px;
|
||||
/* line-height: .28rem;
|
||||
margin: .2rem 0 0.1rem;*/
|
||||
}
|
||||
|
||||
</style>
|
||||
<header class="bar bar-nav">
|
||||
<div style="width: 4rem;height:0.7rem;overflow:hidden;margin:0.2rem auto;border-radius: 0.35rem;border:0.03rem solid #0084FF;line-height: 0.7rem;z-index: 15">
|
||||
<a href="/index/index/lists">
|
||||
<div style="float: left;text-align: center;font-size: 16px;width:50%;height:100%;color: #fff;">
|
||||
矿机</div>
|
||||
</a>
|
||||
<a href="/index/index//normalfutures">
|
||||
<div style="float: right;text-align: center;font-size: 16px;color: #f68b3d;background-color: #0084FF;width:50%;height:100%;">合约
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
<div class="content" id="main_content">
|
||||
<div class="page" style="min-height: 667px;">
|
||||
<div class="buttons-tab background" style="padding-top: 0.2rem;width: 100%;position:fixed;z-index: 1">
|
||||
<span style="position: relative">
|
||||
<a style="font-size: 14px; color: #f68b3d;" href="/index/index/normalfutures" class=" button">在期合约</a>
|
||||
<span style="position: absolute;width: 1.8rem;height: 0.05rem;background-color: #f68b3d;bottom: 0.05rem;left:50%;margin-left:-0.9rem"></span>
|
||||
</span>
|
||||
<span>
|
||||
<a href="/index/index/expirefutures" style="font-size: 14px;" class=" button">到期合约</a>
|
||||
</span>
|
||||
</div>
|
||||
<div style="width: 100%;height: 1.8rem;background-color: transparent"></div>
|
||||
<div style="width:96%;left:2%;background-color: #0084FF;overflow:hidden;height: 2.8rem;position:absolute;top: 2.6rem;padding-top: 0.4rem;border-radius: 0.2rem">
|
||||
<div style="font-size: 16px;color: #fff;margin-left: 0.4rem">累计收益</div>
|
||||
<div style="font-size: 28px;color: #fff;margin-left: 0.4rem;margin-top:0.1rem;">
|
||||
{:round($ljsy,2)} 元</div>
|
||||
<a href="/index/user/fund">
|
||||
<div style="position:absolute;font-size: 14px;color: #fff;padding: 0.08rem 0.26rem;border-radius: 0.12rem;border:1px solid rgba(255,255,255,0.6);right: 0.4rem;top: 0.6rem">收益明细</div>
|
||||
</a>
|
||||
<div style="width: 100%;overflow:hidden;position:absolute;bottom: 0;background-color: #148EFF;line-height:0.9rem">
|
||||
<div style="float: left;text-align:center;font-size: 0.4rem;color: #fff;padding-left: 0.4rem;">
|
||||
在期合约：<font style="font-size: 14px;position:relative;">{$yxkj}</font>
|
||||
到期合约：<font style="font-size: 14px;position:relative;">{$dqkj}</font>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-padded lobby-nav" style="margin: 3.2rem 0 0 0;padding:0 0.35rem">
|
||||
{volist name="invest" id="i"}
|
||||
<li style="margin-top: 0.25rem;padding:0.3rem ;height: auto;border-radius: 0.16rem;position: relative;overflow:hidden;width:9.4rem;">
|
||||
<!--<div style="position: absolute;width: 2rem;height: 0.8rem;right: 0;top: 0;line-height:0.8rem;font-size: 0.35rem;background: #03ad90;border-radius: 0 0.16rem 0 0.16rem;color: #fff;">
|
||||
运行中
|
||||
</div>-->
|
||||
<div style="text-align: left;font-size:0.4rem;font-weight: bold;">
|
||||
<img src="/static/theme/index/img/ykjico.png" style="width: 0.4rem;margin-right:0.1rem;margin-top:-0.05rem;color: #000000;" alt="">
|
||||
{$i.title}
|
||||
</div>
|
||||
<div style="height: 1.2rem;overflow:hidden;">
|
||||
<ul class="listbox">
|
||||
<li style="width: 31%;">
|
||||
<span class="tit">合约金额</span>
|
||||
<span class="text">{$i.money}元</span>
|
||||
</li>
|
||||
<li style="width: 41%;">
|
||||
<span class="tit">净收益率</span>
|
||||
<span class="text">{$i.rate}%</span>
|
||||
</li>
|
||||
<li style="width: 28%">
|
||||
<span class="tit">已收益</span>
|
||||
<span class="text">0</span>
|
||||
</li>
|
||||
<li style="width: 31%;">
|
||||
<span class="tit">合约天数</span>
|
||||
<span class="text">{$i.day}</span>
|
||||
</li>
|
||||
<li style="width: 41%;">
|
||||
<span class="tit">订单号</span>
|
||||
<span class="text">{$i.number}</span>
|
||||
</li>
|
||||
<li style="width: 28%">
|
||||
<span class="tit">到期时间</span>
|
||||
<span class="text">{:date("Y-m-d",strtotime($i.time2))}</span>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="/index/user/contract?id={$i.id}">
|
||||
<div style="width:99%;text-align:center;border:1px solid #000000;border-radius: 0.1rem;line-height:0.7rem;font-size: 0.35rem;margin-top:0.3rem">
|
||||
查看矿机租赁合同
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div style="font-size: 0.35rem;color: #333333;cursor: pointer;margin-top:0.2rem;background-color: #fff" class="morebtn">
|
||||
<font>展开更多</font><img style="width: 0.4rem;margin-left:0.06rem" src="/static/theme/index/img/xia.png" alt="">
|
||||
</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu="list"}
|
||||
<script>
|
||||
$('.morebtn').click(function () {
|
||||
var that = $(this)
|
||||
if (that.hasClass('cur')) {
|
||||
that.removeClass('cur').prev('div').animate({
|
||||
height: '1.2rem'
|
||||
},
|
||||
200,
|
||||
function () {
|
||||
that.find('img').attr('src', '/static/theme/index/img/xia.png');
|
||||
that.find('font').text('展开更多')
|
||||
});
|
||||
} else {
|
||||
that.addClass('cur').prev('div').animate({
|
||||
height: '3.5rem'
|
||||
},
|
||||
200,
|
||||
function () {
|
||||
that.find('img').attr('src', '/static/theme/index/img/shang.png');
|
||||
that.find('font').text('收起更多')
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
</body>
|
||||
36
application/index/view/index/notice.html
Executable file
36
application/index/view/index/notice.html
Executable file
@ -0,0 +1,36 @@
|
||||
{include file="public/header" nav="最新公告"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="f_box_bank">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>最新公告</i></span>
|
||||
</div>
|
||||
<div class="f_content" style="overflow: auto;">
|
||||
{if count($notice)}
|
||||
<ul class="list">
|
||||
{volist name="notice" id="t"}
|
||||
<li class="item">
|
||||
<a href="/index/index/about_details?id={$t['id']}">
|
||||
<span>{$t.title}</span>
|
||||
<i class="iconfont icon-arrow-right"></i>
|
||||
</a>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
{else/}
|
||||
<div class="dataNo">
|
||||
<h3>没有更多数据了</h3>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer"}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
131
application/index/view/index/prize.html
Executable file
131
application/index/view/index/prize.html
Executable file
@ -0,0 +1,131 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
|
||||
<title>大转盘</title>
|
||||
<link href="/static/theme/prize/mui.min.css" rel="stylesheet">
|
||||
<link href="/static/theme/prize/component.css" rel="stylesheet" type="text/css">
|
||||
<link href="/static/theme/prize/award.css" rel="stylesheet" type="text/css">
|
||||
<script type="text/javascript">
|
||||
function msg(content, type, url) {
|
||||
$(".xxcy_text").html(content);
|
||||
$("#xxcy-main").fadeIn();
|
||||
if (type == 2) {
|
||||
window.location.href = url;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="/static/theme/prize/animate.min.css">
|
||||
<script src="/static/theme/prize/award.js"></script>
|
||||
<style>
|
||||
.img_2_3 {
|
||||
position: absolute;
|
||||
animation-delay: 0.25s;
|
||||
animation-duration: 1s;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.img_2_4 {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
animation-delay: 0.25s;
|
||||
animation-duration: 1s;
|
||||
z-index: 5;
|
||||
}
|
||||
.rule_text p{
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="mui-ios mui-ios-11 mui-ios-11-0">
|
||||
<!-------------抽奖页面-------------->
|
||||
<div class="ml-main" id="ml-main">
|
||||
<img class="main_back" src="/static/theme/prize/back.png">
|
||||
<img class="animated zoomIn img_2_1" src="/static/theme/prize/img_1.png">
|
||||
<img class="animated bounceIn img_2_2" src="/static/theme/prize/img_2.png">
|
||||
<img class="animated zoomIn img_2_3" onclick="window.location.href='/index/user/index'"
|
||||
src="/static/theme/index/img/goback.png"/>
|
||||
<img class="animated zoomIn img_2_4" onclick="window.location.href='/index/index/prize_list'"
|
||||
src="/static/theme/index/img/user_prize.png"/>
|
||||
<div class="kePublic">
|
||||
<!--转盘效果开始-->
|
||||
<div style="margin:0 auto">
|
||||
<div class="banner">
|
||||
<div class="turnplate"
|
||||
style="background-image:url(resource/img/turnplate-bg_2.png);background-size:100% 100%;font-size:24px !important;">
|
||||
<canvas class="item" id="wheelcanvas" width="516" height="516"></canvas>
|
||||
<img id="tupBtn" class="pointer" src="/static/theme/prize/turnplate-pointer_2.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--转盘效果结束-->
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<img class="bottom_shadow" src="/static/theme/prize/bottom_shadow.png">
|
||||
<img class="animated zoomIn kePublic_back" src="/static/theme/prize/back1.png">
|
||||
|
||||
<!--------------滚动中奖纪录---------------->
|
||||
<div class="record_line" id="Marquee">
|
||||
{volist name="prize_list" id="vo"}
|
||||
<div id="{$vo.id}">
|
||||
{$vo.msg}
|
||||
</div>
|
||||
{/volist}
|
||||
|
||||
|
||||
</div>
|
||||
<!-------------底部声明-------------->
|
||||
<img class="rule_title" src="/static/theme/prize/rule_title.png">
|
||||
<div class="rule_text">
|
||||
{:htmlspecialchars_decode($data['rule'])}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-------------中奖弹窗页面-------------->
|
||||
<div class="zj-main" id="zj-main">
|
||||
<div class="txzl">
|
||||
<div class="zj_text">
|
||||
<!--中奖啦<br>恭喜获得<span id="jiangpin"></span>一份-->
|
||||
中奖啦<br><span id="jiangpin"></span>
|
||||
</div>
|
||||
<div class="close_zj">关闭</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-------------谢谢参与弹窗-------------->
|
||||
<div class="xxcy-main" id="xxcy-main">
|
||||
<div class="xxcy">
|
||||
<div class="xxcy_text">
|
||||
很遗憾<br>没有抽中礼品
|
||||
</div>
|
||||
<div class="close_xxcy">关闭</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/static/theme/prize/jquery-2.1.4.min.js"></script>
|
||||
<script src="/static/theme/prize/mui.min.js"></script>
|
||||
<script src="/static/theme/prize/awardRotate.js"></script>
|
||||
<!--<script type="text/javascript" src="/statics/css/resource/js/main.js"></script>-->
|
||||
<script type="text/javascript" src="/static/theme/prize/award.js"></script>
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
// turnplate.restaraunts = ["奖励1元","奖励2元","奖励3元","奖励4元","奖励5元","奖励6元","奖励7元","奖励8元"];
|
||||
turnplate.colors = ["#FAEBD7", "#FFFFFF", "#FAEBD7", "#FFFFFF", "#FAEBD7", "#FFFFFF", "#FAEBD7", "#FFFFFF"];
|
||||
turnplate.randomRate = ["{$data.odds1}%", '{$data.odds2}%', '{$data.odds3}%', '{$data.odds4}%', '{$data.odds5}%', '{$data.odds6}%']; //小心设置按100%分配
|
||||
turnplate.restaraunts = ["{$data.name1}", "{$data.name2}", "{$data.name3}", "{$data.name4}", "{$data.name5}", "谢谢参与"];
|
||||
$("img").on("click", function () {
|
||||
return false;
|
||||
});
|
||||
document.addEventListener("WeixinJSBridgeReady", function () {
|
||||
WeixinJSBridge.call('hideOptionMenu');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
108
application/index/view/index/prize_list.html
Executable file
108
application/index/view/index/prize_list.html
Executable file
@ -0,0 +1,108 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" style="font-size: 16px">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>抽奖记录</title>
|
||||
<!--<link href="__PUBLIC__/mobile/choujiang/css/lists.css" rel="stylesheet" type="text/css">-->
|
||||
<script type="text/javascript" src="/static/theme/index/js/jquery.js"></script>
|
||||
<script type="text/javascript">
|
||||
document.documentElement.style.fontSize = document.documentElement.clientWidth / 1280*100 + 'px';
|
||||
</script>
|
||||
<style type="text/css">
|
||||
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
|
||||
body{color:#333; font-size:12px;font-family:"Microsoft YaHei"}
|
||||
ul,ol{list-style-type:none;}
|
||||
select,input,img,select{vertical-align:middle;}
|
||||
input{ font-size:12px;}
|
||||
a{ text-decoration:none; color:#000;}
|
||||
a:hover{color:#c00; text-decoration:none;}
|
||||
.clear{clear:both;}
|
||||
.way{
|
||||
padding: 10px 10px;
|
||||
color: #FEEEEE;
|
||||
}
|
||||
.title{
|
||||
font-size: 20px;
|
||||
}
|
||||
.rule{
|
||||
font-variant-numeric: inherit;
|
||||
font-variant-east-asian: inherit;
|
||||
font-stretch: inherit;
|
||||
/*line-height: 20px;*/
|
||||
font-size: 16px;
|
||||
}
|
||||
.goback {
|
||||
font-size: 0.7rem;
|
||||
height: 2rem;
|
||||
float: left;
|
||||
/*margin-left: .4rem;*/
|
||||
}
|
||||
.prize-win-panel{
|
||||
color: #FEEEEE;
|
||||
font-size: 3.5vw;
|
||||
/*border-top: 1px solid #e2e2e2;*/
|
||||
/*border-right: 1px solid #e2e2e2;*/
|
||||
/*margin-top: 20px;*/
|
||||
/*margin-left: -5px;*/
|
||||
padding: 40px 20px;
|
||||
}
|
||||
.prize-win-list{
|
||||
width: 100%;
|
||||
}
|
||||
.prize-win-panel tr{
|
||||
width: 100%;
|
||||
}
|
||||
.prize-win-panel th{
|
||||
font-size: 4.5vw;
|
||||
}
|
||||
.prize-win-panel th, .prize-win-panel td {
|
||||
width: 33.333%;
|
||||
text-align: center;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
.img_2_3 {
|
||||
position: absolute;
|
||||
animation-delay: 0.25s;
|
||||
animation-duration: 1s;
|
||||
z-index: 5;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="background:#FA3D3E ;background-size: 100% 100%;background-attachment: fixed;background-position: center;">
|
||||
<div id="app">
|
||||
<img class="animated zoomIn img_2_3" onclick="window.location.href='/index/index/prize'" src="/static/theme/index/img/goback.png" />
|
||||
|
||||
<div class="prize-win-panel">
|
||||
<table class="prize-win-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>奖品</th>
|
||||
<th>类型</th>
|
||||
<th>日期</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{volist name="prize" id="p"}
|
||||
<tr>
|
||||
<td>{$p.name}</td>
|
||||
<td>
|
||||
{if condition="$p['type'] eq 1"}
|
||||
现金
|
||||
{else/}
|
||||
实物
|
||||
{/if}
|
||||
</td>
|
||||
<td>{:date('m-d H:i',strtotime($p['time']))}</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="way">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
68
application/index/view/index/shop.html
Executable file
68
application/index/view/index/shop.html
Executable file
@ -0,0 +1,68 @@
|
||||
{include file="public/header" nav="积分商城"}
|
||||
<style>
|
||||
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "微软雅黑";
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.list_outer ul .goods:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.goods{
|
||||
width: calc(50% - 5px);
|
||||
/*float:left;*/
|
||||
/*background-color: #fff;*/
|
||||
/*margin:.1rem .1rem ;*/
|
||||
/*box-shadow: 0 0 10px #ccc;*/
|
||||
background: #fff;
|
||||
padding: 10px;
|
||||
margin-right: 10px;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 10px;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
<div class="mobile">
|
||||
<div class="othertop" style="background: #4f5ffa">
|
||||
<a class="goback" href="/index/user/index">
|
||||
<img src="/static/theme/index/img/goback.png"/>
|
||||
</a>
|
||||
<div class="othertop-font">商品列表</div>
|
||||
<a href="/index/index/shop_order" style="color:#fff;">记录</a>
|
||||
</div>
|
||||
<div class="header-nbsp"></div>
|
||||
|
||||
<!-- 商品项目 -->
|
||||
<div class="list_outer">
|
||||
<ul style="padding: 0 10px;">
|
||||
{volist name="shop" id="i"}
|
||||
<div class="goods">
|
||||
<a href="/index/index/shop_details?id={$i['id']}">
|
||||
<div style="width: 100%;">
|
||||
<img src="{$i.img}" style="width: 150px;height: 150px">
|
||||
</div>
|
||||
<div style="font-size: .28rem;padding: .1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">
|
||||
[{if condition="$i['type'] eq 1"}现金{else/}实物{/if}] {$i.title}
|
||||
</div>
|
||||
<div style="padding: .1rem;color:#888;">
|
||||
<div style="float:left;">
|
||||
需<span style="color:#f00;">{$i.integral}</span>积分
|
||||
</div>
|
||||
<div style="float: right;">
|
||||
剩<span style="color:#f00;">{$i.num}</span>份
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
143
application/index/view/index/shop_details.html
Executable file
143
application/index/view/index/shop_details.html
Executable file
@ -0,0 +1,143 @@
|
||||
{include file="public/header" nav="商品详情"}
|
||||
<style>
|
||||
/* tipMask CSS */
|
||||
.tipMask {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(95, 95, 95, 0.3);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tipMask .cont {
|
||||
width: 5.1rem;
|
||||
padding: .42rem .6rem .5rem;
|
||||
border-radius: 5px;
|
||||
background-color: #FFFFFF;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -3.15rem;
|
||||
margin-top: -1.8rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tipMask .cont .title {
|
||||
font-size: .34rem;
|
||||
line-height: .48rem;
|
||||
color: #191919;
|
||||
}
|
||||
|
||||
.tipMask .cont .stitle {
|
||||
font-size: .3rem;
|
||||
line-height: .42rem;
|
||||
color: #606060;
|
||||
margin-top: .36rem;
|
||||
}
|
||||
|
||||
.tipMask .cont .confirm {
|
||||
width: 100%;
|
||||
height: .88rem;
|
||||
background-color: #4f5ffa;
|
||||
border-radius: 4px;
|
||||
font-size: .34rem;
|
||||
color: #fff;
|
||||
line-height: .88rem;
|
||||
text-align: center;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
</style>
|
||||
<div class="mobile">
|
||||
<div class="othertop" style="background: #4f5ffa">
|
||||
<a class="goback" href="/index/index/shop">
|
||||
<img src="/static/theme/index/img/goback.png" />
|
||||
</a>
|
||||
<div class="othertop-font">商品详情</div>
|
||||
</div>
|
||||
<div class="header-nbsp"></div>
|
||||
<div style="background-color: #fff;">
|
||||
<div style="width:100%;">
|
||||
<img src="{$goods.img}" width="100%"/>
|
||||
</div>
|
||||
<div style="font-size: .36rem;padding: .2rem .1rem;border-bottom: 1px solid #eee;">
|
||||
[{if condition="$goods['type'] eq 1"}现金{else/}实物{/if}] {$goods.title}
|
||||
</div>
|
||||
<div style="padding: .2rem;color:#888;">
|
||||
<div style="float:left;">
|
||||
需<span style="color:#f00;">{$goods.integral}</span>积分
|
||||
</div>
|
||||
<div style="float: right;">
|
||||
剩<span style="color:#f00;">{$goods.num}</span>份
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: .2rem;color:#888;margin-top: .2rem;background-color: #fff;">
|
||||
<div style="float:left;line-height: 40px;">
|
||||
您有<span style="color:#f00;">{$count}</span>积分
|
||||
</div>
|
||||
<div style="float: right;">
|
||||
<input type="button" value="立即兑换" onclick="pay()" style="width: 200px;height: 40px;background-color: #f60;border: none;color:#fff;border-radius: 2500px;"/>
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
<div style="background-color: #fff;margin-top: .2rem;min-height: 5rem;">
|
||||
<div style="line-height: 30px;border-bottom: 1px solid #eee;padding: .2rem;">商品详情</div>
|
||||
<div style="padding: .2rem;">
|
||||
{:htmlspecialchars_decode($goods['content'])}
|
||||
</div>
|
||||
</div>
|
||||
<div style="line-height: 1rem;text-align: center;">
|
||||
© {:getInfo('webname')}
|
||||
</div>
|
||||
</div>
|
||||
<div class="tipMask hide" style="z-index:999999999999999999">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function pay(){
|
||||
var gid = "{$goods.id}";
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url : "/index/index/shop_exchange",
|
||||
data: {gid:gid},
|
||||
dataType : "json",
|
||||
success : function(result){
|
||||
if(result['code'] == 1){
|
||||
msg('提示',result['info'],1);
|
||||
}
|
||||
else if(result['code'] == 2){
|
||||
msg('提示',result['info'],2,"/index/login");
|
||||
}
|
||||
else{
|
||||
msg('提示',result['info'],1);
|
||||
}
|
||||
},
|
||||
error:function(){
|
||||
msg("提示","网络繁忙，请刷新后再试！",1);
|
||||
}
|
||||
});
|
||||
}
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else {
|
||||
var btn = '<div class="confirm guanbi" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
37
application/index/view/index/shop_order.html
Executable file
37
application/index/view/index/shop_order.html
Executable file
@ -0,0 +1,37 @@
|
||||
{include file="public/header" nav="兑换记录"}
|
||||
<div class="mobile">
|
||||
<div class="othertop" style="background: #4f5ffa">
|
||||
<a class="goback" href="/index/index/shop">
|
||||
<img src="/static/theme/index/img/goback.png"/>
|
||||
</a>
|
||||
<div class="othertop-font">兑换记录</div>
|
||||
</div>
|
||||
<div class="header-nbsp"></div>
|
||||
|
||||
<!-- 兑换记录 -->
|
||||
<div class="list_outer">
|
||||
<ul>
|
||||
{volist name="shop_order" id="i"}
|
||||
<div style="width: 7.3rem;background-color: #fff;margin:.1rem .1rem ;border-radius: 5px">
|
||||
<a href="/index/index/shop_details?id={$i['id']}">
|
||||
<div style="padding: .1rem;">
|
||||
<div style="width:2rem;height:1.5rem;float:left;overflow: hidden;">
|
||||
<div style="width: 100%;">
|
||||
<img src="{$i.img}" style="width: 100%;height: 13vh;">
|
||||
</div>
|
||||
</div>
|
||||
<div style="float:left;width:4rem;margin-left: .2rem;font-size: .28rem;">
|
||||
[{if condition="$i['type'] eq 1"}现金{else/}实物{/if}] {$i.goods}<br/><br/>
|
||||
<span style="color:#f00;">{$i.integral}</span><span style="color:#888;">积分</span><br/>
|
||||
<span style="color:#888;font-size: .24rem;">{$i.time}</span><br/>
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
110
application/index/view/login/index.html
Executable file
110
application/index/view/login/index.html
Executable file
@ -0,0 +1,110 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
|
||||
<meta content="yes" name="apple-mobile-web-app-capable">
|
||||
<meta content="black" name="apple-mobile-web-app-status-bar-style">
|
||||
<meta content="telephone=no" name="format-detection">
|
||||
<meta content="email=no" name="format-detection">
|
||||
<title>会员登录</title>
|
||||
<style type="text/css">
|
||||
html {
|
||||
font-size: 40px;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/common.css">
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/login.css">
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/tipmask.css">
|
||||
</head>
|
||||
<body>
|
||||
<form action="" method="post" id="logins">
|
||||
<div id="app">
|
||||
<div class="t_box_login">
|
||||
<div class="t_logo"><img src="{:getInfo('login_img')}" style="width: 100px;height: 20px;"> <span></span></div>
|
||||
<div class="login_box">
|
||||
<div class="log-item">
|
||||
<i>帐号</i>
|
||||
<input type="text" placeholder="请输入用户名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入用户名'" name="account" id="phonenumber">
|
||||
</div>
|
||||
<div class="log-item">
|
||||
<i>密码</i>
|
||||
<input type="password" placeholder="请输入密码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入密码'" name="password" id="password">
|
||||
</div>
|
||||
<div class="op-item">
|
||||
<button type="button" id="login_btn">登录</button>
|
||||
</div>
|
||||
<div class="reg-item">
|
||||
还没有帐号？<a href="/index/login/reg">马上开户</a>
|
||||
</div>
|
||||
<div class="reg-item">
|
||||
当前在线：<span id="num" style="color: red"></span>人
|
||||
</div>
|
||||
<div class="lk-item">
|
||||
<a href="javascript:;" onclick="alert('忘记密码请联系客服！')" style="float:left">忘记密码？</a>
|
||||
<a href="{:getInfo('service')}" target="_blank" style="float:right">在线客服</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="tipMask hide">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi" style="background-color:#33B497;">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="__ROOT__/static/wap/js/jquery-1.9.1.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
$('#reg_btn').click(
|
||||
function(){
|
||||
window.location.href='/index/login/reg';
|
||||
}
|
||||
)
|
||||
|
||||
$('#login_btn').click(function(){
|
||||
var url = "/index/login";
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url : url,
|
||||
data: {phone:$('#phonenumber').val(),password:$('#password').val()},
|
||||
dataType : "json",
|
||||
success : function(result){
|
||||
if(result.code == 1){
|
||||
msg("提示",result.info,2,"/index/user/index");
|
||||
}else{
|
||||
msg("提示",result.info,1);
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
});
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" style="background-color:#33B497;" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else {
|
||||
var btn = '<div class="confirm guanbi" style="background-color:#33B497;" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
function getdt() {
|
||||
//$.get('/index/index/product');
|
||||
//$.get('/index/index/order');
|
||||
var num = 41244164;
|
||||
num+=Math.ceil(Math.random() * (9999-1001+1) + 1001-1);
|
||||
$("#num").html(num);
|
||||
}
|
||||
getdt();
|
||||
window.setInterval("getdt()", 2000);
|
||||
</script>
|
||||
|
||||
</html>
|
||||
192
application/index/view/login/reg.html
Executable file
192
application/index/view/login/reg.html
Executable file
@ -0,0 +1,192 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
|
||||
<meta content="yes" name="apple-mobile-web-app-capable">
|
||||
<meta content="black" name="apple-mobile-web-app-status-bar-style">
|
||||
<meta content="telephone=no" name="format-detection">
|
||||
<meta content="email=no" name="format-detection">
|
||||
<title>会员注册</title>
|
||||
<script type="text/javascript">
|
||||
window.onload = function () {
|
||||
//设置适配rem
|
||||
var change_rem = ((window.screen.width > 450) ? 450 : window.screen.width) / 375 * 100;
|
||||
document.getElementsByTagName("html")[0].style.fontSize = change_rem + "px";
|
||||
window.onresize = function () {
|
||||
change_rem = ((window.screen.width > 450) ? 450 : window.screen.width) / 375 * 100;
|
||||
document.getElementsByTagName("html")[0].style.fontSize = change_rem + "px";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/ionic.css">
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/style.css">
|
||||
<style type="text/css">
|
||||
/* tipMask CSS */
|
||||
.tipMask {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(95, 95, 95, 0.3);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tipMask .cont {
|
||||
width: 80%;
|
||||
padding: 5% 10%;
|
||||
border-radius: 5px;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 10%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tipMask .cont .title {
|
||||
/*font-size: .34rem;*/
|
||||
/*line-height: .48rem;*/
|
||||
color: #191919;
|
||||
}
|
||||
|
||||
.tipMask .cont .stitle {
|
||||
/*font-size: .3rem;*/
|
||||
/*line-height: .42rem;*/
|
||||
color: #606060;
|
||||
/*margin-top: .36rem;*/
|
||||
}
|
||||
|
||||
.tipMask .cont .confirm {
|
||||
width: 100%;
|
||||
height: .38rem;
|
||||
background-color: #ef6f6c;
|
||||
border-radius: 4px;
|
||||
/*font-size: .34rem;*/
|
||||
color: #fff;
|
||||
line-height: .38rem;
|
||||
text-align: center;
|
||||
margin-top: .2rem;
|
||||
}
|
||||
|
||||
.confirm {
|
||||
background-color: #0084ff !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="view-container signin-view">
|
||||
<form action="" method="post" id="formid">
|
||||
<div class="sign_up">
|
||||
<div class="sign_up_content">
|
||||
<ul class="sign_up_list">
|
||||
<li class="newinput">
|
||||
<span class="input-text">
|
||||
账号
|
||||
</span> <input type="text" placeholder="请填写您的账号" id="phone">
|
||||
</li>
|
||||
<li class="newinput">
|
||||
<span class="input-text">
|
||||
手机号
|
||||
</span> <input type="text" placeholder="请填写您的手机号" id="phones">
|
||||
</li>
|
||||
<li class="newinput">
|
||||
<span class="input-text">
|
||||
登录密码
|
||||
</span> <input type="password" placeholder="登录密码" id="pwd">
|
||||
</li>
|
||||
<li class="newinput">
|
||||
<span class="input-text">
|
||||
确认密码
|
||||
</span> <input type="password" placeholder="再次输入登录密码" id="pwd2">
|
||||
</li>
|
||||
<li class="newinput">
|
||||
<span class="input-text">
|
||||
支付密码
|
||||
</span> <input type="password" placeholder="支付密码" id="pwd3">
|
||||
</li>
|
||||
<li class="newinput">
|
||||
<span class="input-text">
|
||||
确认密码
|
||||
</span> <input type="password" placeholder="再次输入支付密码" id="pwd4">
|
||||
</li>
|
||||
<li class="newinput">
|
||||
<span class="input-text">
|
||||
推荐码
|
||||
</span> <input placeholder="推荐人ID(没有可不填)" id="top" value="{$phone}">
|
||||
</li>
|
||||
</ul>
|
||||
<div class="sign_up_btn">
|
||||
<button id="reg_btn" type="button">
|
||||
注册登陆
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="signin-footer">
|
||||
已有帐户 <a href="/index/login">直接登录</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tipMask hide">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi" style="background-color:#33b497;">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="__ROOT__/static/wap/js/jquery-1.9.1.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$('#reg_btn').click(function () {
|
||||
var url = "/index/login/reg";
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: url,
|
||||
data: {
|
||||
phone: $('#phone').val(),
|
||||
phones: $('#phones').val(),
|
||||
password: $('#pwd').val(),
|
||||
password2: $('#pwd2').val(),
|
||||
password3: $('#pwd3').val(),
|
||||
password4: $('#pwd4').val(),
|
||||
top: $('#top').val(),
|
||||
},
|
||||
dataType: "json",
|
||||
success: function (result) {
|
||||
if (result.code == 1) {
|
||||
msg("提示", result.info, 2, "/index/user/index");
|
||||
} else {
|
||||
msg("提示", result.info, 1);
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
$("#imgcode").html('8888');
|
||||
}
|
||||
});
|
||||
})
|
||||
});
|
||||
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" style="background-color:#33b497;" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
} else {
|
||||
var btn = '<div class="confirm guanbi" style="background-color:#33b497;" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
</script>
|
||||
|
||||
</html>
|
||||
38
application/index/view/public/footer.html
Executable file
38
application/index/view/public/footer.html
Executable file
@ -0,0 +1,38 @@
|
||||
<link rel="stylesheet" href="__ROOT__/static/wap/css/tabbar.css">
|
||||
<div class="footer">
|
||||
<div class="one">
|
||||
<a href="/index/index/home"> <i></i> <span>首页</span> </a>
|
||||
</div>
|
||||
<!-- <div><a href="/index/user/recharge" class="t_span two"><i></i><span>充值</span></a></div>-->
|
||||
<div class="two">
|
||||
<a href="/index/index/goods.html?id=1"><i></i><span>交易</span></a>
|
||||
</div>
|
||||
<div class="three">
|
||||
<a href="/index/user/account"><i></i><span>账户</span></a>
|
||||
</div>
|
||||
<div class="four">
|
||||
<a href="/index/user/index"><i></i><span>我的</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/jquery-1.9.1.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
var nav = "[menu]";
|
||||
if (nav == "index") {
|
||||
$(".one a").addClass("router-link-exact-active");
|
||||
}
|
||||
// if (nav == "recharge") {
|
||||
// $(".two").addClass("active");
|
||||
// }
|
||||
if (nav == "goods") {
|
||||
$(".two a").addClass("router-link-exact-active");
|
||||
}
|
||||
if (nav == "account") {
|
||||
$(".three a").addClass("router-link-exact-active");
|
||||
}
|
||||
if (nav == "user") {
|
||||
$(".four a").addClass("router-link-exact-active");
|
||||
}
|
||||
})
|
||||
</script>
|
||||
20
application/index/view/public/header.html
Executable file
20
application/index/view/public/header.html
Executable file
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
|
||||
<meta content="yes" name="apple-mobile-web-app-capable">
|
||||
<meta content="black" name="apple-mobile-web-app-status-bar-style">
|
||||
<meta content="telephone=no" name="format-detection">
|
||||
<meta content="email=no" name="format-detection">
|
||||
<title>[nav]</title>
|
||||
<style type="text/css">
|
||||
html {
|
||||
font-size: 35px;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/common.css">
|
||||
<script type="text/javascript" src="__ROOT__/bignumber.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
9
application/index/view/public/header1.html
Executable file
9
application/index/view/public/header1.html
Executable file
@ -0,0 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
|
||||
<title>[nav]</title>
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/theme/index/css/header.css" />
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/yatongle.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/theme/index/css/iconfont.css" />
|
||||
231
application/index/view/user/account.html
Executable file
231
application/index/view/user/account.html
Executable file
@ -0,0 +1,231 @@
|
||||
{include file="public/header" nav="我的"}
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/jquery-1.9.1.min.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/order.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/function.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/base64.js"></script>
|
||||
<script type="text/javascript">
|
||||
var Base64 = new Base64();
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/ionic.css">
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/style.css">
|
||||
<style type="text/css">
|
||||
|
||||
body{
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.box .footer {
|
||||
|
||||
}
|
||||
.box .footer > div a i {
|
||||
margin-bottom:-.9rem !important;
|
||||
width: 1.4rem !important;
|
||||
height: 1.4rem !important;
|
||||
background-size: auto 1.5rem !important;
|
||||
}
|
||||
|
||||
.box .footer > div a span {
|
||||
font-size: .6rem !important;
|
||||
margin-top: 14px !important
|
||||
}
|
||||
.ismimi *{
|
||||
color:#a5b7d3!important;
|
||||
}
|
||||
.account_head .a{
|
||||
display:block;
|
||||
}
|
||||
.account_head .b{
|
||||
display:none;
|
||||
}
|
||||
.ismimi .a{
|
||||
display:none;
|
||||
}
|
||||
.ismimi .b{
|
||||
display:block;
|
||||
}
|
||||
</style>
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="">
|
||||
<div class="account">
|
||||
<div class="account_title">
|
||||
我的账户
|
||||
</div>
|
||||
<div class="account_head">
|
||||
<div class="top">
|
||||
<div class="top_left">
|
||||
<div class="tl1">账户总资产 CNH</div>
|
||||
<span class="tl2" id="qianqian">{$user.money}</span>
|
||||
<span class="refresh">刷新</span>
|
||||
</div>
|
||||
<div class="top_right mimi">
|
||||
<img src="/static/wap/images/icon_eye.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="down">
|
||||
<div class="it">
|
||||
<h5>账户盈亏</h5>
|
||||
<h6 class="a">0</h6>
|
||||
<h6 class="b">*****</h6>
|
||||
</div>
|
||||
<div class="it">
|
||||
<h5>持仓金额</h5>
|
||||
<h6 class="a">0</h6>
|
||||
<h6 class="b">*****</h6>
|
||||
</div>
|
||||
<div class="it">
|
||||
<h5>可用资金</h5>
|
||||
<h6 class="a">{$user.money}</h6>
|
||||
<h6 class="b">*****</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="account_list">
|
||||
<ul>
|
||||
<li><a href="/index/user/recharge_record"><img src="/static/wap/images/ch6.png" alt="" ><span>充值记录</span></a></li>
|
||||
<li><a href="/index/user/recharge" class=""><img src="/static/wap/images/ch5.png" alt=""><span>充值</span></a></li>
|
||||
<li><a href="/index/user/cash" class=""><img src="/static/wap/images/ch4.png" alt=""><span>提现</span></a></li>
|
||||
<li><a href="/index/user/cash_record"><img src="/static/wap/images/ch4.png" alt="" ><span>提现记录</span></a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="/index/user/hold" class=""><img src="/static/wap/images/ch3.png" alt=""><span>历史委托</span></a></li>
|
||||
<li><a href="/index/user/fund" class=""><img src="/static/wap/images/ch2.png" alt=""><span>账单</span></a></li>
|
||||
<li><a onClick="window.open('{:getInfo('service')}','_blank');" class=""><img src="/static/wap/images/ch1.png" alt=""><span>客服</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="accound_tabs">
|
||||
|
||||
<ion-nav-view class="view-container" nav-view-transition="ios" nav-view-direction="none" nav-swipe="">
|
||||
<ion-tabs class="tabs-icon-top navbar pane tabs-bottom tabs-standard" abstract="true" nav-view="active" style="opacity: 1; transform: translate3d(0%, 0px, 0px);">
|
||||
<ion-nav-view name="tab-history" class="view-container tab-content" nav-view="active" nav-view-transition="ios" nav-view-direction="swap" nav-swipe="">
|
||||
<ion-view view-title="" hide-nav-bar="false" class="pane" state="tab.history" nav-view="active" style="opacity: 1; transform: translate3d(0%, 0px, 0px);">
|
||||
<ion-nav-buttons side="right" class="hide"></ion-nav-buttons>
|
||||
<ion-content class="trade_history scroll-content ionic-scroll scroll-content-false has-tabs" scroll="false">
|
||||
<header>
|
||||
<article class="left-table" onclick="change_category(0)" class="active" style="">
|
||||
<p class="chicangmingxi">持仓明细（0）</p>
|
||||
</article>
|
||||
<article class="right-table" onclick="change_category(1)">
|
||||
<p class="lishimingxi">历史明细（0）</p>
|
||||
</article>
|
||||
</header>
|
||||
<div class="trade_history_list slider" style="visibility: visible;overflow:scroll">
|
||||
<div class="slider-slides" ng-transclude="">
|
||||
<ion-slide class="slider-slide slider-left" data-index="0" style="width: 100%px; left: 0px; transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
|
||||
|
||||
|
||||
<!-- <div class="empty">-->
|
||||
<!-- <img src="/static/wap/images/empty.png" alt="">-->
|
||||
<!-- <p>您暂无任何持仓</p>-->
|
||||
<!-- </div>-->
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
</ul>
|
||||
</ion-slide>
|
||||
<ion-slide class="slider-slide slider-right" data-index="1" style=" left: 0px; top: -100%;transition-duration: 0ms; transform: translate(414px, 0px) translateZ(0px);">
|
||||
<ul class="uls" style="font-size: 14px !important;">
|
||||
</ul>
|
||||
</ion-slide>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-backdrop ng-hide">
|
||||
<div class="modal-backdrop-bg"></div>
|
||||
<div class="modal-wrapper" ng-transclude="">
|
||||
<ion-modal-view class="order-modal modal slide-in-up ng-enter active ng-enter-active">
|
||||
<ion-header-bar class="order-modal-header bar bar-header">
|
||||
<h1 class="title lishimingxi" style="left: 54px; right: 54px;"></h1>
|
||||
<div class="close" ng-click="close_order_modal.hide()">
|
||||
<i class="icon ion-ios-close-empty"></i>
|
||||
</div>
|
||||
</ion-header-bar>
|
||||
<ion-content class="order-modal-content scroll-content ionic-scroll has-header">
|
||||
<div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
|
||||
<ul class="list">
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="商品" id="_label-0">商品</span>
|
||||
<span class="input-content ng-binding ptitle"></span>
|
||||
</li>
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="成交价" id="_label-2">成交价</span>
|
||||
<span class="input-content ng-binding buyprice"></span>
|
||||
</li>
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="结算价" id="_label-3">结算价</span>
|
||||
<span class="input-content ng-binding sellprice"></span>
|
||||
</li>
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="手续费" id="_label-4">手续费</span>
|
||||
<span class="input-content ng-binding">0</span>
|
||||
</li>
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="盈亏" id="_label-5">盈亏</span>
|
||||
<span class="input-content ng-binding rise ploss" style="">
|
||||
0.00
|
||||
</span>
|
||||
</li>
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="成交时间" id="_label-6">成交时间</span>
|
||||
<span class="input-content ng-binding buytime"></span>
|
||||
</li>
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="结算时间" id="_label-7">结算时间</span>
|
||||
<span class="input-content ng-binding selltime"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="scroll-bar scroll-bar-v">
|
||||
<div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px; transform-origin: center bottom 0px;"></div>
|
||||
</div>
|
||||
</ion-content>
|
||||
<div class="button-bar">
|
||||
<a class="button button-dark" onclick="close_order_modal()">关闭</a>
|
||||
</div>
|
||||
|
||||
</ion-modal-view>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
</ion-nav-view>
|
||||
</ion-tabs>
|
||||
</ion-nav-view>
|
||||
|
||||
<div class="backdrop"></div>
|
||||
<div class="ionic_toast">
|
||||
<div class="toast_section" ng-class="ionicToast.toastClass" ng-style="ionicToast.toastStyle" ng-click="hideToast()" style="display: none; opacity: 0;">
|
||||
<span class="ionic_toast_close"><i class="ion-android-close toast_close_icon"></i></span><span ng-bind-html="ionicToast.toastMessage" class="ng-binding"></span></div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='account'}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var charturl = '/index/user/getchart.html';
|
||||
$.get(charturl, function(_res) {
|
||||
var res = jQuery.parseJSON(Base64.decode(_res));
|
||||
$.each(res, function(k, v) {
|
||||
$('.' + k).html(v);
|
||||
})
|
||||
$(".mimi").click(function(){
|
||||
$(".account_head").toggleClass("ismimi")
|
||||
})
|
||||
$(".refresh").click(function(){
|
||||
var qian = 10000.00;
|
||||
setTimeout(function(){
|
||||
$("#qianqian").text(qian)
|
||||
},3000)
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/hold.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
change_category(0)
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
100
application/index/view/user/add_card.html
Executable file
100
application/index/view/user/add_card.html
Executable file
@ -0,0 +1,100 @@
|
||||
{include file="public/header" nav="添加银行卡"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/tipmask.css">
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="f_box_addbank">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>添加银行卡</i></span>
|
||||
</div>
|
||||
<div class="f_content">
|
||||
<ul>
|
||||
<li>
|
||||
<label>姓名</label>
|
||||
<span><input type="text" name="name" id="name" value="" placeholder="输入姓名" onfocus="this.placeholder=''" onblur="this.placeholder='输入姓名'"></span>
|
||||
</li>
|
||||
{if condition="getInfo('bank') eq 0"}
|
||||
<li>
|
||||
<label>银行名称</label>
|
||||
<span><input type="text" name="bank" id="bank" value="" placeholder="输入银行名称" onfocus="this.placeholder=''" onblur="this.placeholder='输入银行名称'"></span>
|
||||
</li>
|
||||
<li>
|
||||
<label>开户行</label>
|
||||
<span><input type="text" name="area" id="area" value="" placeholder="输入银行卡开户行" onfocus="this.placeholder=''" onblur="this.placeholder='输入银行卡开户行'"></span>
|
||||
</li>
|
||||
{else/}
|
||||
<input type="hidden" name="bank" id="bank" value="">
|
||||
<input type="hidden" name="area" id="area" value="">
|
||||
{/if}
|
||||
<li>
|
||||
<label>银行卡号</label>
|
||||
<span><input type="text" name="account" id="account" value="" placeholder="输入银行卡号" onfocus="this.placeholder=''" onblur="this.placeholder='输入银行卡号'"></span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="sure">
|
||||
<button id="sub_btn" type="button" class="el-button el-button--danger">确认绑定 </button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
<div class="tipMask hide">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$("#sub_btn").on("click", function () {
|
||||
var bank = $('#bank').val();
|
||||
var area = $('#area').val();
|
||||
var account = $('#account').val();
|
||||
if (account.length < 10) {
|
||||
msg("错误", "输入银行卡号", 1);
|
||||
return false;
|
||||
}
|
||||
var name = $('#name').val();
|
||||
if (name.length < 2) {
|
||||
msg("错误", "输入姓名", 1);
|
||||
return false;
|
||||
}
|
||||
var url = "/index/user/add_card";
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url : url,
|
||||
data: {'bank':bank,'area':area,'account':account,'name':name},
|
||||
dataType : "json",
|
||||
success : function(result){
|
||||
if(result.code == 1){
|
||||
window.location.href = "/index/user/bank_card"
|
||||
}else{
|
||||
msg("提示",result.info,1);
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
})
|
||||
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else {
|
||||
var btn = '<div class="confirm guanbi" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
125
application/index/view/user/alipay.html
Executable file
125
application/index/view/user/alipay.html
Executable file
@ -0,0 +1,125 @@
|
||||
{include file="public/header1" nav="支付宝设置"}
|
||||
<style>
|
||||
.container {
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.cont {
|
||||
padding: .4rem .6rem .6rem;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #E9E9E9;
|
||||
position: relative;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
|
||||
.cont .name {
|
||||
font-size: .34rem;
|
||||
line-height: 1;
|
||||
color: #4A4A4A;
|
||||
}
|
||||
|
||||
.cont .nunber {
|
||||
font-size: .3rem;
|
||||
line-height: .42rem;
|
||||
color: #4A4A4A;
|
||||
margin-top: .3rem;
|
||||
}
|
||||
|
||||
.cont .img {
|
||||
width: 1.02rem;
|
||||
height: .76rem;
|
||||
position: absolute;
|
||||
right: .2rem;
|
||||
bottom: .2rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 0 .4rem .4rem;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
width: 100%;
|
||||
padding-top: .4rem;
|
||||
border-bottom: 1px solid #E9E9E9;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.input-group .stitle {
|
||||
font-size: .28rem;
|
||||
line-height: .4rem;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.input-group .in {
|
||||
margin-top: .3rem;
|
||||
padding-bottom: .1rem;
|
||||
}
|
||||
|
||||
.input-group .in:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.input-group .in input {
|
||||
width: 100%;
|
||||
height: .5rem;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: .32rem;
|
||||
line-height: .5rem;
|
||||
float: left;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.input-group .in input::placeholder {
|
||||
color: #9B9B9B;
|
||||
}
|
||||
|
||||
.confirm {
|
||||
width: 100%;
|
||||
height: .86rem;
|
||||
background-color: #EF6F6C;
|
||||
border-radius: 4px;
|
||||
font-size: .26rem;
|
||||
color: #fff;
|
||||
line-height: .86rem;
|
||||
text-align: center;
|
||||
margin-top: .8rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<a class="left" href="/index/user/index">
|
||||
<i class="iconfont icon-arrow-left"></i>
|
||||
</a>
|
||||
<div class="htitle">支付宝设置</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<form action="/index/user/alipay" method="post" id="subform">
|
||||
<div class="input-group">
|
||||
<div class="stitle">真实姓名</div>
|
||||
<div class="in"><input type="text" value="{$user.name}" class="name" name="name" disabled=""/></div>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<div class="stitle">支付宝账号</div>
|
||||
<div class="in"><input type="text" name="alipay" value="{$user.alipay}" placeholder="输入支付宝账号"/></div>
|
||||
</div>
|
||||
<p style="font-size:.22rem;padding:20px 0 10px 0">绑定的支付宝必须与实名一致，否则将无法成功提现</p>
|
||||
{if condition="empty($user['alipay'])"}
|
||||
<div class="confirm">确认</div>
|
||||
{/if}
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/font.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$('.confirm').click(function () {
|
||||
$('#subform').submit();
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</html>
|
||||
564
application/index/view/user/bank.html
Executable file
564
application/index/view/user/bank.html
Executable file
@ -0,0 +1,564 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no"/>
|
||||
<title>银行入款充值</title>
|
||||
<style>
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "微软雅黑";
|
||||
}
|
||||
|
||||
ul, li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 0 .4rem .4rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: .24rem;
|
||||
line-height: 1;
|
||||
color: #6E6E6E;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
width: 100%;
|
||||
padding-top: .4rem;
|
||||
border-bottom: 1px solid #E9E9E9;
|
||||
}
|
||||
|
||||
.input-group .stitle {
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
color: #BABABA;
|
||||
}
|
||||
|
||||
.input-group .in {
|
||||
margin-top: .38rem;
|
||||
padding-bottom: .14rem;
|
||||
border-bottom: 1px solid #E9E9E9;
|
||||
}
|
||||
|
||||
.input-group .in input {
|
||||
width: 100%;
|
||||
height: .34rem;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
outline: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.input-group .in input::placeholder {
|
||||
color: #9B9B9B;
|
||||
}
|
||||
|
||||
.input-group .in:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* payModes CSS */
|
||||
.payModes {
|
||||
margin-top: .3rem;
|
||||
}
|
||||
|
||||
.payModes .pm-title {
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
color: #6E6E6E;
|
||||
}
|
||||
|
||||
.payMode {
|
||||
margin-top: .08rem;
|
||||
padding-top: .36rem;
|
||||
padding-bottom: .26rem;
|
||||
border-bottom: 1px solid #E9E9E9;
|
||||
}
|
||||
|
||||
.payModes .list .payMode:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.payMode .left {
|
||||
width: .44rem;
|
||||
height: .44rem;
|
||||
margin-right: .2rem;
|
||||
line-height: 0;
|
||||
float: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.payMode img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.payMode .center {
|
||||
font-size: .28rem;
|
||||
line-height: .44rem;
|
||||
color: #262626;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.payMode .right {
|
||||
float: right;
|
||||
margin-top: .1rem;
|
||||
}
|
||||
|
||||
.payMode .right .checkbox {
|
||||
width: .4rem;
|
||||
height: .4rem;
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-top: .02rem;
|
||||
}
|
||||
|
||||
.payMode .right .checkbox input {
|
||||
width: .4rem;
|
||||
height: .4rem;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.payMode .right .checkbox label {
|
||||
width: .4rem;
|
||||
height: .4rem;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.payMode .right .checkbox input + label {
|
||||
background-image: url(../../img/icon/icon_untick.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.payMode .right .checkbox input:checked + label {
|
||||
background-image: url(../../img/icon/icon_tick1.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.payMode:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.confirm {
|
||||
width: 100%;
|
||||
height: .98rem;
|
||||
background-color: #EF6F6C;
|
||||
border-radius: 4px;
|
||||
font-size: .32rem;
|
||||
color: #fff;
|
||||
line-height: .98rem;
|
||||
text-align: center;
|
||||
margin-top: .8rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: .98rem;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.header .back {
|
||||
width: .54rem;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.header .back img {
|
||||
width: .18rem;
|
||||
height: .32rem;
|
||||
margin-top: .35rem;
|
||||
}
|
||||
|
||||
.header .h-title {
|
||||
font-size: .34rem;
|
||||
line-height: .98rem;
|
||||
color: #030303;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: "微软雅黑";
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
input {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.navlist {
|
||||
top: 0 !important;
|
||||
}
|
||||
|
||||
/* tipMask CSS */
|
||||
.tipMask {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(95, 95, 95, 0.3);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.tipMask .cont {
|
||||
width: 5.1rem;
|
||||
padding: .42rem .6rem .5rem;
|
||||
border-radius: 5px;
|
||||
background-color: #FFFFFF;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -3.15rem;
|
||||
margin-top: -1.8rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tipMask .cont .title {
|
||||
font-size: .34rem;
|
||||
line-height: .48rem;
|
||||
color: #191919;
|
||||
}
|
||||
|
||||
.tipMask .cont .stitle {
|
||||
font-size: .3rem;
|
||||
line-height: .42rem;
|
||||
color: #606060;
|
||||
margin-top: .36rem;
|
||||
}
|
||||
|
||||
.tipMask .cont .confirm {
|
||||
width: 100%;
|
||||
height: .88rem;
|
||||
background-color: #EF6F6C;
|
||||
border-radius: 4px;
|
||||
font-size: .34rem;
|
||||
color: #fff;
|
||||
line-height: .88rem;
|
||||
text-align: center;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-flex-flow: column;
|
||||
flex-flow: column;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding-top: .98rem;
|
||||
background-color: #FAFAFA;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.bg {
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
background-color: #33B497;
|
||||
}
|
||||
|
||||
.top {
|
||||
width: 6.1rem;
|
||||
padding: 0 .4rem .6rem;
|
||||
border-radius: 10px;
|
||||
background-color: #fff;
|
||||
margin: 0 auto;
|
||||
margin-top: -1.8rem;
|
||||
}
|
||||
|
||||
.top .info {
|
||||
border-bottom: 1px solid #E9E9E9;
|
||||
padding-top: .4rem;
|
||||
}
|
||||
|
||||
.top .info .item {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
font-size: .28rem;
|
||||
line-height: 1;
|
||||
color: #4A4A4A;
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
.top .info .item .left {
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
.top .info .item .right {
|
||||
width: 4.1rem;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.top .info .item .right.money {
|
||||
color: #33B497;
|
||||
}
|
||||
|
||||
.top .imgBox {
|
||||
width: 5.9rem;
|
||||
height: 2.2rem;
|
||||
border-radius: 10px;
|
||||
line-height: 0;
|
||||
margin: 0 auto;
|
||||
margin-top: .4rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.top .imgBox img {
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.top .upload {
|
||||
width: 3.54rem;
|
||||
height: .84rem;
|
||||
border-radius: 10px;
|
||||
background-color: #33B497;
|
||||
font-size: .28rem;
|
||||
line-height: .84rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
margin-top: .4rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.top .upload input {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.notice {
|
||||
padding: .34rem;
|
||||
}
|
||||
|
||||
.notice .n-title {
|
||||
font-size: .28rem;
|
||||
line-height: 1;
|
||||
color: #4A4A4A;
|
||||
}
|
||||
|
||||
.notice .n-cont {
|
||||
font-size: .24rem;
|
||||
line-height: .4rem;
|
||||
color: #999999;
|
||||
margin-top: .2rem;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="header" style="display: block;">
|
||||
<div class="back">
|
||||
<a href="/index/user/index"> <img src="__ROOT__/static/theme/index/img/goback.png"></a>
|
||||
</div>
|
||||
<div class="h-title">银行入款充值</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="bg" style="padding-top: .7rem;"></div>
|
||||
<div class="top">
|
||||
<div class="info">
|
||||
|
||||
<div class="item" style="padding-bottom: .3rem;">
|
||||
<div class="left"><b style="font-size: .4rem;">银行入款</b></div>
|
||||
<div class="right money" style="color:red;"><b style="font-size: .4rem;">{$money}元</b></div>
|
||||
|
||||
</div>
|
||||
<div style="color:#f666;text-align:center;font-size:.3rem;padding-bottom: .3rem;">
|
||||
此为我公司财务，请放心充值
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="left">收款银行：</div>
|
||||
<div class="right">
|
||||
{if condition="$type eq 'gz_bank'"}
|
||||
{:getInfo('gz_bank_type')}
|
||||
{/if}
|
||||
{if condition="$type eq 'alipay_bank'"}
|
||||
{:getInfo('alipay_bank_type')}
|
||||
{/if}
|
||||
{if condition="$type eq 'wx_bank'"}
|
||||
{:getInfo('wx_bank_type')}
|
||||
{/if}
|
||||
{if condition="$type eq 'bank'"}
|
||||
{:getInfo('pay_bank_type')}
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="left">收款人：</div>
|
||||
<div class="right">
|
||||
{if condition="$type eq 'gz_bank'"}
|
||||
{:getInfo('gz_bank_name')}
|
||||
{/if}
|
||||
{if condition="$type eq 'wx_bank'"}
|
||||
{:getInfo('wx_bank_name')}
|
||||
{/if}
|
||||
{if condition="$type eq 'alipay_bank'"}
|
||||
{:getInfo('alipay_bank_name')}
|
||||
{/if}
|
||||
{if condition="$type eq 'bank'"}
|
||||
{:getInfo('pay_bank_name')}
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="left">收款账号：</div>
|
||||
<div class="right">
|
||||
{if condition="$type eq 'gz_bank'"}
|
||||
{:getInfo('gz_bank_account')}
|
||||
{/if}
|
||||
{if condition="$type eq 'wx_bank'"}
|
||||
{:getInfo('wx_bank_account')}
|
||||
{/if}
|
||||
{if condition="$type eq 'alipay_bank'"}
|
||||
{:getInfo('alipay_bank_account')}
|
||||
{/if}
|
||||
{if condition="$type eq 'bank'"}
|
||||
{:getInfo('pay_bank_account')}
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form method="post" action="/index/user/bank" id="ifr">
|
||||
<input type="hidden" value="{$orderid}" name="orderid"/>
|
||||
<div class="info">
|
||||
<div class="item">
|
||||
<div class="left">付款人：</div>
|
||||
<div class="right"><input style="border: none;" type="text" name="name" id="name" value=""
|
||||
placeholder="请输入转账人姓名"/></div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="left">转账附言：</div>
|
||||
<div class="right"><input style="border: none;" type="text" name="reason" id="reason" value=""
|
||||
placeholder="请输入转账附言"/></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="upload">提交</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="notice">
|
||||
<div class="n-title">注意事项</div>
|
||||
<div class="n-cont">
|
||||
{if condition="$type eq 'gz_bank'"}
|
||||
{:getInfo('gz_bank')}
|
||||
{/if}
|
||||
{if condition="$type eq 'wx_bank'"}
|
||||
{:getInfo('wx_bank')}
|
||||
{/if}
|
||||
{if condition="$type eq 'alipay_bank'"}
|
||||
{:getInfo('alipay_bank')}
|
||||
{/if}
|
||||
{if condition="$type eq 'bank'"}
|
||||
{:getInfo('pay_bank')}
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tipMask hide">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi" style="background-color:#33B497;">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/font.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$('.upload').click(function () {
|
||||
var name = $("#name").val();
|
||||
var reason = $("#reason").val();
|
||||
if (name.length < 2) {
|
||||
msg("错误", "请输入付款人姓名！", 1);
|
||||
return false;
|
||||
}
|
||||
$("#ifr").submit();
|
||||
})
|
||||
});
|
||||
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" style="background-color:#33B497;" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else {
|
||||
var btn = '<div class="confirm guanbi" style="background-color:#33B497;" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
44
application/index/view/user/bank_card.html
Executable file
44
application/index/view/user/bank_card.html
Executable file
@ -0,0 +1,44 @@
|
||||
{include file="public/header" nav="银行卡管理"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="f_box_bank">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>银行卡管理</i></span>
|
||||
</div>
|
||||
<div class="f_content">
|
||||
{if condition="$bank"}
|
||||
{volist name="bank" id="b"}
|
||||
<ul class="f_withdraw">
|
||||
<li class="banklist">
|
||||
<span><img src="__ROOT__/static/wap/images/gb11.png" style="height:30px; position:relative; padding: 10px;" alt=""></span>
|
||||
<span>{$b.bank} ****{:substr($b['account'], strlen($b['account']) - 4, 4)} </span>
|
||||
<span>{$b.name}</span>
|
||||
<i data-myid="{$b.id}" class="awesome"></i>
|
||||
</li>
|
||||
</ul>
|
||||
{/volist}
|
||||
<div class="addbank">
|
||||
<a href="/index/user/add_card" class="">
|
||||
<button type="button" class="el-button el-button--danger" id="l_addBankBtn"><span>绑定银行卡</span>
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
<div class="addbank">
|
||||
<a href="{:getInfo('service')}" class="el-button el-button--danger" id="l_addBankBtn">
|
||||
修改银行卡请联系在线客服
|
||||
</a>
|
||||
</div>
|
||||
{else}
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
156
application/index/view/user/cash.html
Executable file
156
application/index/view/user/cash.html
Executable file
@ -0,0 +1,156 @@
|
||||
{include file="public/header" nav="提现"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/tipmask.css">
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<style type="text/css">
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
<div id="app">
|
||||
<div class="box"><!---->
|
||||
<div class="jun-content">
|
||||
<div class="t_box_withdraw">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>提现</i></span>
|
||||
</div>
|
||||
<div class="t_con_withdraw">
|
||||
<div class="one">
|
||||
<div class="one1">可提现金额（元)</div>
|
||||
<div class="one2">
|
||||
<em>￥</em>
|
||||
<span>{$user['money']}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="two">
|
||||
<div class="two1">提现金额</div>
|
||||
<div class="two2">
|
||||
<em>￥</em>
|
||||
<input type="number" placeholder="请输入提现金额" id="money" onfocus="this.placeholder=''" oninput="xxoopp()" onblur="this.placeholder='请输入提现金额'">
|
||||
<label for="txsxf">手续费</label> <span id="txsxf">{$txsxf?$txsxf:'0'}%</span>
|
||||
</div>
|
||||
<div class="two3">单次提现金额最低 <span>{$cash_min?$cash_min:'0'}元</span></div>
|
||||
</div>
|
||||
<script>
|
||||
function xxoopp(){
|
||||
|
||||
console.log($("#money").val());
|
||||
var sxf1 = new BigNumber(0.01);
|
||||
var sxf2 = new BigNumber({$txsxf});
|
||||
var sxf3 = new BigNumber(sxf1.times(sxf2));
|
||||
var sxf4 = sxf3.times($("#money").val());
|
||||
$("#txsxf").val(sxf4);
|
||||
// alert(123);
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="item three">
|
||||
<label for="pwd">提现密码</label>
|
||||
<input type="password" placeholder="请输入提现密码" id="pwd" onfocus="this.placeholder=''" onblur="this.placeholder='请输入提现密码'">
|
||||
</div>
|
||||
<div class="item">
|
||||
<label>银行卡号</label>
|
||||
<div class="select">
|
||||
{if $bank}
|
||||
<select name="bank" id="bank" style="width: 100%;background: none;border: none;color: #fff;background: #111723;">
|
||||
<option value="{$bank.id}">{$bank.bank} ****{:substr($bank['account'], strlen($bank['account']) - 4, 4)}</option>
|
||||
</select>
|
||||
{else}
|
||||
<p style="line-height:30px;color:#fff;margin-top:6px;"><input type="hidden" name="bank" id="bank" value="0"><a href="/index/user/add_card" style="color:#edd33a">绑定银行卡</a>
|
||||
</p>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
{if $bank}
|
||||
<div class="t_withdraw_btn">
|
||||
<button id="sub_btn" type="button">确认提交</button>
|
||||
</div>
|
||||
{else}
|
||||
<div class="t_withdraw_btn">
|
||||
<button id="sdtn" type="button">立即去绑定银行卡</button>
|
||||
</div>
|
||||
{/if}
|
||||
<span class="notice">
|
||||
<p>提示：</p>
|
||||
<p>1.提现限制：{$cash_min} - {$cash_max}</p>
|
||||
<p style="color:red;">2.提现时间：{$cash_start} - {$cash_end}</p>
|
||||
<p>3.若忘记提款密码，请<a target="_blank" href="{:getInfo('service')}" style="color:red;">点击找回</a></p>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
<div class="tipMask hide">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$("#sdtn").click(function(){
|
||||
var ulrs="/index/user/add_card";
|
||||
window.location.href =ulrs;
|
||||
});
|
||||
$('#withdraw').on('blur',function(){
|
||||
var withdraw = parseFloat($(this).val());
|
||||
var reg_par = (withdraw * 0/100).toFixed(2);
|
||||
$('#reg_par').val(reg_par>=0?reg_par:0);
|
||||
});
|
||||
$("#sub_btn").on("click", function () {
|
||||
var bank = $('#bank').val();
|
||||
var pwd = $("#pwd").val();
|
||||
var money = $("#money").val();
|
||||
if (money < {$cash_min}) {
|
||||
msg("错误", "最低提现金额为{$cash_min}元", 1);
|
||||
return false;
|
||||
}
|
||||
if (money > {$cash_max}) {
|
||||
msg("错误", "最高提现金额为{$cash_max}元", 1);
|
||||
return false;
|
||||
}
|
||||
if (pwd.length < 4) {
|
||||
msg("错误", "请输入交易密码", 1);
|
||||
return false;
|
||||
}
|
||||
var url = "/index/user/cash";
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url : url,
|
||||
data: {'money':money,'pwd':pwd,'bank':bank},
|
||||
dataType : "json",
|
||||
success : function(result){
|
||||
if(result.code == 1){
|
||||
msg("提示",result.info,2,"/index/user/cash_record");
|
||||
}else{
|
||||
msg("提示",result.info,1);
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
})
|
||||
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else {
|
||||
var btn = '<div class="confirm guanbi" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
|
||||
|
||||
71
application/index/view/user/cash_record.html
Executable file
71
application/index/view/user/cash_record.html
Executable file
@ -0,0 +1,71 @@
|
||||
{include file="public/header" nav="提现记录"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
|
||||
<div id="app">
|
||||
<div class="box"><!---->
|
||||
<div class="jun-content">
|
||||
<div class="f_box_accountrecord">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>提现记录</i></span>
|
||||
</div>
|
||||
<div class="t_box_accountrecord">
|
||||
{if count($cash) > 0}
|
||||
{volist name="cash" id="r"}
|
||||
<ul>
|
||||
<li>
|
||||
<span>时间：</span>
|
||||
<p>{$r.time}</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>金额：</span>
|
||||
<p>￥{$r.money}</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>手续费：</span>
|
||||
<p>{$r.sxfbfb}%</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>实际到账：</span>
|
||||
<p>￥{$r.dzje}</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>类型：</span>
|
||||
<p>{if condition="$r['bid'] eq 0"}支付宝提现{else}银行卡提现{/if}</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>状态：</span>
|
||||
<p>
|
||||
{if condition="$r['status'] eq 0"}
|
||||
<span style="color: orange;">审核中</span>
|
||||
{/if}
|
||||
{if condition="$r['status'] eq 1"}
|
||||
<span style="color: green;">申请成功</span>
|
||||
{/if}
|
||||
{if condition="$r['status'] eq 2"}
|
||||
<span style="color: red;">申请失败</span>
|
||||
{/if}
|
||||
</p>
|
||||
</li>
|
||||
{if condition="$r['reaolae'] "}
|
||||
<li style="color:green">
|
||||
<span>拒绝原因：</span>
|
||||
<p>{$r.reaolae}</p>
|
||||
</li>
|
||||
{/if}
|
||||
</ul>
|
||||
{/volist}
|
||||
{else/}
|
||||
<div class="dataNo">
|
||||
<h3>没有更多数据了</h3>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
103
application/index/view/user/certification.html
Executable file
103
application/index/view/user/certification.html
Executable file
@ -0,0 +1,103 @@
|
||||
{include file="public/header" nav="实名认证"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/tipmask.css">
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="f_box_addbank">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>实名认证</i></span>
|
||||
</div>
|
||||
<div class="f_content">
|
||||
{if condition="$user['auth'] eq 1"}
|
||||
<div style="padding: 1rem;text-align: center;">
|
||||
<p><img class="img" src="/static/theme/index/img/icon_identity.png" alt=""/></p>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<label>姓名</label>
|
||||
<span>{$user.name}</span>
|
||||
</li>
|
||||
<li>
|
||||
<label>身份证号</label>
|
||||
<span>{$user.idcard}</span>
|
||||
</li>
|
||||
</ul>
|
||||
{else /}
|
||||
<ul>
|
||||
<li>
|
||||
<label>姓名</label>
|
||||
<span><input type="text" name="name" id="name" value="" placeholder="输入姓名" onfocus="this.placeholder=''" onblur="this.placeholder='输入姓名'"></span>
|
||||
</li>
|
||||
<li>
|
||||
<label>身份证号</label>
|
||||
<span><input type="text" name="idcard" id="idcard" value="" placeholder="输入身份证号" onfocus="this.placeholder=''" onblur="this.placeholder='输入身份证号'"></span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="sure">
|
||||
<button id="sub_btn" type="button" class="el-button el-button--danger">确认 </button>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
<div class="tipMask hide">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$("#sub_btn").on("click", function () {
|
||||
var name = $("#name").val();
|
||||
var idcard = $("#idcard").val();
|
||||
|
||||
if (name.length < 2) {
|
||||
msg("错误", "输入姓名！", 1);
|
||||
return false;
|
||||
}
|
||||
if (idcard.length < 15) {
|
||||
msg("错误", "输入身份证号！", 1);
|
||||
return false;
|
||||
}
|
||||
var url = "/index/user/certification";
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url : url,
|
||||
data: {'name':name,'idcard':idcard},
|
||||
dataType : "json",
|
||||
success : function(result){
|
||||
if(result.code == 1){
|
||||
window.location.href = "/index/user/index"
|
||||
}else{
|
||||
msg("提示",result.info,1);
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
})
|
||||
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else {
|
||||
var btn = '<div class="confirm guanbi" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
80
application/index/view/user/contract.html
Executable file
80
application/index/view/user/contract.html
Executable file
@ -0,0 +1,80 @@
|
||||
{include file="public/header" nav="合同"}
|
||||
<div class="mobile">
|
||||
<div class="othertop" style="background: #4f5ffa">
|
||||
<a class="goback" href="/index/user/index">
|
||||
<img src="__ROOT__/static/theme/index/img/goback.png" />
|
||||
</a>
|
||||
<div class="othertop-font">合同书</div>
|
||||
</div>
|
||||
<div class="header-nbsp"></div>
|
||||
<!-- 合同 -->
|
||||
<div class="contract_box">
|
||||
<h1 class="con_name">{:getInfo('webname')}投资合同书</h1>
|
||||
<p class="code">合同编号：{$invest['number']}</p>
|
||||
<p><label>甲方（投资方）</label>：{:getUserField($uid,'name')}</p>
|
||||
<p><label>乙方（管理方）</label>：{:getInfo('company')}</p>
|
||||
<p><label>丙方（担保方）</label>：{:getItemField($invest['pid'],'guarantee')}</p>
|
||||
<p>甲乙丙双方经友好协商，本着平等自愿、诚实信用的原则，就甲方使用乙方提供的本网站所有服务的</p>
|
||||
<p><label>有关事项达成如下协议：</label></p>
|
||||
<p>一、<label>理财投资明细</label></p>
|
||||
<table class="tablec">
|
||||
<tr>
|
||||
<td>产品名称</td>
|
||||
<td>{$invest.title}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>投资人姓名</td>
|
||||
<td>{:getUserField($uid,'name')}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>投资人身份证</td>
|
||||
<td>{:getUserField($uid,'idcard')}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>投入本金数额<br>(下称"甲方投资本金")</td>
|
||||
<td>{$invest.money}元</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>协议期（天）</td>
|
||||
<td>{$invest.day}天</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>预期收益率</td>
|
||||
<td>{$invest.rate}%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>起息日</td>
|
||||
<td>{:date('Y-m-d',strtotime($invest['time']))}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>到期日</td>
|
||||
<td>{:date('Y-m-d',strtotime('+'.$invest['day'].' day',strtotime($invest['time'])))}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>应收本息（元）</td>
|
||||
<td>{:getInvestMoney($invest['id'])+$invest['money']}元</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>还款方式</td>
|
||||
<td>{$invest.type2}</td>
|
||||
</tr>
|
||||
</table>
|
||||
{:htmlspecialchars_decode(getInfo('contract'))}
|
||||
<div class="signature" style="margin:.5rem 0">
|
||||
<div class="Party">
|
||||
<p>甲方：{:getUserField($uid,'name')}</p>
|
||||
<span>{:date('Y年m月d日',strtotime($invest['time']))}</span>
|
||||
</div>
|
||||
<div class="Party" style="background: url('{:getInfo('seal_img')}') no-repeat top left 6px ;background-size:100px 100px;padding:25px 0">
|
||||
<p>乙方：{:getInfo('company')}</p>
|
||||
<span>{:date('Y年m月d日',strtotime($invest['time']))}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="Party" style="background: url('{:getInfo('safe_seal_img')}') no-repeat top left 36px ;background-size:100px 100px;padding:25px 0">
|
||||
<p>丙方：{:getItemField($invest['pid'],'guarantee')}</p>
|
||||
<span>{:date('Y年m月d日',strtotime($invest['time']))}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
55
application/index/view/user/details.html
Executable file
55
application/index/view/user/details.html
Executable file
@ -0,0 +1,55 @@
|
||||
{include file="public/header" nav="投资详情"}
|
||||
<div class="mobile">
|
||||
<div class="othertop" style="background: #4f5ffa">
|
||||
<a class="goback" href="javascript:history.back();">
|
||||
<img src="__ROOT__/static/theme/index/img/goback.png" />
|
||||
</a>
|
||||
<div class="othertop-font">投资详情</div>
|
||||
</div>
|
||||
<div class="header-nbsp"></div>
|
||||
<div class="contract_box deta">
|
||||
<div class="data_name">
|
||||
<span style="display: inline-block;width: 3rem;">投资金额：{$invest.money}元</span>
|
||||
<span style="display: inline-block;width: 3rem;">预期效益：{:getInvestMoney($invest['id'])}元</span><br/>
|
||||
<span style="display: inline-block;width: 3rem;">投资时间：{:date('Y-m-d',strtotime($invest['time']))}</span>
|
||||
<span style="display: inline-block;width: 3rem;">到期时间：{:date('Y-m-d',strtotime('+'.$invest['day'].' day',strtotime($invest['time'])))}</span><br/>
|
||||
<span>收益方式：{$invest.type2}</span>
|
||||
</div>
|
||||
<div class="table_auto">
|
||||
<table class="tablec">
|
||||
<tr>
|
||||
<th>期号</th>
|
||||
<th>应收本金</th>
|
||||
<th>应收利息</th>
|
||||
<th>应收时间</th>
|
||||
<th>收益时间</th>
|
||||
<th>应收总额</th>
|
||||
<th>已支付</th>
|
||||
<th>状态</th>
|
||||
</tr>
|
||||
{volist name="list" id="l"}
|
||||
<tr>
|
||||
<td>第{$l.num}期</td>
|
||||
<td>{$l.money2}</td>
|
||||
<td>{$l.money1}</td>
|
||||
<td>{$l.time1}</td>
|
||||
<td>
|
||||
<?php if($l['time2'] != '0000-00-00 00:00:00'){ echo $l['time1'];}else{echo '未完成';}?>
|
||||
</td>
|
||||
<td>{$l.pay1}</td>
|
||||
<td>{$l.pay2}</td>
|
||||
<td>
|
||||
{if condition="$l['status'] eq 1"}
|
||||
已完成
|
||||
{else/}
|
||||
未完成
|
||||
{/if}
|
||||
</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
182
application/index/view/user/extend.html
Executable file
182
application/index/view/user/extend.html
Executable file
@ -0,0 +1,182 @@
|
||||
{include file="public/header1" nav="推广记录"}
|
||||
|
||||
<style>
|
||||
.container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-flex-flow: column;
|
||||
flex-flow: column;
|
||||
}
|
||||
|
||||
.main {
|
||||
flex: 1;
|
||||
padding: .4rem;
|
||||
background-color: #FAFAFA;
|
||||
}
|
||||
|
||||
.cont {
|
||||
padding: .3rem 0;
|
||||
border-radius: 22px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.cont .ctitle {
|
||||
padding: .25rem 0;
|
||||
font-size: .28rem;
|
||||
line-height: 1;
|
||||
color: #4A4A4A;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.cont .ctitle .item:first-child {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.cont .ctitle .item:last-child {
|
||||
width: 3.1rem;
|
||||
text-align: center;
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.cont .name-time {
|
||||
padding: .25rem 0;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: .28rem;
|
||||
line-height: 1.6;
|
||||
color: #9B9B9B;
|
||||
}
|
||||
|
||||
.cont .name-time .name {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.cont .name-time .time {
|
||||
width: 3.1rem;
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.cont .line {
|
||||
width: 5.9rem;
|
||||
background-color: #F5F5F5;
|
||||
margin-top: .2rem;
|
||||
}
|
||||
|
||||
.cont .more {
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
padding-top: .28rem;
|
||||
padding-bottom: .16rem;
|
||||
}
|
||||
|
||||
.main .cont .detail-status {
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
color: #9B9B9B;
|
||||
}
|
||||
|
||||
.main .cont .detail-status .investDeatil {
|
||||
margin-left: 0.5rem;
|
||||
color: #FCCF61;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.main .cont .detail-status .agreement {
|
||||
color: #57B8FF;
|
||||
}
|
||||
|
||||
.main .cont .detail-status .status {
|
||||
float: right;
|
||||
}
|
||||
.main .cont .detail-status { font-size: .24rem; line-height: .34rem; color: #9B9B9B;}
|
||||
.main .cont .detail-status .investDeatil { margin-left:0.5rem;color: #FCCF61; padding-right: 1rem;}
|
||||
.main .cont .detail-status .agreement { color: #57B8FF;}
|
||||
.main .cont .detail-status .status { float: right;}
|
||||
.item_box {
|
||||
border-bottom: 0.01rem solid #eee;
|
||||
padding-bottom: 0.2rem;
|
||||
background-color: #fff;
|
||||
}
|
||||
.item {
|
||||
width: 95%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0rem auto 0.2rem;
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
.item1 {
|
||||
width: 95%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: auto;
|
||||
}
|
||||
.time {
|
||||
color: #999;
|
||||
font-size: 0.25rem;
|
||||
}
|
||||
.flex a{
|
||||
color:#4f5ffa
|
||||
}
|
||||
.item .flex .title{
|
||||
width:220px;
|
||||
text-overflow :ellipsis;
|
||||
white-space :nowrap;
|
||||
overflow : hidden;
|
||||
}
|
||||
.more{
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
padding-top: .28rem;
|
||||
padding-bottom: .16rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="left" onclick="window.history.back()">
|
||||
<i class="iconfont icon-arrow-left"></i>
|
||||
</div>
|
||||
<div class="htitle">推广记录</div>
|
||||
</div>
|
||||
{volist name="results" id="r"}
|
||||
<div class="item_box">
|
||||
<div class="item">
|
||||
<div class="flex">
|
||||
<p style="font-size: 0.3rem; color: black;">{$r.name|default='未实名'}（{$r.phone}）</p>
|
||||
</div>
|
||||
<p style="color: rgb(153, 153, 153);margin-top: 0.15rem; font-size: 0.25rem;">注册日期：{:date('Y-m-d',strtotime($r['time']))}</p>
|
||||
</div>
|
||||
<div class="item1">
|
||||
<p style="color: orange;font-size: 0.25rem;">
|
||||
充值金额：{$r.recharge} 元
|
||||
</p>
|
||||
<p style="color: green;font-size: 0.25rem;">
|
||||
提现金额：{$r.cash} 元
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
<div class="more">暂无更多记录</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/font.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
</html>
|
||||
43
application/index/view/user/fund.html
Executable file
43
application/index/view/user/fund.html
Executable file
@ -0,0 +1,43 @@
|
||||
{include file="public/header" nav="资金明细"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="f_box_accountrecord">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>资金明细</i></span>
|
||||
</div>
|
||||
<div class="t_box_accountrecord">
|
||||
{if count($finance) > 0}
|
||||
{volist name="finance" id="f"}
|
||||
<ul>
|
||||
<li>
|
||||
<span>时间：</span>
|
||||
<p>{$f['time']}</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>备注：</span>
|
||||
<p>{$f.reason}</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>金额：</span>
|
||||
<p>{if condition="$f['type'] eq 1"}+{else /}-{/if}{$f.money}</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/volist}
|
||||
{else/}
|
||||
<div class="dataNo">
|
||||
<h3>没有更多数据了</h3>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
166
application/index/view/user/hold.html
Executable file
166
application/index/view/user/hold.html
Executable file
@ -0,0 +1,166 @@
|
||||
{include file="public/header" nav="历史委托"}
|
||||
<style type="text/css">
|
||||
html{
|
||||
font-size: 120px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
window.onload=function(){
|
||||
//设置适配rem
|
||||
var change_rem = ((window.screen.width > 450) ? 450 : window.screen.width)/375*100;
|
||||
document.getElementsByTagName("html")[0].style.fontSize=change_rem+"px";
|
||||
window.onresize = function(){
|
||||
change_rem = ((window.screen.width > 450) ? 450 : window.screen.width)/375*100;
|
||||
document.getElementsByTagName("html")[0].style.fontSize=change_rem+"px";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/jquery-1.9.1.min.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/order.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/function.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/base64.js"></script>
|
||||
<script type="text/javascript">
|
||||
var Base64 = new Base64();
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/ionic.css">
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/style.css">
|
||||
<style type="text/css">
|
||||
.box .footer {
|
||||
height: 0.52rem;
|
||||
}
|
||||
.box .footer > div a i {
|
||||
width: .21rem !important;
|
||||
height: .21rem !important;
|
||||
margin-top: .08rem;
|
||||
}
|
||||
.box .footer > div a i {
|
||||
width: .586667rem;
|
||||
height: .586667rem;
|
||||
}
|
||||
|
||||
.box .footer > div a span {
|
||||
font-size: .12rem !important;
|
||||
margin-top: 3px !important
|
||||
}
|
||||
</style>
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<ion-nav-bar class="bar-stable headerbar nav-bar-container" nav-bar-transition="ios" nav-bar-direction="swap" nav-swipe="">
|
||||
<div class="nav-bar-block" nav-bar="active">
|
||||
<ion-header-bar class="bar-stable headerbar bar bar-header" align-title="center">
|
||||
<div class="title title-center header-item jiaoyilishi" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); left: 15px; right: 15px;">历史委托</div>
|
||||
</ion-header-bar>
|
||||
</div>
|
||||
</ion-nav-bar>
|
||||
<ion-nav-view class="view-container" nav-view-transition="ios" nav-view-direction="none" nav-swipe="">
|
||||
<ion-tabs class="tabs-icon-top navbar pane tabs-bottom tabs-standard" abstract="true" nav-view="active" style="opacity: 1; transform: translate3d(0%, 0px, 0px);">
|
||||
<ion-nav-view name="tab-history" class="view-container tab-content" nav-view="active" nav-view-transition="ios" nav-view-direction="swap" nav-swipe="">
|
||||
<ion-view view-title="" hide-nav-bar="false" class="pane" state="tab.history" nav-view="active" style="opacity: 1; transform: translate3d(0%, 0px, 0px);">
|
||||
<ion-nav-buttons side="right" class="hide"></ion-nav-buttons>
|
||||
<ion-content class="trade_history scroll-content ionic-scroll scroll-content-false has-header has-tabs" scroll="false">
|
||||
<header>
|
||||
<article class="left-table" onclick="change_category(0)" class="active" style="">
|
||||
<p class="chicangmingxi">持仓明细</p>
|
||||
</article>
|
||||
<article class="right-table" onclick="change_category(1)">
|
||||
<p class="lishimingxi">历史明细</p>
|
||||
</article>
|
||||
</header>
|
||||
<div class="trade_history_list slider" style="visibility: visible;overflow:scroll">
|
||||
<div class="slider-slides" ng-transclude="">
|
||||
<ion-slide class="slider-slide slider-left" data-index="0" style="width: 100%px; left: 0px; transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
|
||||
<ul>
|
||||
</ul>
|
||||
</ion-slide>
|
||||
<ion-slide class="slider-slide slider-right" data-index="1" style=" left: 0px; top: -100%;transition-duration: 0ms; transform: translate(414px, 0px) translateZ(0px);">
|
||||
<ul class="uls">
|
||||
</ul>
|
||||
</ion-slide>
|
||||
</div>
|
||||
<div class="modal-backdrop ng-hide">
|
||||
<div class="modal-backdrop-bg"></div>
|
||||
<div class="modal-wrapper" ng-transclude="">
|
||||
<ion-modal-view class="order-modal modal slide-in-up ng-enter active ng-enter-active">
|
||||
<ion-header-bar class="order-modal-header bar bar-header">
|
||||
<h1 class="title lishimingxi" style="left: 54px; right: 54px;"></h1>
|
||||
<div class="close" ng-click="close_order_modal.hide()">
|
||||
<i class="icon ion-ios-close-empty"></i>
|
||||
</div>
|
||||
</ion-header-bar>
|
||||
<ion-content class="order-modal-content scroll-content ionic-scroll has-header">
|
||||
<div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
|
||||
<ul class="list">
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="商品" id="_label-0">商品</span>
|
||||
<span class="input-content ng-binding ptitle"></span>
|
||||
</li>
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="成交价" id="_label-2">成交价</span>
|
||||
<span class="input-content ng-binding buyprice"></span>
|
||||
</li>
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="结算价" id="_label-3">结算价</span>
|
||||
<span class="input-content ng-binding sellprice"></span>
|
||||
</li>
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="手续费" id="_label-4">手续费</span>
|
||||
<span class="input-content ng-binding">0</span>
|
||||
</li>
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="盈亏" id="_label-5">盈亏</span>
|
||||
<span class="input-content ng-binding rise ploss" style="">
|
||||
0.00
|
||||
</span>
|
||||
</li>
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="成交时间" id="_label-6">成交时间</span>
|
||||
<span class="input-content ng-binding buytime"></span>
|
||||
</li>
|
||||
<li class="item item-input">
|
||||
<span class="input-label" aria-label="结算时间" id="_label-7">结算时间</span>
|
||||
<span class="input-content ng-binding selltime"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="scroll-bar scroll-bar-v">
|
||||
<div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px; transform-origin: center bottom 0px;"></div>
|
||||
</div>
|
||||
</ion-content>
|
||||
<div class="button-bar">
|
||||
<a class="button button-dark" onclick="close_order_modal()">关闭</a>
|
||||
</div>
|
||||
|
||||
</ion-modal-view>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
</ion-nav-view>
|
||||
</ion-tabs>
|
||||
</ion-nav-view>
|
||||
|
||||
<div class="backdrop"></div>
|
||||
<div class="ionic_toast">
|
||||
<div class="toast_section" ng-class="ionicToast.toastClass" ng-style="ionicToast.toastStyle" ng-click="hideToast()" style="display: none; opacity: 0;">
|
||||
<span class="ionic_toast_close"><i class="ion-android-close toast_close_icon"></i></span><span ng-bind-html="ionicToast.toastMessage" class="ng-binding"></span></div>
|
||||
</div>
|
||||
{include file="public/footer" menu='hold'}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
var charturl = '/index/user/getchart.html';
|
||||
$.get(charturl, function(_res) {
|
||||
var res = jQuery.parseJSON(Base64.decode(_res));
|
||||
$.each(res, function(k, v) {
|
||||
$('.' + k).html(v);
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<script type="text/javascript" src="__ROOT__/static/wap/js/hold.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
change_category(0)
|
||||
</script>
|
||||
</html>
|
||||
193
application/index/view/user/index.html
Executable file
193
application/index/view/user/index.html
Executable file
@ -0,0 +1,193 @@
|
||||
{include file="public/header" nav="我的"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/theme/index/css/swiper.min.css"/>
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="content" style="width:100%;">
|
||||
<div class="f_box_mine slide">
|
||||
<!-- <div class="t_header">-->
|
||||
<!-- <span><img src="/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span> -->
|
||||
<!-- <span><i>个人中心</i></span>-->
|
||||
<!-- </div>-->
|
||||
<div class="f_mine_box">
|
||||
<div class="f_mine" style="">
|
||||
<div class="f_mine_head">
|
||||
<div class="img_cion">
|
||||
<img src="{:getInfo('app_img')}" alt="" class="f_mine_header" data-src="{:getInfo('app_img')}" lazy="loaded" style="width: 100px;height: 20px;">
|
||||
</div>
|
||||
<!-- <div class="name"><span>{$user.phone}</span></div>-->
|
||||
<div class="xinyong">
|
||||
<span>我的信用积分</span>
|
||||
</div>
|
||||
<div class="jindu">
|
||||
<span>/100</span>
|
||||
<div class="jindutiao"></div>
|
||||
</div>
|
||||
<!-- <div class="level"><span>{$userleveltile.name}</span></div>-->
|
||||
<!-- <div class="f_tab1">-->
|
||||
<!-- <span>-->
|
||||
<!-- <p>{$user.money}</p>-->
|
||||
<!-- <p>可用余额</p>-->
|
||||
<!-- </span>-->
|
||||
<!-- <span>-->
|
||||
<!-- <p>0.00</p>-->
|
||||
<!-- <p>已获赠金</p>-->
|
||||
<!-- </span>-->
|
||||
<!-- <span>-->
|
||||
<!-- <a href="/index/user/recharge" class="">-->
|
||||
<!-- 充值-->
|
||||
<!-- </a>-->
|
||||
<!-- </span> <span>-->
|
||||
<!-- <a href="/index/user/cash" class="">-->
|
||||
<!-- 提现-->
|
||||
<!-- </a>-->
|
||||
<!-- </span>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<div class="myslide">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="/static/wap/images/mys1.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="/static/wap/images/mys2.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="/static/wap/images/mys3.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="f_mine_body">
|
||||
<div class="f_table">
|
||||
<!-- <div class="item" id="i2">-->
|
||||
<!-- <a href="/index/user/inquiries" class=""> <img src="/static/wap/images/icon_my_search@2x.png" alt="" class="i2" data-src="/static/wap/images/icon_my_search@2x.png" lazy="loaded">-->
|
||||
<!-- <p>平仓查询</p>-->
|
||||
<!-- </a>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="item" id="i3">-->
|
||||
<!-- <a href="/index/user/fund" class=""> <img src="/static/wap/images/icon_my_revenue_and_expenditure@2x.png" alt="" class="i3" data-src="/static/wap/images/icon_my_revenue_and_expenditure@2x.png" lazy="loaded">-->
|
||||
<!-- <p>收支明细</p>-->
|
||||
<!-- </a>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="item" id="i6">-->
|
||||
<!-- <a href="/index/index/notice" class=""> <img src="/static/wap/images/icon_my_announcement@2x.png" alt="" class="i6" data-src="/static/wap/images/icon_my_announcement@2x.png" lazy="loaded">-->
|
||||
<!-- <p>最新公告</p>-->
|
||||
<!-- </a>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="item" id="i7">-->
|
||||
<!-- <a href="/index/user/bank_card" class=""> <img src="/static/wap/images/icon_my_bank_card@2x.png" alt="" class="i7" data-src="/static/wap/images/icon_my_bank_card@2x.png" lazy="loaded">-->
|
||||
<!-- <p>银行卡</p>-->
|
||||
<!-- </a>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="item" id="i8">
|
||||
<a href="/index/user/recommend" class="">
|
||||
<img src="/static/wap/images/icon_my_agency@2x.png" alt="" class="i8" data-src="/static/wap/images/icon_my_agency@2x.png" lazy="loaded">
|
||||
<p>推广码</p>
|
||||
</a>
|
||||
</div>-->
|
||||
<!-- <div class="item" id="i9">-->
|
||||
<!-- <a onClick="window.open('{:getInfo('service')}','_blank');" class=""> <img src="/static/wap/images/icon_my_vouchers@2x.png" alt="" class="i9" data-src="/static/wap/images/icon_my_vouchers@2x.png" lazy="loaded">-->
|
||||
<!-- <p>在线客服</p>-->
|
||||
<!-- </a>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="item">-->
|
||||
<!-- <a href="/index/user/set_account" class=""> <img src="/static/wap/images/icon_my_cipher@2x.png" alt="" data-src="/static/wap/images/icon_my_cipher@2x.png" lazy="loaded">-->
|
||||
<!-- <p>账号安全</p>-->
|
||||
<!-- </a>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="item">-->
|
||||
<!-- <a href="/index/user/msg" class=""> {if $msg}-->
|
||||
<!-- <div style="position:relative;right:-23px;top:15px;background:red;width:20px;height:20px;line-height:20px;border-radius:15px;">{$msg}</div>-->
|
||||
<!-- {/if} <img src="/static/theme/index/img/xx.png" alt="" data-src="/static/theme/index/img/xx.png" lazy="loaded">-->
|
||||
<!-- <p>站内消息</p>-->
|
||||
<!-- </a>-->
|
||||
<!-- </div>-->
|
||||
<!--<div class="item">-->
|
||||
<!-- <a href="{:getInfo('app')}" class="">-->
|
||||
<!-- <img src="/static/theme/index/img/icon_index_11.png" alt="" data-src="/static/theme/index/img/icon_index_11.png" lazy="loaded">-->
|
||||
<!-- <p>APP下载</p>-->
|
||||
<!-- </a>-->
|
||||
<!--</div>-->
|
||||
<!-- <div class="item" id="i3">-->
|
||||
<!-- <a href="/index/user/recharge_record" class=""> <img src="/static/wap/images/icon_my_revenue_and_expenditure@2x.png" alt="" class="i3" data-src="/static/wap/images/icon_my_revenue_and_expenditure@2x.png" lazy="loaded">-->
|
||||
<!-- <p>充值记录</p>-->
|
||||
<!-- </a>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="item" id="i3">-->
|
||||
<!-- <a href="/index/user/cash_record" class=""> <img src="/static/wap/images/icon_my_revenue_and_expenditure@2x.png" alt="" class="i3" data-src="/static/wap/images/icon_my_revenue_and_expenditure@2x.png" lazy="loaded">-->
|
||||
<!-- <p>提现记录</p>-->
|
||||
<!-- </a>-->
|
||||
<!-- </div>-->
|
||||
<div class="item" id="i10">
|
||||
<a href="/index/user/verified" class=""> <img src="/static/wap/images/idcard.png" alt="" class="i3" data-src="/static/wap/images/idcard.png" lazy="loaded">
|
||||
<p>实名认证
|
||||
{if condition="$user['rz_status'] eq 0"}
|
||||
<span style="background-color:#919189;margin-left:20px"> 未认证 </span>
|
||||
{/if}
|
||||
|
||||
{if condition="$user['rz_status'] eq 1"}
|
||||
<span style="background-color:#CBC629;margin-left:20px"> 审核中 </span>
|
||||
{/if}
|
||||
{if condition="$user['rz_status'] eq 2"}
|
||||
<span style="background-color:#39E230;margin-left:20px"> 已认证 </span>
|
||||
{/if}
|
||||
{if condition="$user['rz_status'] eq 3"}
|
||||
<span style="background-color:#E2171C;margin-left:20px"> 未通过 </span>
|
||||
{/if}
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="item" id="i11">
|
||||
<a href="/index/user/set_account" class=""> <img src="/static/wap/images/my1.png" alt="" class="i3" data-src="/static/wap/images/icon_my_revenue_and_expenditure@2x.png" lazy="loaded">
|
||||
<p>密码修改</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="item" id="i12">
|
||||
<a onClick="window.open('{:getInfo('service')}','_blank');" class=""> <img src="/static/wap/images/my2.png" alt="" class="i3" data-src="/static/wap/images/icon_my_revenue_and_expenditure@2x.png" lazy="loaded">
|
||||
<p>在线客服</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="item" id="i13">
|
||||
<a href="/index/user/msg_view?id=1" class=""> <img src="/static/wap/images/my3.png" alt="" class="i3" data-src="/static/wap/images/icon_my_revenue_and_expenditure@2x.png" lazy="loaded">
|
||||
<p>隐私政策</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="item" id="i14">
|
||||
<a href="/index/user/msg_view?id=2" class=""> <img src="/static/wap/images/my4.png" alt="" class="i3" data-src="/static/wap/images/icon_my_revenue_and_expenditure@2x.png" lazy="loaded">
|
||||
<p>关于我们</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div>
|
||||
<a href="/index/user/logout" class=""> <img src="/static/wap/images/my4.png" alt="" data-src="/static/wap/images/icon_my_pull_out@2x.png" lazy="loaded">
|
||||
<p>退出登录</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jun-empty"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="__ROOT__/static/theme/index/js/swiper.min.js"></script>
|
||||
<script>
|
||||
|
||||
var swiper2 = new Swiper('.myslide .swiper-container', {
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000
|
||||
},
|
||||
slidesPerView:1,
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
},
|
||||
});
|
||||
</script>
|
||||
</body></html>
|
||||
45
application/index/view/user/inquiries.html
Executable file
45
application/index/view/user/inquiries.html
Executable file
@ -0,0 +1,45 @@
|
||||
{include file="public/header" nav="平仓查询"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="f_box_inquiries">
|
||||
<div class="t_header">
|
||||
<span><i>平仓查询</i></span>
|
||||
</div>
|
||||
<ul class="f_th" style="">
|
||||
<li>商品名称</li>
|
||||
<li>金额</li>
|
||||
<li>方向</li>
|
||||
<li>盈亏</li>
|
||||
</ul>
|
||||
<div class="f_table">
|
||||
{if count($list)}
|
||||
<div role="tablist" aria-multiselectable="true" class="el-collapse">
|
||||
{volist name="list" id="vo"}
|
||||
<div class="el-collapse-item">
|
||||
<div role="tab" aria-controls="el-collapse-content-1057" aria-describedby="el-collapse-content-1057">
|
||||
<div role="button" id="el-collapse-head-1057" tabindex="0" class="el-collapse-item__header">
|
||||
<i class="el-collapse-item__arrow el-icon-arrow-right"></i>
|
||||
<span>{$vo.ptitle}</span>
|
||||
<span>￥{$vo.fee}</span>
|
||||
<span>{$vo['ostyle']==0?'买涨':'买跌'}</span>
|
||||
<span>{$vo.ploss}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{else/}
|
||||
<div class="dataNo">
|
||||
<h3>没有更多数据了</h3>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer"}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
185
application/index/view/user/interest.html
Executable file
185
application/index/view/user/interest.html
Executable file
@ -0,0 +1,185 @@
|
||||
{include file="public/header1" nav="收益记录"}
|
||||
|
||||
<style>
|
||||
.container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-flex-flow: column;
|
||||
flex-flow: column;
|
||||
}
|
||||
|
||||
.main {
|
||||
flex: 1;
|
||||
padding: .4rem;
|
||||
background-color: #FAFAFA;
|
||||
}
|
||||
|
||||
.cont {
|
||||
padding: .3rem 0;
|
||||
border-radius: 22px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.cont .ctitle {
|
||||
padding: .25rem 0;
|
||||
font-size: .28rem;
|
||||
line-height: 1;
|
||||
color: #4A4A4A;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.cont .ctitle .item:first-child {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.cont .ctitle .item:last-child {
|
||||
width: 3.1rem;
|
||||
text-align: center;
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.cont .name-time {
|
||||
padding: .25rem 0;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: .28rem;
|
||||
line-height: 1.6;
|
||||
color: #9B9B9B;
|
||||
}
|
||||
|
||||
.cont .name-time .name {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.cont .name-time .time {
|
||||
width: 3.1rem;
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.cont .line {
|
||||
width: 5.9rem;
|
||||
background-color: #F5F5F5;
|
||||
margin-top: .2rem;
|
||||
}
|
||||
|
||||
.cont .more {
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
padding-top: .28rem;
|
||||
padding-bottom: .16rem;
|
||||
}
|
||||
|
||||
.main .cont .detail-status {
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
color: #9B9B9B;
|
||||
}
|
||||
|
||||
.main .cont .detail-status .investDeatil {
|
||||
margin-left: 0.5rem;
|
||||
color: #FCCF61;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.main .cont .detail-status .agreement {
|
||||
color: #57B8FF;
|
||||
}
|
||||
|
||||
.main .cont .detail-status .status {
|
||||
float: right;
|
||||
}
|
||||
.main .cont .detail-status { font-size: .24rem; line-height: .34rem; color: #9B9B9B;}
|
||||
.main .cont .detail-status .investDeatil { margin-left:0.5rem;color: #FCCF61; padding-right: 1rem;}
|
||||
.main .cont .detail-status .agreement { color: #57B8FF;}
|
||||
.main .cont .detail-status .status { float: right;}
|
||||
.item_box {
|
||||
border-bottom: 0.01rem solid #eee;
|
||||
padding-bottom: 0.2rem;
|
||||
background-color: #fff;
|
||||
}
|
||||
.item {
|
||||
width: 95%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0rem auto 0.2rem;
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
.item1 {
|
||||
width: 95%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: auto;
|
||||
}
|
||||
.time {
|
||||
color: #999;
|
||||
font-size: 0.25rem;
|
||||
}
|
||||
.flex a{
|
||||
color:#4f5ffa
|
||||
}
|
||||
.item .flex .title{
|
||||
width:220px;
|
||||
text-overflow :ellipsis;
|
||||
white-space :nowrap;
|
||||
overflow : hidden;
|
||||
}
|
||||
.more{
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
padding-top: .28rem;
|
||||
padding-bottom: .16rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="left" onclick="window.history.back()">
|
||||
<i class="iconfont icon-arrow-left"></i>
|
||||
</div>
|
||||
<div class="htitle">收益记录</div>
|
||||
</div>
|
||||
{volist name="interest" id="f"}
|
||||
<div class="item_box">
|
||||
<div class="item">
|
||||
<div class="flex">
|
||||
<p style="font-size: 0.28rem; color: black;">第{$f.num}期 {$f.title}</p>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<p style="font-size: 0.28rem; color: DarkOrange;">
|
||||
已完成
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item1">
|
||||
<div style="display: flex;">
|
||||
<p style="color: rgb(153, 153, 153); font-size: 0.25rem;">金额：</p>
|
||||
<p style="font-size: 0.25rem; color: green">{$f.pay2}元</p>
|
||||
</div>
|
||||
<p class="time">{:$f['time2']}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
<div class="more">暂无更多记录</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/font.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
</html>
|
||||
185
application/index/view/user/invest.html
Executable file
185
application/index/view/user/invest.html
Executable file
@ -0,0 +1,185 @@
|
||||
{include file="public/header1" nav="投资记录"}
|
||||
|
||||
<style>
|
||||
.container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-flex-flow: column;
|
||||
flex-flow: column;
|
||||
}
|
||||
|
||||
.main {
|
||||
flex: 1;
|
||||
padding: .4rem;
|
||||
background-color: #FAFAFA;
|
||||
}
|
||||
|
||||
.cont {
|
||||
padding: .3rem 0;
|
||||
border-radius: 22px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.cont .ctitle {
|
||||
padding: .25rem 0;
|
||||
font-size: .28rem;
|
||||
line-height: 1;
|
||||
color: #4A4A4A;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.cont .ctitle .item:first-child {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.cont .ctitle .item:last-child {
|
||||
width: 3.1rem;
|
||||
text-align: center;
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.cont .name-time {
|
||||
padding: .25rem 0;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: .28rem;
|
||||
line-height: 1.6;
|
||||
color: #9B9B9B;
|
||||
}
|
||||
|
||||
.cont .name-time .name {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.cont .name-time .time {
|
||||
width: 3.1rem;
|
||||
padding: 0 .4rem;
|
||||
}
|
||||
|
||||
.cont .line {
|
||||
width: 5.9rem;
|
||||
background-color: #F5F5F5;
|
||||
margin-top: .2rem;
|
||||
}
|
||||
|
||||
.cont .more {
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
padding-top: .28rem;
|
||||
padding-bottom: .16rem;
|
||||
}
|
||||
|
||||
.main .cont .detail-status {
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
color: #9B9B9B;
|
||||
}
|
||||
|
||||
.main .cont .detail-status .investDeatil {
|
||||
margin-left: 0.5rem;
|
||||
color: #FCCF61;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.main .cont .detail-status .agreement {
|
||||
color: #57B8FF;
|
||||
}
|
||||
|
||||
.main .cont .detail-status .status {
|
||||
float: right;
|
||||
}
|
||||
.main .cont .detail-status { font-size: .24rem; line-height: .34rem; color: #9B9B9B;}
|
||||
.main .cont .detail-status .investDeatil { margin-left:0.5rem;color: #FCCF61; padding-right: 1rem;}
|
||||
.main .cont .detail-status .agreement { color: #57B8FF;}
|
||||
.main .cont .detail-status .status { float: right;}
|
||||
.item_box {
|
||||
border-bottom: 0.01rem solid #eee;
|
||||
padding-bottom: 0.2rem;
|
||||
background-color: #fff;
|
||||
}
|
||||
.item {
|
||||
width: 95%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0rem auto 0.2rem;
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
.item1 {
|
||||
width: 95%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: auto;
|
||||
}
|
||||
.time {
|
||||
color: #999;
|
||||
font-size: 0.25rem;
|
||||
}
|
||||
.flex a{
|
||||
color:#4f5ffa
|
||||
}
|
||||
.item .flex .title{
|
||||
width:220px;
|
||||
text-overflow :ellipsis;
|
||||
white-space :nowrap;
|
||||
overflow : hidden;
|
||||
}
|
||||
.more{
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
padding-top: .28rem;
|
||||
padding-bottom: .16rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="left" onclick="window.history.back()">
|
||||
<i class="iconfont icon-arrow-left"></i>
|
||||
</div>
|
||||
<div class="htitle">投资记录</div>
|
||||
</div>
|
||||
{volist name="invest" id="f"}
|
||||
<div class="item_box">
|
||||
<div class="item">
|
||||
<div class="flex">
|
||||
<p style="font-size: 0.28rem; color: black;" class="title">{$f.title}</p>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<p style="font-size: 0.26rem; color: #333;">
|
||||
<a href="/index/user/contract?id={$f['id']}">查看合同</a> | <a href="/index/user/details?id={$f['id']}">查看详情</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item1">
|
||||
<div style="display: flex;">
|
||||
<p style="color: rgb(153, 153, 153); font-size: 0.25rem;">金额：</p>
|
||||
<p style="font-size: 0.25rem; color: green">{$f.money}元<span style="font-size: 0.26rem; color: DarkOrange;margin-left: .15rem;display:inline-block;line-height:.3rem">{:getInvestStatus($f['id'])}</span></p>
|
||||
</div>
|
||||
<p class="time">{:$f['time']}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
<div class="more">暂无更多记录</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/font.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
</html>
|
||||
88
application/index/view/user/mall_contract.html
Executable file
88
application/index/view/user/mall_contract.html
Executable file
@ -0,0 +1,88 @@
|
||||
{include file="public/header" nav="合同"}
|
||||
<div class="mobile">
|
||||
<div class="othertop" style="background: #4f5ffa">
|
||||
<a class="goback" href="/index/user/index">
|
||||
<img src="__ROOT__/static/theme/index/img/goback.png" />
|
||||
</a>
|
||||
<div class="othertop-font">合同书</div>
|
||||
</div>
|
||||
<div class="header-nbsp"></div>
|
||||
<!-- 合同 -->
|
||||
<div class="contract_box">
|
||||
<h1 class="con_name">{:getInfo('webname')}投资合同书</h1>
|
||||
<p class="code">合同编号：{$invest['number']}</p>
|
||||
<p><label>甲方（投资方）</label>：{:getUserField($uid,'name')}</p>
|
||||
<p><label>乙方（管理方）</label>：{:getInfo('company')}</p>
|
||||
<p><label>丙方（担保方）</label>：{:getMallItemField($invest['pid'],'guarantee')}</p>
|
||||
<p>根据中华人民共和国有关法律、法规规定，本着平等、自愿、公平、互惠互利和诚实守信的原则，就乙方使用甲方平台提供的矿机租赁服务的有关事项达成如下协议：</p>
|
||||
<p>一、<label>服务内容与方式</label></p>
|
||||
<p>1.矿机租赁明细</p>
|
||||
<table class="tablec">
|
||||
<tr>
|
||||
<td>矿机名称</td>
|
||||
<td>{$invest.title}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>租赁人姓名</td>
|
||||
<td>{:getUserField($uid,'name')}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>租赁人身份证</td>
|
||||
<td>{:getUserField($uid,'idcard')}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>租赁份数</td>
|
||||
<td>{$invest.num}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>租赁单份保证金</td>
|
||||
<td>{$invest.money/$invest.num}元</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>租赁总保证金</td>
|
||||
<td>{$invest.money}元</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>租赁期限</td>
|
||||
<td>{$invest.day}天</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>租赁人日净收益</td>
|
||||
<td>{$invest.profit}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>租赁人总净收益</td>
|
||||
<td>{$invest.profit*$invest.day}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>矿机上线日期</td>
|
||||
<td>{:date('Y-m-d',strtotime($invest['time']))}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>矿机到期日期</td>
|
||||
<td>{:date('Y-m-d',strtotime('+'.$invest['day'].' day',strtotime($invest['time'])))}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>还款方式</td>
|
||||
<td>每日分配收益，保证金到期全额返还</td>
|
||||
</tr>
|
||||
</table>
|
||||
{:htmlspecialchars_decode(getInfo('contract_kj'))}
|
||||
<div class="signature" style="margin:.5rem 0">
|
||||
<div class="Party">
|
||||
<p>甲方：{:getUserField($uid,'name')}</p>
|
||||
<span>{:date('Y年m月d日',strtotime($invest['time']))}</span>
|
||||
</div>
|
||||
<div class="Party" style="background: url('{:getInfo('seal_img')}') no-repeat top left 6px ;background-size:100px 100px;padding:25px 0">
|
||||
<p>乙方：{:getInfo('company')}</p>
|
||||
<span>{:date('Y年m月d日',strtotime($invest['time']))}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="Party" style="background: url('{:getInfo('safe_seal_img')}') no-repeat top left 36px ;background-size:100px 100px;padding:25px 0">
|
||||
<p>丙方：{:getMallItemField($invest['pid'],'guarantee')}</p>
|
||||
<span>{:date('Y年m月d日',strtotime($invest['time']))}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
48
application/index/view/user/msg.html
Executable file
48
application/index/view/user/msg.html
Executable file
@ -0,0 +1,48 @@
|
||||
{include file="public/header" nav="站内信"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="f_box_bank">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>站内信</i></span>
|
||||
</div>
|
||||
<div class="f_content">
|
||||
{if count($msgtop) > 0 || count($msgfoot) > 0 }
|
||||
{volist name="msgtop" id="m"}
|
||||
<ul class="f_withdraw">
|
||||
<li class="banklist">
|
||||
<a class="item_box" href="/index/user/msg_view?id={$m['id']}">
|
||||
<span>{$m.title}</span>
|
||||
<span style="color: red;">未读</span>
|
||||
<span style="color: rgb(153, 153, 153);">类别： {if condition="$m['status'] lt 1"}公示{else/}私聊{/if}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
{/volist}
|
||||
{volist name="msgfoot" id="m"}
|
||||
<ul class="f_withdraw">
|
||||
<li class="banklist">
|
||||
<a class="item_box" href="/index/user/msg_view?id={$m['id']}">
|
||||
<span>{$m.title}</span>
|
||||
<span style="color: green;">已读</span>
|
||||
<span style="color: rgb(153, 153, 153);">类别： {if condition="$m['status'] lt 1"}公示{else/}私聊{/if}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
{/volist}
|
||||
{else/}
|
||||
<div class="dataNo">
|
||||
<h3>没有更多数据了</h3>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
25
application/index/view/user/msg_view.html
Executable file
25
application/index/view/user/msg_view.html
Executable file
@ -0,0 +1,25 @@
|
||||
{include file="public/header" nav="消息详情"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="t_box_pay">
|
||||
<div class="t_header">
|
||||
<!--<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span> -->
|
||||
<span><i>{$msg.title}</i></span>
|
||||
</div>
|
||||
<div class="t_con_pay">
|
||||
<!--<div class="t_money" style="text-align: center;color: #fff;height: auto;margin-bottom: .333333rem;">{$msg.title}</div>-->
|
||||
<div style="background: #111723;border-top: .026667rem solid #000;color: #fff;padding: .333333rem;">
|
||||
{:htmlspecialchars_decode($msg['content'])}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
98
application/index/view/user/pwd_login.html
Executable file
98
application/index/view/user/pwd_login.html
Executable file
@ -0,0 +1,98 @@
|
||||
{include file="public/header" nav="设置密码"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/tipmask.css">
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="f_box_addbank">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>修改登录密码</i></span>
|
||||
</div>
|
||||
<div class="f_content">
|
||||
<ul>
|
||||
<li>
|
||||
<label>原登录密码</label>
|
||||
<span><input type="password" name="oldpwd" id="oldpwd" value="" placeholder="输入原登录密码" onfocus="this.placeholder=''" onblur="this.placeholder='输入原登录密码'"></span>
|
||||
</li>
|
||||
<li>
|
||||
<label>新登录密码</label>
|
||||
<span><input type="password" name="pwd" id="pwd" value="" placeholder="输入新登录密码" onfocus="this.placeholder=''" onblur="this.placeholder='输入新登录密码'"></span>
|
||||
</li>
|
||||
<li>
|
||||
<label>确认密码</label>
|
||||
<span><input type="password" name="pwd2" id="pwd2" value="" placeholder="输入确认密码" onfocus="this.placeholder=''" onblur="this.placeholder='输入确认密码'"></span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="sure">
|
||||
<button id="sub_btn" type="button" class="el-button el-button--danger">确认 </button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
<div class="tipMask hide">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$("#sub_btn").on("click", function () {
|
||||
var oldpwd = $("#oldpwd").val();
|
||||
var pwd = $("#pwd").val();
|
||||
var pwd2 = $("#pwd2").val();
|
||||
if (oldpwd.length < 6 || oldpwd.length > 16) {
|
||||
msg("错误", "请输入6-16个字符的原登录密码！", 1);
|
||||
return false;
|
||||
}
|
||||
if (pwd.length < 6 || pwd.length > 16) {
|
||||
msg("错误", "请输入6-16个字符的新登录密码！", 1);
|
||||
return false;
|
||||
}
|
||||
if (pwd2.length < 6 || pwd2.length > 16) {
|
||||
msg("错误", "请再次输入6-16个字符的新登录密码！", 1);
|
||||
return false;
|
||||
}
|
||||
if (pwd != pwd2) {
|
||||
msg("错误", "两次密码不一致！", 1);
|
||||
return false;
|
||||
}
|
||||
var url = "/index/user/pwd_login";
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url : url,
|
||||
data: {'pwd':pwd,'pwd2':pwd2,'oldpwd':oldpwd},
|
||||
dataType : "json",
|
||||
success : function(result){
|
||||
if(result.code == 1){
|
||||
window.location.href = "/index/user/index"
|
||||
}else{
|
||||
msg("提示",result.info,1);
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
})
|
||||
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else {
|
||||
var btn = '<div class="confirm guanbi" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
98
application/index/view/user/pwd_pay.html
Executable file
98
application/index/view/user/pwd_pay.html
Executable file
@ -0,0 +1,98 @@
|
||||
{include file="public/header" nav="设置密码"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/tipmask.css">
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="f_box_addbank">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>修改支付密码</i></span>
|
||||
</div>
|
||||
<div class="f_content">
|
||||
<ul>
|
||||
<li>
|
||||
<label>原支付密码</label>
|
||||
<span><input type="password" name="oldpwd" id="oldpwd" value="" placeholder="输入原支付密码" onfocus="this.placeholder=''" onblur="this.placeholder='输入原支付密码'"></span>
|
||||
</li>
|
||||
<li>
|
||||
<label>新支付密码</label>
|
||||
<span><input type="password" name="pwd" id="pwd" value="" placeholder="输入新支付密码" onfocus="this.placeholder=''" onblur="this.placeholder='输入新支付密码'"></span>
|
||||
</li>
|
||||
<li>
|
||||
<label>确认密码</label>
|
||||
<span><input type="password" name="pwd2" id="pwd2" value="" placeholder="再次输入密码" onfocus="this.placeholder=''" onblur="this.placeholder='再次输入密码'"></span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="sure">
|
||||
<button id="sub_btn" type="button" class="el-button el-button--danger">确认 </button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
<div class="tipMask hide">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$("#sub_btn").on("click", function () {
|
||||
var oldpwd = $("#oldpwd").val();
|
||||
var pwd = $("#pwd").val();
|
||||
var pwd2 = $("#pwd2").val();
|
||||
if (oldpwd.length < 6 || oldpwd.length > 16) {
|
||||
msg("错误", "请输入6-16个字符的原交易密码！", 1);
|
||||
return false;
|
||||
}
|
||||
if (pwd.length < 6 || pwd.length > 16) {
|
||||
msg("错误", "请输入6-16个字符的新交易密码！", 1);
|
||||
return false;
|
||||
}
|
||||
if (pwd2.length < 6 || pwd2.length > 16) {
|
||||
msg("错误", "请再次输入6-16个字符的新交易密码！", 1);
|
||||
return false;
|
||||
}
|
||||
if (pwd != pwd2) {
|
||||
msg("错误", "两次密码不一致！", 1);
|
||||
return false;
|
||||
}
|
||||
var url = "/index/user/pwd_pay";
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url : url,
|
||||
data: {'pwd':pwd,'pwd2':pwd2,'oldpwd':oldpwd},
|
||||
dataType : "json",
|
||||
success : function(result){
|
||||
if(result.code == 1){
|
||||
window.location.href = "/index/user/index"
|
||||
}else{
|
||||
msg("提示",result.info,1);
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
})
|
||||
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else {
|
||||
var btn = '<div class="confirm guanbi" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
146
application/index/view/user/recharge.html
Executable file
146
application/index/view/user/recharge.html
Executable file
@ -0,0 +1,146 @@
|
||||
{include file="public/header" nav="充值"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/tipmask.css">
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box"><!---->
|
||||
<div class="jun-content">
|
||||
<div class="t_box_pay">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>充值</i></span>
|
||||
</div>
|
||||
<div class="t_con_pay">
|
||||
<div class="t_money"><i></i>
|
||||
<label>温馨提示：点击收款账号和姓名可复制其内容</label>
|
||||
</div>
|
||||
<div class="payment">
|
||||
<ul>
|
||||
<li class="repeat_active">
|
||||
<i></i><span>开户银行：{:getInfo('pay_bank_type')}</span><i></i>
|
||||
</li>
|
||||
<li class="repeat_active">
|
||||
<i></i><span>开户网点：{:getInfo('pay_bank_type')}</span><i></i>
|
||||
</li>
|
||||
<li class="repeat_active">
|
||||
<i></i><span>收款账号：<p style="display: inline-block;" id="card">{:getInfo('pay_bank_account')}</p></span><i></i>
|
||||
</li>
|
||||
<li class="repeat_active">
|
||||
<i></i><span>收款姓名：<p style="display: inline-block;" id="name">{:getInfo('pay_bank_name')}</p></span><i></i>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="t_money"><i></i>
|
||||
<label>温馨提示：确认转账成功后再进行充值金额提交</label>
|
||||
</div>
|
||||
<div class="payment othermon">
|
||||
<ul>
|
||||
<li><span style="color: #fff;margin-left: .2rem">充值金额： </span><input type="text" id="money" value="" style="padding-left:5px;background: #181f2f;color:#fff"></li>
|
||||
<li><span style="color: #fff;margin-left: .2rem">存款姓名： </span><input type="text" id="truename" value="" style="padding-left:5px;background: #181f2f;color:#fff"></li>
|
||||
<li><span style="color: #fff;margin-left: .2rem">转账附言： </span><input type="text" id="reason" value="" style="padding-left:5px;background: #181f2f;color:#fff"></li>
|
||||
</ul>
|
||||
</div >
|
||||
<div class="t_pay_btn">
|
||||
<button id="sub_btn" value="" type="button">充值</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- {include file="public/footer" menu='recharge'}-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="tipMask hide">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/layer.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/clipboard.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var clipboard = new Clipboard('#card', {
|
||||
text: function() {
|
||||
return $('#card').text();
|
||||
}
|
||||
});
|
||||
if(Clipboard.isSupported()) {
|
||||
clipboard.on('success', function(e) {
|
||||
layer.msg('复制成功');
|
||||
});
|
||||
clipboard.on('error', function(e) {
|
||||
layer.msg('复制成功');
|
||||
console.log(e);
|
||||
});
|
||||
} else {
|
||||
layer.msg('您当前系统和浏览器内核不支持复制,请手动复制打开微信');
|
||||
}
|
||||
var clipboard2 = new Clipboard('#name', {
|
||||
text: function() {
|
||||
return $('#name').text();
|
||||
}
|
||||
});
|
||||
if(Clipboard.isSupported()) {
|
||||
clipboard2.on('success', function(e) {
|
||||
layer.msg('复制成功');
|
||||
});
|
||||
clipboard2.on('error', function(e) {
|
||||
layer.msg('复制成功');
|
||||
console.log(e);
|
||||
});
|
||||
} else {
|
||||
layer.msg('您当前系统和浏览器内核不支持复制,请手动复制打开微信');
|
||||
}
|
||||
|
||||
$(function () {
|
||||
$("#sub_btn").on("click", function () {
|
||||
var truename = $("#truename").val();
|
||||
var reason = $("#reason").val();
|
||||
var money = parseFloat($("#money").val()).toFixed(2);
|
||||
var auth = parseInt("{$user.auth}");
|
||||
|
||||
if (isNaN(money)) {
|
||||
msg("错误", "充值金额有误！", 1);
|
||||
return false;
|
||||
}
|
||||
if (money < {$min_recharge}) {
|
||||
msg("错误", "最低充值金额{$min_recharge}元！", 1);
|
||||
return false;
|
||||
}
|
||||
|
||||
if (truename.length < 2) {
|
||||
msg("错误", "请输入付款人姓名！", 1);
|
||||
return false;
|
||||
}
|
||||
var url = "/index/user/recharge";
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url : url,
|
||||
data: {money:money,type:'bank',truename:truename,reason:reason},
|
||||
dataType : "json",
|
||||
success : function(result){
|
||||
if(result.code == 1){
|
||||
msg("提示",result.info,2,"/index/user/recharge_record");
|
||||
}else{
|
||||
msg("提示",result.info,1);
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
})
|
||||
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else {
|
||||
var btn = '<div class="confirm guanbi" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
65
application/index/view/user/recharge_record.html
Executable file
65
application/index/view/user/recharge_record.html
Executable file
@ -0,0 +1,65 @@
|
||||
{include file="public/header" nav="充值记录"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
|
||||
<div id="app">
|
||||
<div class="box"><!---->
|
||||
<div class="jun-content">
|
||||
<div class="f_box_accountrecord">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>充值记录</i></span>
|
||||
</div>
|
||||
<div class="t_box_accountrecord">
|
||||
{if count($recharge) > 0}
|
||||
{volist name="recharge" id="r"}
|
||||
<ul>
|
||||
<li>
|
||||
<span>时间：</span>
|
||||
<p>{$r.time}</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>金额：</span>
|
||||
<p>￥{$r.money}</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>类型：</span>
|
||||
<p>{$r.type}</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>状态：</span>
|
||||
<p>
|
||||
{if condition="$r['status'] eq 0"}
|
||||
<span style="color: orange;">审核中</span>
|
||||
{/if}
|
||||
{if condition="$r['status'] eq 1"}
|
||||
<span style="color: green;">申请成功</span>
|
||||
{/if}
|
||||
{if condition="$r['status'] eq 2"}
|
||||
<span style="color: red;">申请失败</span>
|
||||
{/if}
|
||||
</p>
|
||||
</li>
|
||||
{if condition="$r['reaolae'] "}
|
||||
<li style="color:green">
|
||||
<span>拒绝原因：</span>
|
||||
<p>{$r.reaolae}</p>
|
||||
</li>
|
||||
{/if}
|
||||
</ul>
|
||||
{/volist}
|
||||
{else/}
|
||||
<div class="dataNo">
|
||||
<h3>没有更多数据了</h3>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
227
application/index/view/user/recommend.html
Executable file
227
application/index/view/user/recommend.html
Executable file
@ -0,0 +1,227 @@
|
||||
{include file="public/header1" nav="邀请朋友"}
|
||||
<style>
|
||||
.header {
|
||||
background: #FF6B6B;
|
||||
}
|
||||
|
||||
.header .left .icon-arrow-left {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 0;
|
||||
min-height: 100%;
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe);
|
||||
position: relative;
|
||||
/*background-image: url(__ROOT__/static/theme/index/img/invite_4.png);
|
||||
background-size: 57%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right bottom;*/
|
||||
}
|
||||
|
||||
.top {
|
||||
padding: 0 .3rem;
|
||||
line-height: 0;
|
||||
background-image: url(__ROOT__/static/theme/index/img/invite_2.png);
|
||||
background-size: 61%;
|
||||
background-repeat: no-repeat;
|
||||
background-position-x: 1.45rem;
|
||||
}
|
||||
|
||||
.top .timg {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.top .code {
|
||||
width: 3.82rem;
|
||||
height: 3.82rem;
|
||||
margin: 0 auto;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
|
||||
.top .code img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.top .tip {
|
||||
font-size: .28rem;
|
||||
line-height: .4rem;
|
||||
color: #FFFFFF;
|
||||
margin-top: .26rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.top .saveCode {
|
||||
width: 5.1rem;
|
||||
height: 1.06rem;
|
||||
background-color: #FCCF61;
|
||||
border-radius: .55rem;
|
||||
font-size: .34rem;
|
||||
line-height: 1.06rem;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
margin-top: .2rem;
|
||||
}
|
||||
|
||||
.inviteaward {
|
||||
margin: 0 .4rem;
|
||||
margin-top: .6rem;
|
||||
}
|
||||
|
||||
.inviteaward .iatop {
|
||||
height: .66rem;
|
||||
padding: 0 .3rem;
|
||||
background-color: #F6F6F6;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
}
|
||||
|
||||
.inviteaward .iatop .left {
|
||||
font-size: .3rem;
|
||||
line-height: .66rem;
|
||||
color: #3A3A3A;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.inviteaward .iatop .right {
|
||||
font-size: .24rem;
|
||||
line-height: .66rem;
|
||||
color: #9C999A;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.inviteaward .iatop .right .icon-arrow-right {
|
||||
font-size: .24rem;
|
||||
line-height: .66rem;
|
||||
color: #979797;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.inviteaward .list {
|
||||
height: .8rem;
|
||||
padding: .24rem 0;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
background-color: #FFF;
|
||||
border-bottom-left-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
.inviteaward .list .item {
|
||||
flex: 1;
|
||||
border-right: 1px solid #EEEEEE;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.inviteaward .list .item:last-child {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
.inviteaward .list .item {
|
||||
font-size: .24rem;
|
||||
line-height: .72rem;
|
||||
color: #3A3A3A;
|
||||
}
|
||||
|
||||
.inviteaward .list .item .num {
|
||||
font-size: .72rem;
|
||||
line-height: .72rem;
|
||||
color: #FA493B;
|
||||
font-weight: bolder;
|
||||
letter-spacing: -6px;
|
||||
}
|
||||
|
||||
.inviteaward .list .item .unit {
|
||||
font-size: .24rem;
|
||||
line-height: .72rem;
|
||||
color: #FA493B;
|
||||
}
|
||||
|
||||
/* rule CSS */
|
||||
.rule {
|
||||
padding: 0 .4rem;
|
||||
margin-top: .4rem;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.rule .rtitle {
|
||||
display: inline-block;
|
||||
font-size: .24rem;
|
||||
line-height: .34rem;
|
||||
color: #FFFFFF;
|
||||
padding: .08rem .16rem;
|
||||
border-radius: .22rem;
|
||||
background-color: #FF9898;
|
||||
}
|
||||
|
||||
.rule .cont {
|
||||
margin-top: .4rem;
|
||||
padding-bottom: .56rem;
|
||||
}
|
||||
|
||||
.rule .cont p {
|
||||
font-size: .28rem;
|
||||
line-height: .4rem;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.rule .cont p span {
|
||||
font-size: .48rem;
|
||||
line-height: .6rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: bolder;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div class="left" onclick="window.history.back()">
|
||||
<i class="iconfont icon-arrow-left"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top">
|
||||
<img src="__ROOT__/static/theme/index/img/invite_1.png" alt="" class="timg"/>
|
||||
<div class="code" id="qrcode">
|
||||
</div>
|
||||
<p class="tip">好友扫描二维码可直接注册</p>
|
||||
|
||||
<div class="saveCode" style="color:blue">您的邀请ID: {$user.phone}</div>
|
||||
</div>
|
||||
<div class="inviteaward">
|
||||
<div class="iatop">
|
||||
<div class="left">我的邀请奖励</div>
|
||||
<div class="right">
|
||||
<a href="/index/user/extend"><span>查看我的邀请</span></a>
|
||||
<i class="iconfont icon-arrow-right"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rule">
|
||||
<div class="rtitle">邀请规则</div>
|
||||
<div class="cont">
|
||||
<p>1.本活动永久有效，欢迎参与</p>
|
||||
|
||||
<p>2.推荐名额可累计计算</p>
|
||||
|
||||
<p>3.满足条件后，请联系在线客服申请奖励</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/font.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/qrcode.js"></script>
|
||||
<script type="text/javascript">
|
||||
var qrcode = new QRCode('qrcode', {
|
||||
text: "{$url}/index/login/reg?invite={$user.id}",
|
||||
width: '100',
|
||||
height: '100',
|
||||
colorDark: '#000000',
|
||||
colorLight: '#ffffff',
|
||||
correctLevel: QRCode.CorrectLevel.H
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
42
application/index/view/user/scan.html
Executable file
42
application/index/view/user/scan.html
Executable file
@ -0,0 +1,42 @@
|
||||
{include file="public/header" nav="充值"}
|
||||
{if condition="$_GET['type'] eq 'wechat'"}
|
||||
<div class="mobile" style="background-color: #00C800;">
|
||||
<div class="othertop">
|
||||
<a class="goback" href="/index/user/index">
|
||||
<img src="__ROOT__/static/theme/index/img/goback.png" />
|
||||
</a>
|
||||
<div class="othertop-font">微信扫码充值</div>
|
||||
</div>
|
||||
<div class="header-nbsp"></div>
|
||||
<div style="color:#fff;text-align: center;font-size: .4rem;padding: 20px 0;">
|
||||
微信充值 {$money} 元
|
||||
</div>
|
||||
<div style="width: 96%;padding: 0 2%;">
|
||||
<img src="{:getInfo('qr_wechat_img')}?k={:rand(1,99999)}" width="100%"/>
|
||||
</div>
|
||||
<div style="padding: .2rem .4rem .4rem;font-size: .32rem;color:#fff;line-height: .5rem;background-color: #00C800;">
|
||||
{:getInfo('qr_wechat')}
|
||||
</div>
|
||||
</div>
|
||||
{else/}
|
||||
<div class="mobile" style="background-color: #00A0E9;">
|
||||
<div class="othertop">
|
||||
<a class="goback" href="/index/user/index">
|
||||
<img src="__ROOT__/static/theme/index/img/goback.png" />
|
||||
</a>
|
||||
<div class="othertop-font">支付宝扫码充值</div>
|
||||
</div>
|
||||
<div class="header-nbsp"></div>
|
||||
<div style="color:#fff;text-align: center;font-size: .4rem;padding: 20px 0;">
|
||||
支付宝充值 {$money} 元
|
||||
</div>
|
||||
<div style="width: 96%;padding: 0 2%;">
|
||||
<img src="{:getInfo('qr_alipay_img')}?k={:rand(1,99999)}" width="100%"/>
|
||||
</div>
|
||||
<div style="padding:.2rem .4rem .4rem;font-size: .32rem;color:#fff;line-height: .5rem;background-color: #00A0E9;">
|
||||
{:getInfo('qr_alipay')}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</body>
|
||||
</html>
|
||||
38
application/index/view/user/set_account.html
Executable file
38
application/index/view/user/set_account.html
Executable file
@ -0,0 +1,38 @@
|
||||
{include file="public/header" nav="账户安全"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="f_box_bank">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>账户安全</i></span>
|
||||
</div>
|
||||
<div class="f_content">
|
||||
<div class="list">
|
||||
<div class="item">
|
||||
<span>用户名</span>
|
||||
<span class="right">{$user.phone}</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href="/index/user/pwd_login">
|
||||
<span>修改登录密码</span>
|
||||
<i class="iconfont icon-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href="/index/user/pwd_pay">
|
||||
<span>修改支付密码</span>
|
||||
<i class="iconfont icon-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
679
application/index/view/user/trade.html
Executable file
679
application/index/view/user/trade.html
Executable file
@ -0,0 +1,679 @@
|
||||
{include file="public/header" nav="交易中心"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/theme/index/css/mine.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/theme/index/css/footer.css"/>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/font.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/public.js"></script>
|
||||
<script src="__ROOT__/static/theme/index/js/autorem.js"></script>
|
||||
</head>
|
||||
<style type="text/css">
|
||||
.bar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
height: 45px;
|
||||
color: #fff;
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
#alltit {
|
||||
position: absolute;
|
||||
z-index: 19;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
line-height: 45px;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
}
|
||||
.page, .page-group {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
background-color: #efefed;
|
||||
overflow: hidden;
|
||||
}
|
||||
#main_content {
|
||||
padding-bottom: 1rem;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.btndlist {
|
||||
overflow: hidden;
|
||||
width: 94%;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
}
|
||||
.btndlist .active {
|
||||
color: #0084FF;
|
||||
}
|
||||
.btndlist li {
|
||||
float: left;
|
||||
margin: 0 0.2rem;
|
||||
color: #000000;
|
||||
font-size: 14px;
|
||||
line-height: 0.8rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.info-list {
|
||||
overflow: hidden;
|
||||
height: 90px;
|
||||
width: 94%;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 10px;
|
||||
background-color: #4c586a;
|
||||
}
|
||||
#chart_line{
|
||||
width: 94%!important;
|
||||
}
|
||||
.paybox {
|
||||
position: fixed;
|
||||
width: 10rem;
|
||||
bottom: 0;
|
||||
height: 9.6rem;
|
||||
left: 50%;
|
||||
margin-left: -5rem;
|
||||
background-color: #f5f5f5;
|
||||
z-index: 21;
|
||||
border: 0.02666rem solid #dedede;
|
||||
box-sizing: border-box;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.paybox .title {
|
||||
width: 100%;
|
||||
height: 1.3rem;
|
||||
border-bottom: 0.02666rem solid #dedede;
|
||||
font: 0.44rem/1.3rem '微软雅黑';
|
||||
color: #333;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.paybox .title .c_lose {
|
||||
position: absolute;
|
||||
font: 0.7rem/1rem '微软雅黑';
|
||||
color: #000;
|
||||
top: 0;
|
||||
right: 0rem;
|
||||
width: 1.3rem;
|
||||
}
|
||||
|
||||
.paybox .passwordli {
|
||||
width: 86%;
|
||||
margin: 0.4rem auto;
|
||||
border: 0.02666rem solid #cacaca;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.paybox .passwordli li {
|
||||
height: 1rem;
|
||||
float: left;
|
||||
width: 16.66666%;
|
||||
box-sizing: border-box;
|
||||
border-right: 0.02666rem solid #dedede;
|
||||
text-align: center;
|
||||
font: 0.6rem/1rem '微软雅黑';
|
||||
}
|
||||
|
||||
.paybox .tit {
|
||||
font: 0.3rem/0.3rem '微软雅黑';
|
||||
color: #289c9c;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.paybox .passwordbtn {
|
||||
width: 100%;
|
||||
margin: 0.5rem auto;
|
||||
background-color: #fafafa;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.paybox .passwordbtn li {
|
||||
width: 33.33333%;
|
||||
float: left;
|
||||
height: 1.4rem;
|
||||
font: 0.5rem/1.4rem '微软雅黑';
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
border-right: 0.02666rem solid #c6c6c6;
|
||||
border-bottom: 0.02666rem solid #c6c6c6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.paybox .passwordbtn li:nth-child(3n) {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.paybox .passwordbtn li:nth-child(10),
|
||||
.paybox .passwordbtn li:nth-child(11),
|
||||
.paybox .passwordbtn li:nth-child(12) {
|
||||
border-bottom: none;
|
||||
background-color: #d2d5da;
|
||||
}
|
||||
|
||||
.paybox .passwordbtn li:nth-child(11) {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.paybox .passwordbtn li:nth-child(12) {
|
||||
background: url("/static/theme/index/img/passdel.png") no-repeat center center/0.7rem 0.5rem;
|
||||
background-color: #d2d5da;
|
||||
}
|
||||
|
||||
.shade {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
z-index: 20;
|
||||
display: none;
|
||||
}
|
||||
/* tipMask CSS */
|
||||
.tipMask {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(95, 95, 95, 0.3);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.tipMask .cont {
|
||||
width: 5.1rem;
|
||||
padding: .42rem .6rem .5rem;
|
||||
border-radius: 5px;
|
||||
background-color: #FFFFFF;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -3.15rem;
|
||||
margin-top: -1.8rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tipMask .cont .title {
|
||||
font-size: .34rem;
|
||||
line-height: .48rem;
|
||||
color: #191919;
|
||||
}
|
||||
|
||||
.tipMask .cont .stitle {
|
||||
font-size: .3rem;
|
||||
line-height: .42rem;
|
||||
color: #606060;
|
||||
margin-top: .36rem;
|
||||
}
|
||||
|
||||
.tipMask .cont .confirm {
|
||||
width: 100%;
|
||||
height: .88rem;
|
||||
background-color: #EF6F6C;
|
||||
border-radius: 4px;
|
||||
font-size: .34rem;
|
||||
color: #fff;
|
||||
line-height: .88rem;
|
||||
text-align: center;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<header class="bar bar-nav">
|
||||
<a id="alltit">交易中心</a>
|
||||
<a href="/index/user/fund" style="font-weight: normal!important;line-height:45px;padding: 0;padding-right: 0.4rem;font-size: 14px;float: right;position: relative;z-index:20;color: #fff;">交易明细</a>
|
||||
</header>
|
||||
<div class="page">
|
||||
<div class="content" id="main_content">
|
||||
<div style="width: 94%;margin: 1.2rem 3% 0 3%;background: #fff;padding-bottom:0;border-top-right-radius: 0.2rem;border-top-left-radius: 0.2rem">
|
||||
<div style="color: #333;font-size:18px;font-weight: bold;padding: 0.3rem 0.3rem 0;">BTC</div>
|
||||
<div style="font-size: 32px;color: #01BD8B;padding: 0 0.3rem;">
|
||||
<font class="BTCprice" style="color: rgb(245, 104, 103);">0.00</font>
|
||||
<span style="font-size:16px; color: rgb(245, 104, 103); margin-left: 0.3rem;" class="BTCudbfb">0.00%</span>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="btndlist">
|
||||
<a href="/index/user/trade?per=1">
|
||||
<li>分钟线</li>
|
||||
</a>
|
||||
<a href="/index/user/trade?per=60">
|
||||
<li>小时线</li>
|
||||
</a>
|
||||
<a href="/index/user/trade?per=1440">
|
||||
<li>日线</li>
|
||||
</a>
|
||||
</ul>
|
||||
<div id="chart_line" class="info-list" style="margin: 0 auto;border-bottom-left-radius: 0.2rem;border-bottom-right-radius: 0.2rem;padding:0.2rem 0;background-color: #fff">
|
||||
</div>
|
||||
<div style="width: 90%;padding: 0.3rem 2%;background-color: #fff;margin:0.25rem auto;border-radius: 5px">
|
||||
<span style="font-size: 14px;color: #000000;margin-left: 5px">BTC钱包</span>
|
||||
<span style="float: right;color: #333;font-size:15px;" class="confye">{$user.btc}</span>
|
||||
</div>
|
||||
<div style="width: 90%;padding: 0.2rem 2%;background-color: #fff;margin:0.25rem auto;border-radius: 5px">
|
||||
<input type="text" style="background-color: transparent;text-indent: 0.2rem;border:1px solid rgba(0,0,0,0.3);width: 4rem;height: 0.7rem;line-height:0.7rem;border:none;color: #000000;font-size: 14px" oninput="bindinput($(this))" placeholder="请输入出售数量" />
|
||||
<span button="" type="button" onclick="All($(this))" style="color: #0084FF;display:inline-block; border-radius:0.25rem ; text-align: center; float:right;font-size: 14px;font-weight: bold;margin-right: 0rem;line-height:0.6rem;cursor:pointer;font-weight: normal"> 全部出售 </span>
|
||||
</div>
|
||||
<div button="" id="confirm recharge" type="button" onclick="ajaxinput()" style="width: 94%!important;text-align:center; color:#fff;margin:0.5rem auto; height: 1rem; border-radius: 5px; line-height: 1rem; font-size: 14px;font-weight: bold;width: 100%;background: #F56867;">确认出售</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tipMask hide" style="z-index:999999999999999999">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='trade'}
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/echarts.min.js"></script>
|
||||
<script>
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else {
|
||||
var btn = '<div class="confirm guanbi" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
|
||||
var buynum = '';
|
||||
function All(that) {
|
||||
that.prev('input').val($('.confye').text())
|
||||
buynum = $('.confye').text();
|
||||
}
|
||||
|
||||
function bindinput(that) {
|
||||
if (!that.val()) {
|
||||
buynum = '';
|
||||
return;
|
||||
} else {
|
||||
buynum = that.val().replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d\d\d\d\d\d\d).*$/, '$1$2.$3').replace(/^\./g, '');
|
||||
that.val(buynum)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function ajaxinput(){
|
||||
if (!buynum || buynum == 0) {
|
||||
msg("提示", "请输入出售数量！", 1);
|
||||
return
|
||||
}
|
||||
|
||||
if (buynum < 0.000001) {
|
||||
msg("提示", "BTC最小出售单位为0.00000100！", 1);
|
||||
return
|
||||
}
|
||||
$.ajax({
|
||||
url: "/index/user/tradeBTC",
|
||||
type: "post",
|
||||
data: { 'buynum': buynum},
|
||||
success: function (data) {
|
||||
if (data.code == 1) {
|
||||
msg("提示", "出售成功！", 1);
|
||||
window.location.href = '/index/user/index';
|
||||
} else {
|
||||
msg("错误", data.info, 1);
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
msg("错误", "网络异常！", 1);
|
||||
},
|
||||
comptele: function () {
|
||||
msg("错误", "网络异常！", 1);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
var fontSize = $('html').attr('style').split(':')[1].split('px')[0];
|
||||
var PerIod_BTCdt = window.location.href.split('=')[1];
|
||||
var zoomStart = 94;
|
||||
if (!PerIod_BTCdt) {
|
||||
PerIod_BTCdt = 1;
|
||||
}
|
||||
if (PerIod_BTCdt == 1) {
|
||||
$('.btndlist a li').eq(0).addClass('active')
|
||||
}
|
||||
if (PerIod_BTCdt == 60) {
|
||||
$('.btndlist a li').eq(1).addClass('active')
|
||||
}
|
||||
if (PerIod_BTCdt == 1440) {
|
||||
//zoomStart = 0;
|
||||
$('.btndlist a li').eq(2).addClass('active')
|
||||
}
|
||||
// var PerIod_BTCdt = 60;
|
||||
$('#chart_line').css({
|
||||
width: fontSize * 9.3 + 'px',
|
||||
height: fontSize * 6 + 'px'
|
||||
});
|
||||
var dom = document.getElementById("chart_line");
|
||||
var KLineChart = echarts.init(dom);
|
||||
var app = {};
|
||||
var RiseColor = '#F56867';
|
||||
var RiseBorderColor = '#C14E48';
|
||||
var FallColor = '#01BD8B';
|
||||
var FallBorderColor = '#2D8288';
|
||||
var KLineTimes = {};
|
||||
var KLineDates = {};
|
||||
var KLineValues = {};
|
||||
var option = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
position: function(point, params, dom, rect, size) {
|
||||
// 鼠标坐标和提示框位置的参考坐标系是：以外层div的左上角那一点为原点，x轴向右，y轴向下
|
||||
// 提示框位置
|
||||
var x = 0; // x坐标位置
|
||||
var y = 0; // y坐标位置
|
||||
// 当前鼠标位置
|
||||
var pointX = point[0];
|
||||
var pointY = point[1];
|
||||
// 提示框大小
|
||||
var boxWidth = size.contentSize[0];
|
||||
var boxHeight = size.contentSize[1];
|
||||
// boxWidth > pointX 说明鼠标左边放不下提示框
|
||||
if (boxWidth > pointX) {
|
||||
x = 5;
|
||||
} else { // 左边放的下
|
||||
x = pointX - boxWidth;
|
||||
}
|
||||
// boxHeight > pointY 说明鼠标上边放不下提示框
|
||||
if (boxHeight > pointY) {
|
||||
y = 5;
|
||||
} else { // 上边放得下
|
||||
y = pointY - boxHeight;
|
||||
}
|
||||
return [x, y];
|
||||
},
|
||||
axisPointer: {
|
||||
type: 'cross'
|
||||
},
|
||||
formatter: function(params, ticket, callback) {
|
||||
var result = '时间： ' + params[0].name + "<br/>";
|
||||
params.forEach(function(item) {
|
||||
if (item.seriesName == "KLineValues") {
|
||||
result += item.marker + " " + '开盘价： ' + item.data[1] + '<br/>' +
|
||||
item.marker + " " + '最高价： ' + item.data[4] + '<br/>' +
|
||||
item.marker + " " + '最底价： ' + item.data[3] + '<br/>' +
|
||||
item.marker + " " + '收盘价： ' + item.data[2] + '<br/>';
|
||||
} else {
|
||||
result += item.marker + " " + item.seriesName + " ： " + item.value.toString().substring(0, 7) + "</br>"; //item.marker + " " +
|
||||
}
|
||||
});
|
||||
return result;
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
data: ['MA5', 'MA10', 'MA20'],
|
||||
textStyle: { //图例文字的样式
|
||||
color: '#7886B0'
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '15%',
|
||||
bottom: '12%',
|
||||
top: '10%',
|
||||
right: '6%'
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: KLineDates,
|
||||
scale: true,
|
||||
// boundaryGap: true,
|
||||
axisLabel: { //label文字设置
|
||||
color: '#7886B0'
|
||||
},
|
||||
axisLine: {
|
||||
onZero: false,
|
||||
lineStyle: {
|
||||
color: '#152451',
|
||||
width: 1, //这里是为了突出显示加上的
|
||||
}
|
||||
},
|
||||
axisTick: {
|
||||
// length:25
|
||||
},
|
||||
splitLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: ['#152451'],
|
||||
width: 1,
|
||||
type: 'solid'
|
||||
}
|
||||
},
|
||||
//axisLabel:{interval: 10},
|
||||
splitNumber: 10,
|
||||
//min: 'dataMin',
|
||||
//max: 'dataMax'
|
||||
},
|
||||
yAxis: {
|
||||
scale: true,
|
||||
axisLabel: { //label文字设置
|
||||
color: '#7886B0',
|
||||
},
|
||||
axisLine: {
|
||||
onZero: false,
|
||||
lineStyle: {
|
||||
color: '#152451',
|
||||
width: 1, //这里是为了突出显示加上的
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: ['#152451'],
|
||||
width: 1,
|
||||
type: 'solid'
|
||||
}
|
||||
}
|
||||
},
|
||||
dataZoom: [{
|
||||
type: 'inside',
|
||||
// start: (720 - 36) / 720 * 100,
|
||||
start: zoomStart,
|
||||
end: 100
|
||||
}, {
|
||||
show: false,
|
||||
type: 'slider',
|
||||
y: '90%',
|
||||
start: 98,
|
||||
end: 100
|
||||
}],
|
||||
series: [{
|
||||
name: 'KLineValues',
|
||||
type: 'candlestick',
|
||||
data: KLineValues,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: RiseColor,
|
||||
color0: FallColor,
|
||||
borderColor: RiseBorderColor,
|
||||
borderColor0: FallBorderColor
|
||||
}
|
||||
},
|
||||
}, {
|
||||
name: 'MA5',
|
||||
type: 'line',
|
||||
data: [],
|
||||
symbol: 'none',
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
normal: {
|
||||
opacity: 1
|
||||
}
|
||||
},
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: "#F2E943",
|
||||
lineStyle: {
|
||||
width: 1, //设置线条粗细
|
||||
color: '#F2E943'
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'MA10',
|
||||
type: 'line',
|
||||
data: [],
|
||||
symbol: 'none',
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
normal: {
|
||||
opacity: 1
|
||||
}
|
||||
},
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: "#A3D276", //图例的颜色
|
||||
lineStyle: {
|
||||
width: 1, //设置线条粗细
|
||||
color: '#A3D276' //线的颜色
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'MA20',
|
||||
type: 'line',
|
||||
data: [],
|
||||
symbol: 'none',
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
normal: {
|
||||
opacity: 1
|
||||
}
|
||||
},
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: "#56AACC", //图例的颜色
|
||||
lineStyle: {
|
||||
width: 1, //设置线条粗细
|
||||
color: '#56AACC' //线的颜色
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
]
|
||||
};
|
||||
KLineChart.showLoading();
|
||||
if (option && typeof option === "object") {
|
||||
KLineChart.setOption(option, {
|
||||
notMerge: false,
|
||||
lazyUpdate: true,
|
||||
silent: false
|
||||
});
|
||||
}
|
||||
GetRealTimeDatas(720);
|
||||
KLineChart.hideLoading();
|
||||
$(function() {
|
||||
setInterval(function() {
|
||||
GetRealTimeDatas(2)
|
||||
}, 10000);
|
||||
});
|
||||
function CallMa(dayCount) {
|
||||
var result = [];
|
||||
for (var i = 0, len = KLineValues.length; i < len; i++) {
|
||||
if (i < dayCount) {
|
||||
result.push('-');
|
||||
continue;
|
||||
}
|
||||
var sum = 0;
|
||||
for (var j = 0; j < dayCount; j++) {
|
||||
sum += Number(KLineValues[i - j][1]);
|
||||
}
|
||||
sum = sum / dayCount;
|
||||
result.push(sum.toFixed(4));
|
||||
}
|
||||
return result;
|
||||
}
|
||||
function GetRealTimeDatas(RequestNum) {
|
||||
$.ajax({
|
||||
url: "/index/index/MarketDatas",
|
||||
type: 'post',
|
||||
data: {
|
||||
'coin_id': 1,
|
||||
'period': PerIod_BTCdt,
|
||||
'coin_nums': RequestNum
|
||||
},
|
||||
datatype: 'json',
|
||||
success: function(data) {
|
||||
if (data.data.data.length > 0) {
|
||||
var temp = data.data;
|
||||
console.log(temp)
|
||||
if (temp.chg > 0) {
|
||||
$('.BTCprice,.BTCudbfb').css('color', 'rgb(245,104,103)');
|
||||
} else if (temp.chg < 0) {
|
||||
$('.BTCprice,.BTCudbfb').css('color', '#01BD8B');
|
||||
} else {
|
||||
$('.BTCprice,.BTCudbfb').css('color', '#000000');
|
||||
}
|
||||
$('.BTCprice').text(temp.lastprice);
|
||||
$('.BTCudbfb').text(temp.chg + '%');
|
||||
if (KLineValues.length > 0) {
|
||||
var i = 0;
|
||||
var len = temp.time.length;
|
||||
var time_len = KLineTimes.length;
|
||||
for (; i < len; i++) {
|
||||
if (KLineTimes[time_len - 1] <= temp.time[i]) {
|
||||
if (KLineTimes[time_len - 1] == temp.time[i]) {
|
||||
KLineTimes[time_len - 1] = temp.time[i];
|
||||
KLineDates[time_len - 1] = temp.date[i];
|
||||
KLineValues[time_len - 1] = temp.data[i];
|
||||
i++;
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
for (; i < len; i++) {
|
||||
KLineTimes.push(temp.time[i]);
|
||||
KLineDates.push(temp.date[i]);
|
||||
KLineValues.push(temp.data[i]);
|
||||
KLineTimes.shift();
|
||||
KLineDates.shift();
|
||||
KLineValues.shift();
|
||||
}
|
||||
} else {
|
||||
KLineTimes = temp.time;
|
||||
KLineDates = temp.date;
|
||||
KLineValues = temp.data;
|
||||
}
|
||||
KLineChart.setOption({
|
||||
xAxis: {
|
||||
data: KLineDates
|
||||
},
|
||||
series: [{
|
||||
// 根据名字对应到相应的系列
|
||||
data: KLineValues
|
||||
}, {
|
||||
data: CallMa(5)
|
||||
}, {
|
||||
data: CallMa(10)
|
||||
}, {
|
||||
data: CallMa(20)
|
||||
}]
|
||||
});
|
||||
} else {
|
||||
/*layer.msg('加载数据失败！', {
|
||||
icon: 5,
|
||||
time: 2000
|
||||
});*/
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
244
application/index/view/user/verified.html
Executable file
244
application/index/view/user/verified.html
Executable file
@ -0,0 +1,244 @@
|
||||
{include file="public/header" nav="实名认证"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/tipmask.css">
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/box_pay.css">
|
||||
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
|
||||
<style>
|
||||
.upload{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
background-color:transparent;
|
||||
}
|
||||
.myfile{
|
||||
/*opacity: 0;*/
|
||||
/*width:10px;*/
|
||||
/*display:hidden;*/
|
||||
display:none;
|
||||
}
|
||||
.myfile1{
|
||||
/*opacity: 0;*/
|
||||
/*width:10px;*/
|
||||
/*display:hidden;*/
|
||||
display:none;
|
||||
}
|
||||
</style>
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content">
|
||||
<div class="f_box_addbank">
|
||||
<div class="t_header">
|
||||
<span><img src="__ROOT__/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>实名认证</i></span>
|
||||
</div>
|
||||
<div class="f_content">
|
||||
<div style="padding: 1rem;text-align: center;">
|
||||
{if condition="$user['rz_status'] eq 0"}
|
||||
<p><img class="img" src="/static/wap/images/status_0.png" alt="" style="width:195px"/></p>
|
||||
{/if}
|
||||
{if condition="$user['rz_status'] eq 1"}
|
||||
<p><img class="img" src="/static/wap/images/status_1.png" alt="" style="width:195px"/></p>
|
||||
{/if}
|
||||
{if condition="$user['rz_status'] eq 2"}
|
||||
<p><img class="img" src="/static/wap/images/status_2.png" alt="" style="width:195px"/></p>
|
||||
{/if}
|
||||
{if condition="$user['rz_status'] eq 3"}
|
||||
<p><img class="img" src="/static/wap/images/status_3.png" alt="" style="width:195px"/></p>
|
||||
{/if}
|
||||
</div>
|
||||
{if condition="$user['rz_status'] eq 1 or $user['rz_status'] eq 2"}
|
||||
<ul>
|
||||
<li>
|
||||
<label>姓名</label>
|
||||
<span>{$user.name}</span>
|
||||
</li>
|
||||
<li>
|
||||
<label>身份证号</label>
|
||||
<span>{$user.idcard}</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="upload">
|
||||
<label for="myfile" style="margin-left: 2.5%;width:46%;position:relative;display:inline-block;">
|
||||
<img id="uploadAdd" style="width: 100%;height:100px;border-radius: 7px;" src="{$user.z_id_card}" alt="">
|
||||
</label>
|
||||
<label for="myfile1" style="margin-left: 3%;width:46%;relative;display:inline-block;">
|
||||
<img id="uploadAdd1" style="width:100%;height:100px;border-radius: 7px;" src="{$user.f_id_card}" alt="">
|
||||
</label>
|
||||
</div>
|
||||
<!--<div class="sure">-->
|
||||
<!-- <button id="sub_btn" type="button" class="el-button el-button--danger">确认 </button>-->
|
||||
<!--</div>-->
|
||||
{else /}
|
||||
<ul>
|
||||
<li>
|
||||
<label>姓名</label>
|
||||
<span><input type="text" name="name" id="name" value="" placeholder="输入姓名" onfocus="this.placeholder=''" onblur="this.placeholder='输入姓名'"></span>
|
||||
</li>
|
||||
<li>
|
||||
<label>身份证号</label>
|
||||
<span><input type="text" name="idcard" id="idcard" value="" placeholder="输入身份证号" onfocus="this.placeholder=''" onblur="this.placeholder='输入身份证号'"></span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="upload">
|
||||
<label for="myfile" style="margin-left: 2.5%;width:46%">
|
||||
<img id="uploadAdd" style="width: 100%;height:100px;border-radius: 7px;" src="" alt="">
|
||||
<input type="file" name="myfile" id="myfile" class="myfile" onclick="handl(1)">
|
||||
<input type="hidden" id="z_id_card" name="z_id_card">
|
||||
</label>
|
||||
<label for="myfile1" style="margin-left: 3%;width:46%">
|
||||
<img id="uploadAdd1" style="width:100%;height:100px;border-radius: 7px;" src="" alt="">
|
||||
<input type="file" name="myfile1" id="myfile1" class="myfile1" onclick="handl(1)">
|
||||
<input type="hidden" id="f_id_card" name="f_id_card">
|
||||
</label>
|
||||
</div>
|
||||
<div class="sure">
|
||||
<button id="sub_btn" type="button" class="el-button el-button--danger">确认 </button>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='user'}
|
||||
</div>
|
||||
</div>
|
||||
<div class="tipMask hide">
|
||||
<div class="cont">
|
||||
<p class="title">温馨提示</p>
|
||||
<p class="stitle contents"></p>
|
||||
<div id="msgBtn">
|
||||
<div class="confirm guanbi">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
<script>
|
||||
let myfile = $('#myfile')
|
||||
let uoload_add=$('#uploadAdd')
|
||||
myfile.parent().css({
|
||||
'position': 'relative',
|
||||
'display': 'inline-block'
|
||||
})
|
||||
// myfile.css({
|
||||
// 'position': 'absolute',
|
||||
// 'left': '0',
|
||||
// 'right': '0',
|
||||
// 'top': '0',
|
||||
// 'bottom': '0',
|
||||
// 'opacity': '0'
|
||||
// })
|
||||
/**
|
||||
* @description: 封装fetch
|
||||
* @param {Object} FetchConfig fetch config
|
||||
* @return {Promise} fetch result
|
||||
*/
|
||||
const requestApi = ({
|
||||
url,
|
||||
method = 'POST',
|
||||
...fetchProps
|
||||
}) => {
|
||||
return fetch(url, {
|
||||
method,
|
||||
...fetchProps
|
||||
})
|
||||
//返回请求成功的结果
|
||||
.then(res => res && res.status === 200 && res.json())
|
||||
.catch(err => alert('未知错误'))
|
||||
.then(res => res)
|
||||
}
|
||||
const handleUploadFile = (formData = {}) =>
|
||||
requestApi({
|
||||
url: `/index/plugs/upload`,
|
||||
method: 'POST',
|
||||
body: formData
|
||||
})
|
||||
myfile.change(function() {
|
||||
let files = this.files[0]
|
||||
let formData = new FormData()
|
||||
formData.append('file', files) //这里面的'file'改成你需要的关键字
|
||||
console.log(formData);
|
||||
handleUploadFile(formData)
|
||||
.then(res => {
|
||||
console.log(res.url);
|
||||
uoload_add.attr('src',res.url)
|
||||
$('#z_id_card').val(res.url);
|
||||
}).catch(err => alert('出错'))
|
||||
})
|
||||
|
||||
let myfile1 = $('#myfile1');
|
||||
let uoload_add1=$('#uploadAdd1');
|
||||
myfile1.parent().css({
|
||||
'position': 'relative',
|
||||
'display': 'inline-block'
|
||||
})
|
||||
myfile1.change(function() {
|
||||
let files = this.files[0]
|
||||
let formData = new FormData()
|
||||
formData.append('file', files) //这里面的'file'改成你需要的关键字
|
||||
console.log(formData);
|
||||
handleUploadFile(formData)
|
||||
.then(res => {
|
||||
console.log(res.url);
|
||||
uoload_add1.attr('src',res.url)
|
||||
$('#f_id_card').val(res.url);
|
||||
}).catch(err => alert('出错'))
|
||||
})
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
let uoload_add=$('#uploadAdd')
|
||||
uoload_add.attr('src',"{$user['rz_status']>0 && $user['rz_status']<3&& $user['z_id_card']?$user['z_id_card']:'/static/wap/images/z_idcard.png'}")
|
||||
|
||||
let uoload_add1=$('#uploadAdd1')
|
||||
uoload_add1.attr('src',"{$user['rz_status']>0 && $user['rz_status']<3 && $user['f_id_card']?$user['f_id_card']:'/static/wap/images/f_idcard.png'}")
|
||||
$("#sub_btn").on("click", function () {
|
||||
var name = $("#name").val();
|
||||
var idcard = $("#idcard").val();
|
||||
var z_id_card = $("#z_id_card").val();
|
||||
var f_id_card = $("#f_id_card").val();
|
||||
if (name.length < 2) {
|
||||
msg("错误", "输入姓名！", 1);
|
||||
return false;
|
||||
}
|
||||
if (idcard.length < 15) {
|
||||
msg("错误", "输入身份证号！", 1);
|
||||
return false;
|
||||
}
|
||||
if (z_id_card.length < 1) {
|
||||
msg("错误", "上传身份证正面！", 1);
|
||||
return false;
|
||||
}
|
||||
if (f_id_card.length < 1) {
|
||||
msg("错误", "上传身份证反面！", 1);
|
||||
return false;
|
||||
}
|
||||
var url = "/index/user/verified";
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url : url,
|
||||
data: {'name':name,'idcard':idcard,'z_id_card':z_id_card,'f_id_card':f_id_card},
|
||||
dataType : "json",
|
||||
success : function(result){
|
||||
if(result.code == 1){
|
||||
window.location.href = "/index/user/index"
|
||||
}else{
|
||||
msg("提示",result.info,1);
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
})
|
||||
|
||||
function msg(title, content, type, url) {
|
||||
$(".contents").html(content);
|
||||
if (type == 1) {
|
||||
var btn = '<div class="confirm guanbi" onclick="$(\'.tipMask\').hide();">确定</div>';
|
||||
}
|
||||
else {
|
||||
var btn = '<div class="confirm guanbi" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
||||
}
|
||||
$("#msgBtn").html(btn);
|
||||
$(".tipMask").show();
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
148
application/index/view/user/wallet.html
Executable file
148
application/index/view/user/wallet.html
Executable file
@ -0,0 +1,148 @@
|
||||
{include file="public/header" nav="我的钱包"}
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/theme/index/css/mine.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__ROOT__/static/theme/index/css/footer.css"/>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/font.js"></script>
|
||||
<script type="text/javascript" src="__ROOT__/static/theme/index/js/public.js"></script>
|
||||
</head>
|
||||
<style type="text/css">
|
||||
.bar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
height: 45px;
|
||||
color: #fff;
|
||||
background: linear-gradient(to right, #3476fe, #34c7fe) !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
#alltit {
|
||||
position: absolute;
|
||||
z-index: 19;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
line-height: 45px;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
}
|
||||
.page, .page-group {
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
background-color: #efefed;
|
||||
overflow: hidden;
|
||||
}
|
||||
#main_content {
|
||||
padding-bottom: 1rem;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.contentlist {
|
||||
overflow: hidden;
|
||||
width: 94%;
|
||||
margin: 150px auto;
|
||||
}
|
||||
.contentlist li {
|
||||
background-color: #fff;
|
||||
width: 49%;
|
||||
float: left;
|
||||
padding: 0.4rem 0;
|
||||
border-radius: 0.2rem;
|
||||
position: relative;
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
.contentlist li img {
|
||||
position: absolute;
|
||||
width: 28px;
|
||||
right: 0.22rem;
|
||||
top: 0.3rem;
|
||||
}
|
||||
.contentlist li .text1 {
|
||||
margin-left: .3rem;
|
||||
color: #000000;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
}
|
||||
.contentlist li .text2 {
|
||||
color: #000000;
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
margin-top: 0.2rem;
|
||||
margin-left: .3rem;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<header class="bar bar-nav">
|
||||
<a id="alltit">我的钱包</a>
|
||||
</header>
|
||||
<div class="page">
|
||||
<div class="content" id="main_content">
|
||||
<div style="width: 100%;height: 2rem;background: linear-gradient(to right, #3476FE, #34C7FE) !important;margin-bottom: 2.03rem;">
|
||||
</div>
|
||||
<div style="width:94%;margin: 0 3%;background:url('/static/theme/index/img/panbg.png') no-repeat center center;background-size: 100% 100%;height: 150px;position:absolute;top: 1.1rem;padding-top: 0.6rem;">
|
||||
<div style="font-size: 16px;color: #fff;margin-left: 0.4rem">账户余额(元)<img class="ybtn cur" src="/static/theme/index/img/yopen.png" style="width: 20px;margin-top:-0.05rem;margin-left: 0.1rem" alt=""></div>
|
||||
<div style="font-size: 28px;color: #fff;margin-left: 0.4rem;margin-top:0.1rem;">
|
||||
{$user.money}</div>
|
||||
<div style="width: 100%;overflow:hidden;position:absolute;bottom: 0.36rem">
|
||||
<a href="/index/user/recharge">
|
||||
<div style="float: left;width: 49.5%;text-align:center;font-size: 14px;color: #fff;border-right: 1px solid #fff">
|
||||
<img style="width: 25px;margin-top:-0.05rem;margin-right:0.1rem" src="/static/theme/index/img/czico.png" alt="">充值</div>
|
||||
</a>
|
||||
<a href="/index/user/cash">
|
||||
<div style="float:right;width: 50%;text-align:center;font-size: 14px;color: #fff">
|
||||
<img style="width: 25px;margin-top:-0.05rem;margin-right:0.1rem" src="/static/theme/index/img/txico.png" alt="">提现</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="contentlist">
|
||||
<li style="margin-right: 1%;">
|
||||
<img src="/static/theme/index/img/listico1.png" alt="">
|
||||
<span class="text1">矿机保证金</span>
|
||||
<span class="text2">{$kjbz}</span>
|
||||
</li>
|
||||
<li style="margin-left: 1%;">
|
||||
<img src="/static/theme/index/img/listico7.png" alt="">
|
||||
<span class="text1">合约保证金</span>
|
||||
<span class="text2">{$hybz}</span>
|
||||
</li>
|
||||
<li style="margin-right: 1%;">
|
||||
<img src="/static/theme/index/img/listico2.png" alt="">
|
||||
<span class="text1">BTC钱包</span>
|
||||
<span class="text2">{$user.btc}</span>
|
||||
</li>
|
||||
<li style="margin-left: 1%;">
|
||||
<img src="/static/theme/index/img/listico4.png" alt="">
|
||||
<span class="text1">BTC累计产量</span>
|
||||
<span class="text2">{$kjcl}</span>
|
||||
</li>
|
||||
<li style="margin-right: 1%;">
|
||||
<img src="/static/theme/index/img/listico3.png" alt="">
|
||||
<span class="text1">矿机收益</span>
|
||||
<span class="text2">{$kjsy}</span>
|
||||
</li>
|
||||
<li style="margin-left: 1%;">
|
||||
<img src="/static/theme/index/img/listico8.png" alt="">
|
||||
<span class="text1">合约收益</span>
|
||||
<span class="text2">{$hysy}</span>
|
||||
</li>
|
||||
<li style="margin-right: 1%;">
|
||||
<img src="/static/theme/index/img/listico5.png" alt="">
|
||||
<span class="text1">推荐奖励</span>
|
||||
<span class="text2">0.00</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="/static/theme/index/img/listico6.png" alt="">
|
||||
<span class="text1">获得积分</span>
|
||||
<span class="text2">{$user.integral}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='wallet'}
|
||||
</body>
|
||||
</html>
|
||||
244
application/index/view/user/yeb.html
Executable file
244
application/index/view/user/yeb.html
Executable file
@ -0,0 +1,244 @@
|
||||
{include file="public/header" nav="利息宝"}
|
||||
<script src="/static/plugs/layui/layui.all.js"></script>
|
||||
<div id="app">
|
||||
<div class="box">
|
||||
<div class="jun-content" style="height:100%">
|
||||
<div class="f_box_mine slide">
|
||||
<div class="t_header">
|
||||
<span><img src="/static/wap/images/goback.png" alt="" onClick="javascript:history.back()"></span>
|
||||
<span><i>利息宝</i></span>
|
||||
</div>
|
||||
<div style="display:block;position: relative;margin-top: 10px;background:#fff;border-radius:5px;width:96%;left:50%;transform:translate(-50%);">
|
||||
<div style="text-align:center;margin-top:30px;font-size:16px;color:gray;font-weight:700">总金额(元)</div>
|
||||
<div style="text-align:center;margin-top:10px;font-size:40px;font-weight:700">{$yuebaouc.balance}</div>
|
||||
<div style="text-align: center;"><small>可转出余额(元)：{$yuebaouc.trans_balance}</small></div>
|
||||
<div style="margin-top:10px">
|
||||
<div style="display:inline-block;width:33%;text-align:center;color:gray">
|
||||
<div>昨天收益(元)</div>
|
||||
<div>{$yuebaouc.preprofit}</div>
|
||||
</div>
|
||||
<div style="display:inline-block;width:33%;text-align:center;color:gray">
|
||||
<div>累计收益(元)</div>
|
||||
<div>{$yuebaouc.totalprofit}</div>
|
||||
</div>
|
||||
<div style="display:inline-block;width:33%;text-align:center;color:gray">
|
||||
<div>昨天余额</div>
|
||||
<div>{$yuebaouc.prebalance}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top:10px">
|
||||
<div style="height:70px;text-align:center;line-height:70px">
|
||||
<button style="height:40px;width:120px;margin-right:10px;color:#fff;font-size:16px;background:#90ee90" onclick="document.getElementById('trans').style.display='block'">转出</button>
|
||||
<button style="height:40px;width:120px;margin-left:10px;font-size:16px;color:#fff;background:#f08080" onclick="document.getElementById('comformsaving').style.display='block'">转入</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:block;position:relative;margin-top:10px;background:#fff;border-radius:5px;width:96%;left:50%;transform:translate(-50%);overflow-y: scroll;padding-bottom: 50px;">
|
||||
<div style="height:35px;line-height:35px;padding:10px;text-align:center">
|
||||
<span style="display:inline-block;width:30%;height:30px;background:gray;line-height:30px;text-align:center;color:#fff;border-radius:5px;margin:0 5px" onclick="change(1)" id="btnlist">方案明细</span>
|
||||
<span style="display:inline-block;width:30%;height:30px;background:green;line-height:30px;text-align:center;color:#fff;border-radius:5px;margin:0 5px" onclick="change(2)" id="btndoing">进行中</span>
|
||||
<span style="display:inline-block;width:30%;height:30px;background:gray;line-height:30px;text-align:center;color:#fff;border-radius:5px;margin:0 5px" onclick="change(3)" id="btnclosed">已结束</span>
|
||||
</div>
|
||||
<div style="padding:10px;text-align:center" id="inprocess" >
|
||||
{foreach $doinglist as $key=>$vo}
|
||||
<div style="border-radius:5px;box-shadow:0 0 2px 1px;margin: 10px 0;">
|
||||
<div style="display:block;height:30px;line-height:30px">
|
||||
<span style="float:left;margin-left:10px">产品名称：{$vo.yebtitle}:{$vo.money}元</span>
|
||||
<span style="float:right;margin-right:10px">当前收益：{$vo.nowprofit}元</span></div>
|
||||
<div style="display:block;height:30px;line-height:30px">
|
||||
<span style="float:left;margin-left:10px">办理时间：{$vo.start_time}</span>
|
||||
<span style="float:right;margin-right:10px">状态：{$vo.status=='1'?'进行中':''}</span>
|
||||
</div>
|
||||
<div style="display:block;height:30px;line-height:30px">
|
||||
<span style="float:left;margin-left:10px">预计收益：{$vo.finishprofit}元</span>
|
||||
<span style="float:right;margin-right:10px"><button onclick="yebstop({$vo.id})">终止</button> / <button onclick="yebkeep({$vo.id})">续期</button></span>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
{empty name='$doinglist'}<span class="notdata">没有记录哦</span>{/empty}
|
||||
</div>
|
||||
<div style="padding:10px;text-align:center;display:none;" id="yeblists">
|
||||
{foreach $yuebao as $key=>$vo}
|
||||
<div style="border-radius:5px;box-shadow:0 0 2px 1px;margin: 10px 0;">
|
||||
<div style="display:block;height:30px;line-height:30px">
|
||||
<span style="float:left;margin-left:10px">产品名称：{$vo.title}</span>
|
||||
<span style="float:right;margin-right:10px">最低存款：{$vo.lowmoney}元</span></div>
|
||||
<div style="display:block;height:30px;line-height:30px">
|
||||
<span style="float:left;margin-left:10px">收益率：{$vo.lily}%</span>
|
||||
<span style="float:right;margin-right:10px">预期收益：{$vo.finishprofit}元</span>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
{empty name='$yuebao'}<span class="notdata">暂无更多</span>{/empty}
|
||||
</div>
|
||||
<div style="padding:10px;text-align:center;display:none;" id="yebclosed">
|
||||
{foreach $closedlist as $key=>$vo}
|
||||
<div style="border-radius:5px;box-shadow:0 0 2px 1px;margin: 10px 0;">
|
||||
<div style="display:block;height:30px;line-height:30px">
|
||||
<span style="float:left;margin-left:10px">产品名称：{$vo.yebtitle}:{$vo.money}元</span>
|
||||
<span style="float:right;margin-right:10px">累计收益：{$vo.nowprofit}元</span></div>
|
||||
<div style="display:block;height:30px;line-height:30px">
|
||||
<span style="float:left;margin-left:10px">办理时间：{$vo.start_time}</span>
|
||||
<span style="float:right;margin-right:10px">状态：已到期结算</span></div>
|
||||
<div style="display:block;height:30px;line-height:30px">
|
||||
<span style="float:left;margin-left:10px">结束时间：{$vo.end_time}</span>
|
||||
<span style="float:right;margin-right:10px"><button>重新购买</button></span></div>
|
||||
</div>
|
||||
{/foreach}
|
||||
{empty name='$closedlist'}<span class="notdata">没有记录哦</span>{/empty}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;background:#fff;border-radius:10px;box-shadow:0 0 5px 2px grey" id="trans">
|
||||
<div style="text-align:center;height:50px;line-height:50px;font-size:16px;font-weight:700;color:gray;border-bottom:1px solid #d3d3d3;background: lavender;">
|
||||
利息宝转出</div>
|
||||
<div style="text-align:center;height:50px;line-height:50px;font-size:16px;font-weight:700;color:gray;border-bottom:1px dotted #d3d3d3">
|
||||
<span style="float:left;margin-left:10px">可转出余额:</span><span style="float:right;margin-right:10px"><span id="trans_money">{$yuebaouc.trans_balance}</span> 元</span></div>
|
||||
<div style="text-align:center;height:50px;line-height:50px;font-size:16px;font-weight:700;color:gray;border-bottom:1px dotted #d3d3d3">
|
||||
<span style="float:left;margin-left:10px">转出金额:</span>
|
||||
<span style=""><input style="width:40%" name="trans_money" placeholder="请输入金额"><span onclick="$('input[name=trans_money]').val($('#trans_money').html())">全部转出</span></span></div>
|
||||
<div style="text-align:center;height:50px;line-height:50px;font-size:16px;font-weight:700;color:gray;border-bottom:1px dotted #d3d3d3">
|
||||
<button style="line-height: 30px;width: 60px;margin: 0 5px;background: #e87f7f;color: white;border-radius: 5px;" onclick="document.getElementById('trans').style.display='none'">取消</button>
|
||||
<button onclick="trans()" style="line-height: 30px;width: 60px;margin: 0 5px;background: #2fb52f;border-radius: 5px;color: white;">提交</button>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:400px;background:#fff;border-radius:10px;box-shadow:0 0 5px 2px grey" id="comformsaving">
|
||||
<div style="text-align:center;height:50px;line-height:50px;font-size:16px;font-weight:700;color:gray;border-bottom:1px solid #d3d3d3;background: lavender;">
|
||||
办理利息宝存入</div>
|
||||
<div style="text-align:center;height:50px;line-height:50px;font-size:16px;font-weight:700;color:gray;border-bottom:1px dotted #d3d3d3">
|
||||
<span style="float:left;margin-left:10px">当前可用余额:</span><span style="float:right;margin-right:10px"><a id="mybalance" >{$userbalance}</a> 元</span></div>
|
||||
<div style="text-align:center;height:50px;line-height:50px;font-size:16px;font-weight:700;color:gray;border-bottom:1px dotted #d3d3d3">
|
||||
<span style="float:left;margin-left:10px">利息宝方案:</span>
|
||||
<span style="float:right;margin-right:10px;display:inline-block;width:150px;text-align:end">
|
||||
<select id="chooseid" style="width:120px;border:none">
|
||||
<option value="">请选择方案</option>
|
||||
{foreach $yuebao as $key=>$vo}
|
||||
<option id="op{$vo.id}" value="{$vo.id}" lily="{$vo.lily}" lowmoney="{$vo.lowmoney}" days="{$vo.days}">{$vo.title}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
</span>
|
||||
</div>
|
||||
<div style="text-align:center;height:50px;line-height:50px;font-size:16px;font-weight:700;color:gray;border-bottom:1px dotted #d3d3d3">
|
||||
<span style="float:left;margin-left:10px">收益率:</span>
|
||||
<span id="hilily" style="float:right;margin-right:10px"></span></div>
|
||||
<div style="text-align:center;height:50px;line-height:50px;font-size:16px;font-weight:700;color:gray;border-bottom:1px dotted #d3d3d3">
|
||||
<span style="float:left;margin-left:10px">存入金额:</span>
|
||||
<span style=""><input style="width:40%" name="money" id="money" placeholder="请输入金额"><span onclick="allin()">全部转入</span></span></div>
|
||||
<div style="text-align:center;height:50px;line-height:50px;font-size:16px;font-weight:700;color:gray;border-bottom:1px dotted #d3d3d3"><button style="line-height: 30px;width: 60px;margin: 0 5px;background: #e87f7f;color: white;border-radius: 5px;" onclick="document.getElementById('comformsaving').style.display='none'">取消</button><button onclick="joinnow()" style="line-height: 30px;width: 60px;margin: 0 5px;background: #2fb52f;border-radius: 5px;color: white;">提交</button>
|
||||
</div>
|
||||
</div>
|
||||
{include file="public/footer" menu='yeb'}
|
||||
<!--<script src="http://v.maku.fun/jquery.js"></script>-->
|
||||
<script>
|
||||
function change(id){
|
||||
if(id==1){
|
||||
$('#btnlist').css('background','green');
|
||||
$('#btndoing').css('background','gray');
|
||||
$('#btnclosed').css('background','gray');
|
||||
$('#yeblists').css('display','block');
|
||||
$('#inprocess').css('display','none');
|
||||
$('#yebclosed').css('display','none');
|
||||
}
|
||||
if(id==2){
|
||||
$('#btnlist').css('background','gray');
|
||||
$('#btndoing').css('background','green');
|
||||
$('#btnclosed').css('background','gray');
|
||||
$('#yeblists').css('display','none');
|
||||
$('#inprocess').css('display','block');
|
||||
$('#yebclosed').css('display','none');
|
||||
}
|
||||
if(id==3){
|
||||
$('#btnlist').css('background','gray');
|
||||
$('#btndoing').css('background','gray');
|
||||
$('#btnclosed').css('background','green');
|
||||
$('#yeblists').css('display','none');
|
||||
$('#inprocess').css('display','none');
|
||||
$('#yebclosed').css('display','block');
|
||||
}
|
||||
}
|
||||
function trans() {
|
||||
var money = $('input[name=trans_money]').val();
|
||||
if (money == '') {
|
||||
layer.msg('请填写转出金额!');
|
||||
return;
|
||||
}
|
||||
$.ajax({
|
||||
url: 'yebtrans',
|
||||
type: 'post',
|
||||
data: {money: money},
|
||||
dataType: 'json',
|
||||
success: function (res) {
|
||||
layer.msg(res.msg);
|
||||
if (res.code === 200) {
|
||||
setTimeout('location.reload()', 1000);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
function joinnow(){
|
||||
var yebid=$('#chooseid').val();
|
||||
var money=$('#money').val();
|
||||
if(yebid=="" || money==""){layer.msg("请选择方案和填写金额");return;}
|
||||
$.ajax({
|
||||
type:'post',
|
||||
url:'yebjoinnow',
|
||||
dataType: "json",
|
||||
data: { yebid: yebid, money: money },
|
||||
success: function (res) {
|
||||
console.log(res);
|
||||
layer.msg(res);
|
||||
setTimeout(location.reload(),1000);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
$(document).ready(function(){
|
||||
$("#chooseid").change(function(){
|
||||
var selected=$(this).children('option:selected').val()
|
||||
// alert(selected);
|
||||
var lily=$('#op'+selected).attr('lily');
|
||||
$('#hilily').text(lily+"%");
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
function yebstop(id){
|
||||
$.ajax({
|
||||
type:'post',
|
||||
url:'yebstop',
|
||||
data:{id:id},
|
||||
dataType: "json",
|
||||
success: function (res) {
|
||||
console.log(res);
|
||||
layer.msg(res);
|
||||
setTimeout(location.reload(),1000);
|
||||
}
|
||||
});
|
||||
}
|
||||
function yebkeep(id){
|
||||
$.ajax({
|
||||
type:'post',
|
||||
url:'yebkeep',
|
||||
data:{id:id},
|
||||
dataType: "json",
|
||||
success: function (res) {
|
||||
console.log(res);
|
||||
layer.msg(res);
|
||||
setTimeout(location.reload(),1000);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
function allin(){
|
||||
var mybalance=$('#mybalance').text();
|
||||
$('#money').val(mybalance);
|
||||
}
|
||||
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user