Merge branch 'feature/promote' of 47.111.118.107:/srv/git/platform into feature/promote
chenzhi
5 years ago
commit
537ed0857a
@ -1,442 +0,0 @@
|
||||
<extend name="Public/promote_base"/>
|
||||
<block name="css">
|
||||
<link href="__CSS__/20180207/account.css" rel="stylesheet" >
|
||||
</block>
|
||||
<block name="body">
|
||||
<div class="page-list normal_list promote-mychlid-list">
|
||||
<div class="trunk-title">
|
||||
<div class="location">
|
||||
<div class="location-container">当前位置：<span>管理中心></span><span>推广员管理</span></div>
|
||||
</div>
|
||||
<img src="__IMG__/20180207/icon_normal_ziqudao.png">
|
||||
<span class="title_main">推广员列表</span>
|
||||
</div>
|
||||
<div class="trunk-content article">
|
||||
<div class="trunk-search clearfix">
|
||||
<form action="{:U('Promote/mygrand',array('row'=>I('get.row')))}" method="post" enctype="multipart/form-data">
|
||||
<div class="form-group fl normal_space">
|
||||
<a href="{:U('Promote/add_chlid', ['type' => 2])}" class="submit btn"><i class="add_qudao"></i><span>添加推广员</span></a>
|
||||
</div>
|
||||
<div class="form-group fr">
|
||||
<input type="submit" class="submit normal_space" value="查询">
|
||||
</div>
|
||||
<div class="form-group fr normal_space">
|
||||
<select name="status" class="reselect select_gallery" style="width: 220px;" >
|
||||
<option value="all">请选择状态</option>
|
||||
<option value="1" <if condition="I('status') === '1'">selected</if>>启用</option>
|
||||
<option value="2" <if condition="I('status') === '2'">selected</if>>冻结中</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group fr normal_space">
|
||||
<input type="text" name="real_name" class="txt normal_txt" id="uid" placeholder="请输入姓名" value="{:I('real_name')}">
|
||||
</div>
|
||||
<div class="form-group fr normal_space">
|
||||
<input type="text" name="mobile" class="txt normal_txt" id="uid" placeholder="请输入手机号" value="{:I('mobile')}">
|
||||
</div>
|
||||
<div class="form-group fr normal_space">
|
||||
<input type="text" name="idcard" class="txt normal_txt" id="uid" placeholder="请输入身份证" value="{:I('idcard')}">
|
||||
</div>
|
||||
<div class="form-group fr normal_space">
|
||||
<input type="text" name="account" class="txt normal_txt" id="uid" placeholder="请输入帐号" value="{:I('account')}">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="trunk-list list_normal">
|
||||
<table class="table normal_table">
|
||||
<tr class="odd">
|
||||
<th>ID</th>
|
||||
<th>帐号</th>
|
||||
<th>真实姓名</th>
|
||||
<th>身份证</th>
|
||||
<th>手机号</th>
|
||||
<th>上级渠道</th>
|
||||
<th>昵称</th>
|
||||
<th>帐号状态</th>
|
||||
<th>创建时间</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
<empty name="list_data">
|
||||
<tr><td colspan="10" style="text-align: center;height: 45vh;"><img src="__IMG__/20180207/icon_wushujv2.png"/><p style="line-height: 40px;color: #A5A5A5;">暂无数据</p></td></tr>
|
||||
<else />
|
||||
<volist name="list_data" id="vo" mod="2">
|
||||
<tr data-id="{$vo.id}" class="<eq name='mod' value='1'>odd</eq>">
|
||||
<td>{$vo.id}</td>
|
||||
<td class="account">{$vo.account}</td>
|
||||
<td class="real-name">{$vo.real_name}</td>
|
||||
<td>{$vo.idcard}</td>
|
||||
<td>{$vo.mobile_phone}</td>
|
||||
<td><?= $parentPromotes[$vo['parent_id']] ?></td>
|
||||
<td>{$vo.nickname}</td>
|
||||
<td>
|
||||
<if condition="$vo['status'] eq 0">
|
||||
<span class="status_close">审核中</span>
|
||||
<elseif condition="$vo['status'] eq 1"/>
|
||||
启用
|
||||
<elseif condition="$vo['status'] eq 2"/>
|
||||
<span class="status_close">冻结中</span>
|
||||
<else />
|
||||
<span class="status_close">未知状态</span>
|
||||
</if>
|
||||
</td>
|
||||
<td>{$vo.create_time|date='Y-m-d H:i:s',###}</td>
|
||||
<td>
|
||||
<a href="{:U('Promote/edit_chlid','id='.$vo['id'])}" class="editbtn">修改</a>
|
||||
<if condition="$vo['status'] eq 1">
|
||||
<a href="javascript:;" class="froze-btn editbtn">冻结</a>
|
||||
<elseif condition="$vo['status'] eq 2"/>
|
||||
<a href="javascript:;" style="color: red;" class="unfreeze-btn editbtn">解冻</a>
|
||||
</if>
|
||||
<a href="javascript:;" class="reset-password-btn editbtn">重置密码</a>
|
||||
<?php if($isGrand):?>
|
||||
<?php if(!in_array($vo['id'], $hasShiftList)):?>
|
||||
<a href="javascript:;" class="shift-btn editbtn">换组</a>
|
||||
<?php else:?>
|
||||
<a href="javascript:;" style="color: red;" class="cancel-shift-btn editbtn">取消换组</a>
|
||||
<?php endif;?>
|
||||
|
||||
<?php if(in_array($vo['id'], $hasPlayerList)):?>
|
||||
<?php if(!in_array($vo['id'], $hasShiftPlayerList)):?>
|
||||
<a href="javascript:;" class="shift-player-btn editbtn">玩家迁移</a>
|
||||
<?php else:?>
|
||||
<a href="javascript:;" style="color: red;" class="cancel-shift-player-btn editbtn">取消玩家迁移</a>
|
||||
<?php endif;?>
|
||||
<?php endif;?>
|
||||
<?php endif;?>
|
||||
</td>
|
||||
</tr>
|
||||
</volist>
|
||||
</empty>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div class="pagenation clearfix">
|
||||
<a class="sch-btn" href="{:U('Export/child',array(
|
||||
'p'=>I('p'),
|
||||
'account'=>I('account'),'xlsname'=>'管理中心_'.get_pro_grade_name(PRO_GRADE,1),'row'=>I('request.row')
|
||||
))}" >导出</a>
|
||||
{$_page}
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-explain promote-mychlid-explain">
|
||||
<div class="trunk-content article border_normal">
|
||||
<!-- <table class="desccontent">
|
||||
<tr><td class="title" style="width: 100px;display: inline-block;">二级渠道说明：</td><td class="det">推广员默认为一级渠道，一级渠道可通过推广员后台新增二级渠道；二级渠道由一级渠道管理开启权限，并由一级渠道给二级渠道结算，结算可到财务管理操作。</td></tr>
|
||||
</table>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
setValue('row','{:I("get.row",10)}');
|
||||
</script>
|
||||
<div id="shift-box" class="layer-box" style="display: none;">
|
||||
<form action="{:U('Promote/mygrand',array('row'=>I('get.row')))}" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="promote_id" value="">
|
||||
<div class="form-group">
|
||||
<label>账号（真实姓名）</label>
|
||||
<div class="form-item">
|
||||
<p class="show-account static-input"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>所属上级</label>
|
||||
<div class="form-item">
|
||||
<select name="to_promote_id" class="reselect select_gallery" style="width: 220px;" >
|
||||
<option value="0">请选择所属上级</option>
|
||||
<volist name="promotes" id="promote">
|
||||
<option ba-id="{$promote.id}" value="{$promote.id}">{$promote.account}</option>
|
||||
</volist>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>指定订单日期</label>
|
||||
<div class="form-item">
|
||||
<input type="text" id="shift-order-time" class="form-input" name="order_time" autocomplete="off" placeholder="订单日期"" value="" style="width: 199px;">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>平台币管理</label>
|
||||
<div class="form-item">
|
||||
<label class="radio-item"><input type="radio" value="1" name="balance_coin_mode" checked> 平台币平移最高账户</label>
|
||||
<label class="radio-item"><input type="radio" value="2" name="balance_coin_mode"> 平台币清零</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label></label>
|
||||
<a id="shift-submit" href="javascript:;" class="shift-submit btn">确定</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div id="shift-player-box" class="layer-box" style="display: none;">
|
||||
<form action="{:U('Promote/mychlid',array('row'=>I('get.row')))}" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="promote_id" value="">
|
||||
<div class="form-group">
|
||||
<label>账号（真实姓名）</label>
|
||||
<div class="form-item">
|
||||
<p class="static-input show-account"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>转移至推广账号</label>
|
||||
<div class="form-item">
|
||||
<select name="to_promote_id" class="reselect select_gallery" style="width: 220px;" >
|
||||
<option value="0">请选择推广账号</option>
|
||||
<volist name="subPromotes" id="promote">
|
||||
<option ba-id="{$promote.id}" value="{$promote.id}">{$promote.account}</option>
|
||||
</volist>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>指定订单日期</label>
|
||||
<div class="form-item">
|
||||
<input type="text" id="shift-player-order-time" autocomplete="off" class="form-input" name="order_time" placeholder="订单日期"" value="" style="width: 199px;">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label></label>
|
||||
<a id="shift-player-submit" href="javascript:;" class="shift-submit btn">确定</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</block>
|
||||
<block name="script">
|
||||
<script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
|
||||
<link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
|
||||
<link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
|
||||
<script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
|
||||
<script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
$(".select_gallery").select2();
|
||||
|
||||
$('#shift-player-order-time').datetimepicker({
|
||||
format: 'yyyy-mm-dd',
|
||||
language:"zh-CN",
|
||||
minView:2,
|
||||
autoclose:true,
|
||||
scrollMonth:false,
|
||||
scrollTime:false,
|
||||
scrollInput:false
|
||||
});
|
||||
|
||||
$('#shift-order-time').datetimepicker({
|
||||
format: 'yyyy-mm-dd',
|
||||
language:"zh-CN",
|
||||
minView:2,
|
||||
autoclose:true,
|
||||
scrollMonth:false,
|
||||
scrollTime:false,
|
||||
scrollInput:false
|
||||
});
|
||||
|
||||
$('.reset-password-btn').on({
|
||||
click: function() {
|
||||
var id = $(this).parents('tr').eq(0).attr('data-id')
|
||||
layer.confirm('是否确认重置密码?', {icon: 3, title:'提示'}, function(index){
|
||||
$.ajax({
|
||||
url: "{:U('Promote/resetPassword')}",
|
||||
data: {promote_id: id},
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
layer.close(index)
|
||||
if (response.status == 1) {
|
||||
layer.open({
|
||||
content: '重置密码成功，您的新密码为：' + response.data.password
|
||||
})
|
||||
} else {
|
||||
layer.msg(response.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
$('.froze-btn').on({
|
||||
click: function() {
|
||||
var id = $(this).parents('tr').eq(0).attr('data-id')
|
||||
layer.confirm('是否确认冻结帐号?', {icon: 3, title:'提示'}, function(index){
|
||||
$.ajax({
|
||||
url: "{:U('Promote/froze')}",
|
||||
data: {promote_id: id},
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
layer.msg(response.msg, {time: 1000}, function() {
|
||||
window.location.href = window.location.href
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
$('.unfreeze-btn').on({
|
||||
click: function() {
|
||||
var id = $(this).parents('tr').eq(0).attr('data-id')
|
||||
layer.confirm('是否确认解冻帐号?', {icon: 3, title:'提示'}, function(index){
|
||||
$.ajax({
|
||||
url: "{:U('Promote/unfreeze')}",
|
||||
data: {promote_id: id},
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
layer.msg(response.msg, {time: 1000}, function() {
|
||||
window.location.href = window.location.href
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
$('.cancel-shift-btn').on({
|
||||
click: function() {
|
||||
var id = $(this).parents('tr').eq(0).attr('data-id')
|
||||
layer.confirm('是否要取消换组?', {icon: 3, title:'提示'}, function(index){
|
||||
$.ajax({
|
||||
url: "{:U('Promote/cancelShift')}",
|
||||
data: {promote_id: id, type: 1},
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
layer.msg(response.msg, {time: 1000}, function() {
|
||||
window.location.href = window.location.href
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
$('.cancel-shift-player-btn').on({
|
||||
click: function() {
|
||||
var id = $(this).parents('tr').eq(0).attr('data-id')
|
||||
layer.confirm('是否要取消玩家迁移?', {icon: 3, title:'提示'}, function(index){
|
||||
$.ajax({
|
||||
url: "{:U('Promote/cancelShift')}",
|
||||
data: {promote_id: id, type: 2},
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
layer.msg(response.msg, {time: 1000}, function() {
|
||||
window.location.href = window.location.href
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
$('.shift-btn').on({
|
||||
click: function() {
|
||||
var box = $('#shift-box')
|
||||
var id = $(this).parents('tr').eq(0).attr('data-id')
|
||||
var account = $(this).parents('tr').eq(0).find('td.account').html()
|
||||
var realName = $(this).parents('tr').eq(0).find('td.real-name').html()
|
||||
box.find('.show-account').html(account + (realName == '' ? '' : '(' + realName + ')'))
|
||||
box.find('[name=promote_id]').val(id)
|
||||
layer.open({
|
||||
title: '换组',
|
||||
type: 1,
|
||||
content: box,
|
||||
area: ['600px', '350px'],
|
||||
zIndex: 250,
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
$('#shift-submit').on({
|
||||
click: function() {
|
||||
var box = $('#shift-box')
|
||||
var id = box.find('[name=promote_id]').val()
|
||||
var toPromoteId = box.find('[name=to_promote_id]').val()
|
||||
var orderTime = box.find('[name=order_time]').val()
|
||||
var balanceCoinMode = box.find('[name=balance_coin_mode]:checked').val()
|
||||
if (toPromoteId == 0) {
|
||||
layer.msg('请选择转移至的推广账号')
|
||||
return
|
||||
}
|
||||
var data = {
|
||||
from_promote_id: id,
|
||||
to_promote_id: toPromoteId,
|
||||
order_time: orderTime,
|
||||
balance_coin_mode: balanceCoinMode,
|
||||
type: 1,
|
||||
}
|
||||
$.ajax({
|
||||
url: "{:U('Promote/shift')}",
|
||||
data: data,
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
if (response.status) {
|
||||
layer.msg(response.msg, {time: 2000}, function() {
|
||||
window.location.href = window.location.href
|
||||
})
|
||||
} else {
|
||||
layer.msg(response.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
$('.shift-player-btn').on({
|
||||
click: function() {
|
||||
var box = $('#shift-player-box')
|
||||
var id = $(this).parents('tr').eq(0).attr('data-id')
|
||||
var account = $(this).parents('tr').eq(0).find('td.account').html();
|
||||
var realName = $(this).parents('tr').eq(0).find('td.real-name').html();
|
||||
box.find('.show-account').html(account + (realName == '' ? '' : '(' + realName + ')'))
|
||||
box.find('[name=promote_id]').val(id)
|
||||
layer.open({
|
||||
title: '玩家迁移',
|
||||
type: 1,
|
||||
content: box,
|
||||
area: ['600px', '350px'],
|
||||
zIndex: 250,
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
$('#shift-player-submit').on({
|
||||
click: function() {
|
||||
var box = $('#shift-player-box')
|
||||
var id = box.find('[name=promote_id]').val()
|
||||
var toPromoteId = box.find('[name=to_promote_id]').val()
|
||||
var orderTime = box.find('[name=order_time]').val()
|
||||
var balanceCoinMode = box.find('[name=balance_coin_mode]:checked').val()
|
||||
if (toPromoteId == 0) {
|
||||
layer.msg('请选择转移至的推广账号')
|
||||
return
|
||||
}
|
||||
var data = {
|
||||
from_promote_id: id,
|
||||
to_promote_id: toPromoteId,
|
||||
order_time: orderTime,
|
||||
balance_coin_mode: balanceCoinMode,
|
||||
type: 2,
|
||||
}
|
||||
$.ajax({
|
||||
url: "{:U('Promote/shift')}",
|
||||
data: data,
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
if (response.status) {
|
||||
layer.msg(response.msg, {time: 2000}, function() {
|
||||
window.location.href = window.location.href
|
||||
})
|
||||
} else {
|
||||
layer.msg(response.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
</block>
|
||||
@ -1 +1 @@
|
||||
# 数据备份文件夹，请勿删除
|
||||
# 数据备份文件夹，请勿删除。
|
||||
@ -0,0 +1,43 @@
|
||||
.collaborate_swiper{
|
||||
margin-top: 0.02rem;
|
||||
width: 100%;
|
||||
height: 5rem;
|
||||
}
|
||||
.collaborate_swiper>img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.collaborate_introduce{
|
||||
padding: 0.7rem 3.6rem 0.8rem;
|
||||
background-color: #F6F7FB;
|
||||
}
|
||||
.collaborate_info{
|
||||
|
||||
}
|
||||
.collaborate_info .title{
|
||||
padding: 0.11rem 0 0.11rem 0.27rem;
|
||||
border-left: 0.05rem solid #2BBDEE;
|
||||
font-size: 0.28rem;
|
||||
color: #292929;
|
||||
}
|
||||
.collaborate_info .del{
|
||||
margin: 0.29rem 0;
|
||||
font-size: 0.24rem;
|
||||
color: #292929;
|
||||
font-weight: 300;
|
||||
}
|
||||
.collaborate_info>p{
|
||||
font-size: 0.24rem;
|
||||
color: #292929;
|
||||
font-weight: 300;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
.map-box{
|
||||
width: 100%;
|
||||
height: 4.08rem;
|
||||
margin-top: 0.81rem;
|
||||
}
|
||||
#container{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@ -0,0 +1,80 @@
|
||||
.foot{
|
||||
|
||||
}
|
||||
.foot_box{
|
||||
padding: 0.37rem 3.61rem 0.31rem 3.59rem;
|
||||
background-color: #282B2D;
|
||||
}
|
||||
.foot_top{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-bottom: 0.2rem;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
.foot_top>img{
|
||||
width: 0.84rem;
|
||||
height: 1.06rem;
|
||||
}
|
||||
.foot_top_ri{
|
||||
margin-left: 0.39rem;
|
||||
padding-left: 0.3rem;
|
||||
border-left: 1px dashed #F5F5F5;
|
||||
}
|
||||
.foot_link{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.foot_link>a{
|
||||
font-size: 0.14rem;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.foot_link>a:first-child{
|
||||
padding-right: 0.19rem;
|
||||
border-right: 1px solid #fff;
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
.foot_serial{
|
||||
margin-top: 0.2rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.foot_serial>span{
|
||||
font-size: 0.12rem;
|
||||
color: #fff;
|
||||
}
|
||||
.foot_serial>span:first-child{
|
||||
margin-right: 0.44rem;
|
||||
}
|
||||
.foot_code{
|
||||
margin-top: 0.11rem;
|
||||
font-size: 0.12rem;
|
||||
color: #fff;
|
||||
}
|
||||
.foot_approve{
|
||||
margin-top: 0.14rem;
|
||||
width: 0.68rem;
|
||||
height: 0.24rem;
|
||||
font-size: 0.12rem;
|
||||
}
|
||||
.foot_approve>img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.foot_bom{
|
||||
margin-top: 0.15rem;
|
||||
text-align: center;
|
||||
font-size: 0.14rem;
|
||||
color: #D5D4D4;
|
||||
}
|
||||
.side_tabbar{
|
||||
position: fixed;
|
||||
right: 0.63rem;
|
||||
top: 4.23rem;
|
||||
width: 2.70rem;
|
||||
height: 3.70rem;
|
||||
}
|
||||
.side_tabbar img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@ -0,0 +1,47 @@
|
||||
.heard{
|
||||
width: 100%;
|
||||
height: 1.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
.heard_logo{
|
||||
position: absolute;
|
||||
left: 0.66rem;
|
||||
top: 0.45rem;
|
||||
width: 2.10rem;
|
||||
height: 0.6rem;
|
||||
font-size: 0.24rem;
|
||||
}
|
||||
.heard_logo>img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.heard_tabbar ul{
|
||||
display: flex;
|
||||
font-size: 0.24rem;
|
||||
color: #5B5B5B;
|
||||
margin-top: 0.54rem;
|
||||
}
|
||||
.heard_tabbar ul li{
|
||||
margin-right: 1.2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.heard_tabbar ul li a{
|
||||
font-size: 0.28rem;
|
||||
color: #5B5B5B;
|
||||
padding-bottom: 0.54rem;
|
||||
border-bottom: 0.04rem solid #fff;
|
||||
|
||||
}
|
||||
.heard_tabbar ul li a:hover{
|
||||
color: #2BBDEE;
|
||||
border-bottom: 0.04rem solid #2BBDEE;
|
||||
}
|
||||
.heard_tabbar ul li .active{
|
||||
color: #2BBDEE;
|
||||
border-bottom: 0.04rem solid #2BBDEE;
|
||||
}
|
||||
.heard_tabbar ul li:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
@ -0,0 +1,126 @@
|
||||
.product_swiper{
|
||||
margin-top: 0.02rem;
|
||||
width: 100%;
|
||||
height: 2.9rem;
|
||||
}
|
||||
.product_swiper>img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.product_home{
|
||||
padding: 0.7rem 3.6rem 0.81rem 0.55rem;
|
||||
background-color: #F6F7FB;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.product_left{
|
||||
width: 2.5rem;
|
||||
}
|
||||
.product_left>img{
|
||||
width: 2.5rem;
|
||||
height: 1.38rem;
|
||||
}
|
||||
.recharge{
|
||||
margin-top: 0.3rem;
|
||||
background-color: #fff;
|
||||
}
|
||||
.recharge_box{
|
||||
padding: 0 0.15rem;
|
||||
padding-bottom: 0.34rem;
|
||||
}
|
||||
.recharge_box .title{
|
||||
font-size: 0.28rem;
|
||||
color: #949494;
|
||||
text-align: center;
|
||||
padding: 0.2rem 0;
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
}
|
||||
.recharge_box .del{
|
||||
font-size: 0.2rem;
|
||||
color: #949494;
|
||||
padding: 0.25rem 0.12rem 0.31rem 0.2rem;
|
||||
}
|
||||
.recharge_box .voucher{
|
||||
font-size: 0.2rem;
|
||||
color: #fff;
|
||||
width: 1.5rem;
|
||||
height: 0.4rem;
|
||||
background-color: rgba(43,189,238,1);
|
||||
border-radius: 0.2rem;
|
||||
text-align: center;
|
||||
line-height: 0.4rem;
|
||||
margin: 0 auto;
|
||||
cursor:pointer;
|
||||
}
|
||||
.product_right{
|
||||
margin-left: 0.55rem;
|
||||
}
|
||||
.product_right .title{
|
||||
padding: 0.12rem 0 0.12rem 0.27rem;
|
||||
border-left: 0.05rem solid #2BBDEE;
|
||||
font-size: 0.28rem;
|
||||
color: #292929;
|
||||
}
|
||||
.not_product{
|
||||
width: 12rem;
|
||||
margin-top: 0.26rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.not_product>img{
|
||||
width: 7.2rem;
|
||||
height: 4rem;
|
||||
}
|
||||
.not_product>div{
|
||||
color: #A9A9A9;
|
||||
font-size: 0.28rem;
|
||||
margin-top: 0.16rem;
|
||||
}
|
||||
.have_product{
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
.have_product ul{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.have_product ul li{
|
||||
background-color: #fff;
|
||||
width: 3.8rem;
|
||||
margin-right: 0.2rem;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
.have_product ul li:nth-child(3n){
|
||||
margin-right: 0;
|
||||
}
|
||||
.have_product ul li>img{
|
||||
width: 3.8rem;
|
||||
height: 2.14rem;
|
||||
}
|
||||
.have_product ul li .have_product_box{
|
||||
padding: 0.3rem 0.33rem 0.07rem;
|
||||
}
|
||||
.have_product ul li .have_product_box .name{
|
||||
font-size: 0.24rem;
|
||||
color: #002929;
|
||||
font-weight: 600;
|
||||
}
|
||||
.have_product ul li .have_product_box .del{
|
||||
font-size: 0.16rem;
|
||||
color: #A9A9A9;
|
||||
margin-top: 0.33rem;
|
||||
overflow: hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space: nowrap;
|
||||
padding-bottom: 0.3rem;
|
||||
border-bottom: 1px solid #F6F7FB;
|
||||
}
|
||||
.have_product ul li .have_product_box .enter{
|
||||
font-size: 0.16rem;
|
||||
color: #A9A9A9;
|
||||
text-align: right;
|
||||
margin-top: 0.1rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 446 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
@ -0,0 +1,70 @@
|
||||
$(function() {
|
||||
|
||||
// 百度地图API功能
|
||||
var mp = new BMap.Map("container", {
|
||||
enableMapClick: false
|
||||
});
|
||||
var addPoint = new BMap.Point(119.280631, 26.08057);
|
||||
var marker = new BMap.Marker(addPoint); // 创建标注
|
||||
mp.addOverlay(marker); // 将标注添加到地图中
|
||||
mp.centerAndZoom(addPoint, 15);
|
||||
mp.enableScrollWheelZoom();
|
||||
// 复杂的自定义覆盖物
|
||||
function ComplexCustomOverlay(point, text) {
|
||||
this._point = point;
|
||||
this._text = text;
|
||||
}
|
||||
ComplexCustomOverlay.prototype = new BMap.Overlay();
|
||||
ComplexCustomOverlay.prototype.initialize = function(map) {
|
||||
this._map = map;
|
||||
var div = this._div = document.createElement("div");
|
||||
div.style.position = "absolute";
|
||||
div.style.zIndex = BMap.Overlay.getZIndex(this._point.lat);
|
||||
// div.style.border = "0.01rem solid #BC3B3A";
|
||||
// div.style.backgroundColor = "#ffffff";
|
||||
div.style.padding = "0.02rem";
|
||||
div.style.height = "0.18rem";
|
||||
div.style.width = "3rem";
|
||||
// div.style.lineHeight = "0.18rem";
|
||||
// div.style.whiteSpace = "nowrap";
|
||||
div.style.MozUserSelect = "none";
|
||||
div.style.fontSize = "0.18rem"
|
||||
var p = this._span = document.createElement("p");
|
||||
p.style.position = "absolute";
|
||||
p.style.top = "-450%";
|
||||
p.style.left = "-50%";
|
||||
p.style.width = "3rem";
|
||||
p.style.backgroundColor = "#ffffff";
|
||||
p.style.lineHeight = "0.3rem";
|
||||
p.style.textAlign = "center";
|
||||
div.appendChild(p);
|
||||
p.appendChild(document.createTextNode(this._text));
|
||||
var that = this;
|
||||
|
||||
var arrow = this._arrow = document.createElement("div");
|
||||
arrow.style.background = "url(../images/address-point.png) center no-repeat";
|
||||
arrow.style.backgroundSize = "120% 120%";
|
||||
arrow.style.position = "absolute";
|
||||
arrow.style.width = "0.3rem";
|
||||
arrow.style.height = "0.3rem";
|
||||
arrow.style.top = "-80%";
|
||||
arrow.style.left = "-8%";
|
||||
arrow.style.overflow = "hidden";
|
||||
div.appendChild(arrow);
|
||||
|
||||
|
||||
mp.getPanes().labelPane.appendChild(div);
|
||||
|
||||
return div;
|
||||
}
|
||||
ComplexCustomOverlay.prototype.draw = function() {
|
||||
var map = this._map;
|
||||
var pixel = map.pointToOverlayPixel(this._point);
|
||||
this._div.style.left = pixel.x - parseInt(this._arrow.style.left) + "px";
|
||||
this._div.style.top = pixel.y - 30 + "px";
|
||||
}
|
||||
|
||||
var myCompOverlay = new ComplexCustomOverlay(addPoint, "福建省福州市鼓楼区福大怡山文化创意园11号楼");
|
||||
|
||||
mp.addOverlay(myCompOverlay);
|
||||
});
|
||||
@ -0,0 +1,34 @@
|
||||
(function(doc, win) {
|
||||
var docEl = doc.documentElement,
|
||||
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
|
||||
recalc = function() {
|
||||
|
||||
var clientWidth = docEl.clientWidth;
|
||||
if(!clientWidth) return;
|
||||
if(clientWidth > 1080) {
|
||||
var whdef = 100 / 1920; // 表示1920的设计图,使用100PX的默认值
|
||||
var wH = window.innerHeight; // 当前窗口的高度
|
||||
var wW = window.innerWidth; // 当前窗口的宽度
|
||||
var rem = wW * whdef; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
|
||||
docEl.style.fontSize = rem + "px";
|
||||
|
||||
} else if(640 < clientWidth <= 1080) {
|
||||
docEl.style.fontSize = '50px';
|
||||
} else {
|
||||
docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if(!doc.addEventListener) return;
|
||||
recalc();
|
||||
win.addEventListener(resizeEvt, recalc, false);
|
||||
doc.addEventListener('DOMContentLoaded', recalc, false);
|
||||
/*DOMContentLoaded文档加载完成不包含图片资源 onload包含图片资源*/
|
||||
})(document, window);
|
||||
|
||||
/*
|
||||
|
||||
var iWidth=document.documentElement.clientWidth //getBoundingClientRect().width;
|
||||
iWidth=iWidth>640?640:iWidth;
|
||||
document.getElementsByTagName("html")[0].style.fontSize=iWidth/6.4+"px";*/
|
||||
Loading…
Reference in New Issue