删除多余的信息

1 个父辈 5b0c32bb
正在显示 217 个修改的文件 包含 614 行增加1912 行删除
......@@ -11,79 +11,56 @@
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
<style type="text/css">
.red {
color: red;
margin-right: 5px;
#container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.layui-form-label {
width: 100px;
#container *:before,
.edui-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#container {
margin-left: 20px;
}
.bannerUrl {
width: 200px;
height: 200px;
#container img {
max-width: 80%;
}
</style>
<script src="http://cdn.sockjs.org/sockjs-0.3.min.js"></script>
<body class="wrap">
<form class="layui-form">
<div class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>文章主标题</label>
<label class="layui-form-label"><i class="redrequired">*</i>文章标题</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="name" placeholder="文章主标题" class="layui-input">
<input type="text" name="title" lay-verify="title" placeholder="文章标题" class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux">不超过20个汉字</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>文章副标题</label>
<label class="layui-form-label"><i class="redrequired">*</i>上传主图</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="description" placeholder="文章副标题" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>文章主图</label>
<div class="layui-input-block">
<img class="bannerUrl" />
<button type="button" class="layui-btn" id="upload">上传文章主图</button>
<div class="layui-upload">
<button type="button" class="layui-btn" id="upload" style="margin:0 20px 0 0;float:left;">上传主图</button>
<span class="layui-form-mid layui-word-aux">建议尺寸:200*200</span>
<div class="layui-upload-list">
<img class="layui-upload-img mainpictrue" src="">
<input type="text" style="display:none;" name="imgurl">
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>是否首页显示</label>
<div class="layui-input-inline" style="width: 100px;">
<input type="checkbox" checked name="isHome" lay-skin="switch" lay-text="是|否">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商家名称</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="sellerName" placeholder="商家名称" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商家店铺号</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="sellerAddress" placeholder="商家店铺号" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商家电话</label>
<div class="layui-input-inline" style="width: 390px;">
<input type="text" name="sellerPhone" placeholder="商家电话" class="layui-input">
</div>
</div>
<!--<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>详细信息</label>
<div class="layui-input-block">
<label class="layui-form-label"><i class="redrequired">*</i>文章内容</label>
<div class="layui-input-block" style="margin-left: 130px;">
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
</div>
</div> -->
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-input-block">
......@@ -91,15 +68,14 @@
<button class="layui-btn layui-btn-primary resetBtn">重置</button>
</div>
</div>
</form>
</div>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<!--<script type="text/javascript" src="/zzhnc/res/UE/ueditor.config.js"></script>
<script type="text/javascript" src="/zzhnc/res/UE/ueditor.all.js"></script>-->
<script>
/*window.onload = function() {
window.onload = function() {
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
if(action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage') {
......@@ -113,7 +89,8 @@
var ue = UE.getEditor('container', {
autoHeight: false
});
}*/
}
layui.use(['form', 'element', 'layer', 'upload'], function() {
var form = layui.form,
......@@ -121,89 +98,118 @@
layer = layui.layer,
upload = layui.upload;
var activityid = getUrl_G("id");
var id = getUrl_G("id");
//初始化函数
function initData() {
$.get("/zzhnc/goods/search", {
id: activityid
$.get("/zzhnc/article/getArticle", {
id: id
}, function(data) {
console.log(data)
console.log(data);
if(data.code == 0) {
if(data.data.rows.length > 0) {
var data = data.data.rows[0];
$("[name=name]").val(data.name);
$("[name=description]").val(data.description);
$(".bannerUrl").attr("src", data.bannerUrl);
if(data.isHome) {
$("[name=isHome]").checked = true;
} else {
$("[name=isHome]").checked = false;
}
$("[name=sellerName]").val(data.sellerName);
$("[name=sellerAddress]").val(data.sellerAddress);
$("[name=sellerPhone]").val(data.sellerPhone);
form.render();
/*UE.getEditor("container").ready(function() {
UE.getEditor("container").setContent(unescape(data.description));
})*/
}
$("[name=title]").val(data.data.title);
UE.getEditor("container").ready(function() {
UE.getEditor("container").setContent(unescape(data.data.content));
})
$("[name=imgurl]").val(data.data.imgurl);
$(".mainpictrue").attr("src", data.data.imgurl).css("margin-top", "15px");
form.render();
}
})
}
//初始化数据
if(activityid > 0){
initData();
//初始化操作
if(id > 0) {
initData()
}
//普通图片上传
//上传操作
upload.render({
elem: '#upload',
url: '/zzhnc/upload/UploadImg',
done: function(data) {
console.log(data)
if(data.code == 0) {
layer.msg("上传成功");
$(".bannerUrl").attr("src", data.data.imgurl);
$("[name=imgurl]").val(data.data.imgurl);
$(".mainpictrue").attr("src", data.data.imgurl).css("margin-top", "15px");
} else {
layer.msg('上传失败');
return layer.msg('上传失败');
}
}
});
//提交
form.on("submit(submit)",function(data){
if(data.field.isHome == "on"){
data.field.isHome = true
}else{
data.field.isHome = false;
form.on('submit(submit)', function(data) {
var title = $("[name=title]").val();
var content = UE.getEditor('container').getContent();
var imgurl = $("[name=imgurl]").val();
if(title == "") {
top.layer.msg("请填写文章标题");
return false;
} else {
if(strlen(title) > 40) {
top.layer.msg("文章标题不超过20个汉字");
return false;
}
}
if(data.field.isHot == "on"){
data.field.isHot = true
}else{
data.field.isHot = false;
if(imgurl == "") {
top.layer.msg("请上传主图");
return false;
}
if(content == "") {
top.layer.msg("请输入内容");
return false;
}
if(id > 0) {
//修改项目
$.post("/zzhnc/article/updateArticle", {
id: id,
title: title,
content: content,
imgurl: imgurl
}, function(data) {
console.log(data);
if(data.code == 0) {
top.layer.msg("修改成功");
} else {
top.layer.msg(data.msg);
}
})
} else {
//添加项目
$.post("/zzhnc/article/addArticle", {
title: title,
content: content,
imgurl: imgurl
}, function(data) {
console.log(data);
if(data.code == 0) {
top.layer.msg("添加成功");
form.render();
} else {
top.layer.msg(data.msg);
}
})
}
data.field.id = activityid;
data.field.bannerUrl = $(".bannerUrl").attr("src");
data.field.imgUrl = $(".bannerUrl").attr("src");
//data.field.content = UE.getEditor('container').getContent();
console.log(data.field);
updateGoods(data.field);
return false;
});
//重置
$(".resetBtn").on("click", function() {
$("[name=title]").val("");
$("[name=content]").val("");
$("[name=imgurl]").val("");
$(".mainpictrue").attr("src", "").css("margin-top", "0");
form.render();
})
//修改方法
function updateGoods(data){
$.post("/zzhnc/goods/update", data, function(res) {
console.log(res);
})
}
})
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="/zzhnc/res/UE/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="/zzhnc/res/UE/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
</html>
\ No newline at end of file
......@@ -9,13 +9,6 @@
<title>文章列表</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
<style>
.imgUrl {
width: 50px;
height: 50px;
display: block;
}
</style>
</head>
<body class="wrap">
......@@ -29,24 +22,18 @@
<a class="layui-btn layui-btn-warm createBtn" href="#"><i class="layui-icon">&#xe61f;</i> 添加文章</a>
</div>
</div>
<table class="layui-table layui-form">
<table class="layui-table">
<thead>
<tr>
<th>No</th>
<th>文章主图</th>
<th>文章标题</th>
<th>文章副标题</th>
<th>商家名称</th>
<th>商家地址</th>
<th>商家电话</th>
<th>是否首页显示</th>
<th style="width: 130px;">主图</th>
<th>标题</th>
<th>更新时间</th>
<th>操作</th>
</tr>
</thead>
<tbody id="tablelist">
</tbody>
</table>
<div class="nodata">暂无数据</div>
......@@ -67,14 +54,33 @@
var queryObj = {
page: 1,
size: 10,
pagesize: 5,
keyword: null
};
initData(queryObj);
//查询
form.on('submit(querybtn)', function(data) {
queryObj.keyword = $("[name=keyword]").val();
queryObj.page = 1;
initData(queryObj)
});
$(".resetBtn").on("click", function() {
$("[name=keyword]").val("")
queryObj.page = 1;
queryObj.keyword = null;
initData(queryObj)
return false
})
//初始化数据
initData(queryObj);
function initData(queryObj) {
$.get("/zzhnc/article/getArticlesList", queryObj, function(data) {
data = data.data;
console.log(data);
console.log(data)
var str = "";
if(data.rows.length < 1) {
$(".nodata").show();
......@@ -85,14 +91,11 @@
for(var i = 0; i < data.rows.length; i++) {
str += '<tr data-id=' + data.rows[i].id + '>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
'<td><img class="imgUrl" src="' + data.rows[i].bannerUrl + '" /></td>' +
'<td>' + data.rows[i].name + '</td>' +
'<td>' + data.rows[i].description + '</td>' +
'<td>' + data.rows[i].sellerName + '</td>' +
'<td>' + data.rows[i].sellerAddress + '</td>' +
'<td>' + data.rows[i].sellerPhone + '</td>' +
'<td>' + ' <input type="checkbox" disabled ' + (data.rows[i].isHome ? "checked" : "") + ' lay-skin="switch" lay-text="是|否"></td>' +
'<td><a href="#" class="layui-btn layui-btn-sm updataBtn">修改</a>' +
'<td><img src="' + data.rows[i].imgurl + '" style="width: 100px; height: 100px;" /></td>' +
'<td>' + data.rows[i].title + '</td>' +
'<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
'<td>' +
'<a href="#" class="layui-btn layui-btn-sm updataBtn">修改</a>' +
'<a href="#" class="layui-btn layui-btn-sm deleteBtn">删除</a>' +
'</td>' +
'</tr>';
......@@ -100,43 +103,24 @@
}
$("#tablelist").html(str);
toNull_G();
form.render();
laypage.render({
elem: 'page',
count: data.totalPages,
curr: queryObj.page,
skip: true,
jump: function(obj, first) {
if(!first) {
queryObj.page = obj.curr
initData(queryObj);
}
}
});
})
}
//初始化数据
initData(queryObj);
//查询
form.on('submit(querybtn)', function(data) {
queryObj.keyword = $("[name=keyword]").val();
queryObj.page = 1;
initData(queryObj)
});
//重置
$(".resetBtn").on("click", function() {
$("[name=keyword]").val("");
queryObj.page = 1;
queryObj.keyword = null;
initData(queryObj)
return false
})
//添加文章
$(document).on("click", ".createBtn", function() {
if(parent.tab.exists("添加文章") > 0) {
......@@ -144,12 +128,11 @@
parent.tab.deleteTab(tabid);
}
parent.tab.tabAdd({
href: "/zzhnc/activity/activityEdit?id=0",
href: "/zzhnc/activity/activityEdit",
icon: "fa-cubes",
title: "添加文章"
});
})
//修改文章
$(document).on("click", ".updataBtn", function() {
var id = $(this).parents("tr").attr("data-id");
......@@ -163,12 +146,11 @@
title: "修改文章"
});
})
//删除文章
$(document).on("click", ".deleteBtn", function() {
var id = $(this).parents("tr").attr("data-id");
layer.confirm('您确定要删除该文章吗?', {
btn: ['确定', '取消']
btn: ['确定', '取消'] //按钮
}, function(index, layero) {
$.get("/zzhnc/article/deleteArticle", {
id: id
......
......@@ -8,9 +8,6 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>自动回复</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/Layuiglobal.css">
<link rel="stylesheet" href="/zzhnc/res/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_191348_aee57zbh6jyk3xr.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head>
......@@ -29,10 +26,10 @@
<table class="layui-table">
<thead>
<tr>
<th style="width: 30px;">No</th>
<th style="min-width:120px;">关键字</th>
<th style="min-width:140px;">回复内容</th>
<th style="min-width:80px;">操作</th>
<th>No</th>
<th>关键字</th>
<th>回复内容</th>
<th>操作</th>
</tr>
</thead>
......@@ -47,18 +44,21 @@
<div class="popupbos">
<div class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label"><i style="color:red;margin-right:5px;">*</i>关键词:</label>
<div class="layui-input-inline" style="width:250px;">
<input type="text" name="keywords" lay-verify="required" placeholder="关键词" autocomplete="off" id="text1" class="layui-input" value="">
<label class="layui-form-label"><i class="redrequired">*</i>关键词:</label>
<div class="layui-input-block">
<input type="text" name="keywords" lay-verify="required" placeholder="关键词" class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux">多个关键词请用英文“ | ”分隔</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-word-aux">注:多个关键词请用英文“ | ”分隔</div>
</div>
<div class="layui-form-item layui-form-text Redirectbox">
<label for="" class="layui-form-label"><i style="color:red;margin-right:5px;">*</i>回复内容:</label>
<div class="layui-input-inline" style="width:65%;">
<textarea class="layui-textarea" name="content" lay-verify="required" id="saytext" placeholder="请输入内容" style="height:100px;"></textarea>
<div class="layui-form-item">
<label class="layui-form-label"><i class="redrequired">*</i>回复内容:</label>
<div class="layui-input-block">
<textarea class="layui-textarea" name="content" lay-verify="required" placeholder="请输入内容" style="height:150px; "></textarea>
</div>
<div class="layui-form-mid layui-word-aux " style="margin-left:150px;">注: 活动结束或过期后会自动停止推送</div>
</div>
</div>
</div>
......@@ -67,10 +67,9 @@
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
layui.use(['form', 'element', 'layer', 'laypage'], function() {
var form = layui.form,
element = layui.element,
laydate = layui.laydate,
layer = layui.layer,
laypage = layui.laypage;
......@@ -90,8 +89,10 @@
var str = "";
if(data.rows.length < 1) {
$(".nodata").show();
$("#page").hide();
} else {
$(".nodata").hide();
$("#page").show();
for(var i = 0; i < data.rows.length; i++) {
str += '<tr data-id=' + data.rows[i].id + '>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
......@@ -167,7 +168,7 @@
layer.open({
type: 1,
title: '添加关键字',
area: ["650px", "450px"],
area: ["550px", "400px"],
content: $(".popupbox"),
btnAlign: "c",
btn: ["提交", "取消"],
......@@ -213,7 +214,7 @@
layer.open({
type: 1,
title: '修改关键字',
area: ["650px", "450px"],
area: ["550px", "400px"],
content: $(".popupbox"),
btnAlign: "c",
btn: ["提交", "取消"],
......
......@@ -50,8 +50,8 @@
<div class="nodata">暂无banner图,请上传banner图片。</div>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script src="/zzhnc/res/plugins/layui/layui.js"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['table', 'upload', 'layer'], function() {
var table = layui.table,
......@@ -92,14 +92,17 @@
elem: '.uploadImg',
method: 'post',
done: function(res) {
console.log(res)
if(res.code == 0) {
$.post("/zzhnc/banner/add", {
url: res.data
url: res.data.imgurl
}, function(res) {
console.log(res)
if(res.code == 0) {
layer.msg("添加成功")
layer.msg("添加成功")
initData()
}else{
layer.msg("添加失败")
}
})
}
......
......@@ -10,55 +10,36 @@
<title>商品编辑</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
<style type="text/css">
.red {
color: red;
margin-right: 5px;
}
.layui-form-label {
width: 100px;
}
#container {
margin-left: 20px;
}
.bannerUrl {
width: 200px;
height: 200px;
}
</style>
<body class="wrap">
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商品主标题</label>
<label class="layui-form-label"><i class="redrequired">*</i>商品标题</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="name" placeholder="商品标题" class="layui-input">
<input type="text" name="name" placeholder="商品标题" class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux">不超过20个汉字</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商品副标题</label>
<label class="layui-form-label"><i class="redrequired">*</i>上传主图</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="description" placeholder="商品副标题" class="layui-input">
<div class="layui-upload">
<button type="button" class="layui-btn" id="upload">上传主图</button>
<span class="layui-form-mid layui-word-aux">建议尺寸:200*200</span>
<div class="layui-upload-list">
<img class="layui-upload-img mainpictrue" src="">
<input type="text" style="display:none;" name="bannerUrl">
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商品主图</label>
<div class="layui-input-block">
<img class="bannerUrl" />
<button type="button" class="layui-btn" id="upload">上传商品主图</button>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商品原价</label>
<label class="layui-form-label"><i class="redrequired">*</i>商品原价</label>
<div class="layui-input-inline" style="width: 100px;">
<input type="number" name="primePrice" placeholder="商品原价" class="layui-input">
</div>
<div class="layui-form-mid"></div>
<label class="layui-form-label"><i class="red">*</i>商品现价</label>
<label class="layui-form-label"><i class="redrequired">*</i>商品现价</label>
<div class="layui-input-inline" style="width: 100px;">
<input type="number" name="price" placeholder="商品现价" class="layui-input">
</div>
......@@ -75,31 +56,29 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商家名称</label>
<label class="layui-form-label"><i class="redrequired">*</i>商家名称</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="sellerName" placeholder="商家名称" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商家店铺号</label>
<label class="layui-form-label"><i class="redrequired">*</i>商家店铺号</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="sellerAddress" placeholder="商家店铺号" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>商家电话</label>
<div class="layui-input-inline" style="width: 390px;">
<label class="layui-form-label"><i class="redrequired">*</i>商家电话</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="sellerPhone" placeholder="商家电话" class="layui-input">
</div>
</div>
<!--<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>详细信息</label>
<div class="layui-input-block">
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
<div class="layui-form-item">
<label class="layui-form-label">商品详情</label>
<div class="layui-input-block" style="margin-left: 130px;">
<textarea name="description" placeholder="商品详情" class="layui-textarea"></textarea>
</div>
</div> -->
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-input-block">
......@@ -112,25 +91,7 @@
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<!--<script type="text/javascript" src="/zzhnc/res/UE/ueditor.config.js"></script>
<script type="text/javascript" src="/zzhnc/res/UE/ueditor.all.js"></script>-->
<script>
/*window.onload = function() {
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
if(action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage') {
return '/zzhnc/upload/NewUploadImg';
} else {
return this._bkGetActionUrl.call(this, action);
}
}
window.UEDITOR_CONFIG.initialFrameWidth = 900;
window.UEDITOR_CONFIG.initialFrameHeight = 600;
var ue = UE.getEditor('container', {
autoHeight: false
});
}*/
layui.use(['form', 'element', 'layer', 'upload'], function() {
var form = layui.form,
element = layui.element,
......@@ -149,7 +110,8 @@
var data = data.data.rows[0];
$("[name=name]").val(data.name);
$("[name=description]").val(data.description);
$(".bannerUrl").attr("src", data.bannerUrl);
$(".mainpictrue").attr("src", data.bannerUrl).css("margin-top", "15px");
$("[name=bannerUrl]").val(data.bannerUrl);
$("[name=primePrice]").val(data.primePrice);
$("[name=price]").val(data.price);
if(data.isHome) {
......@@ -165,25 +127,21 @@
$("[name=sellerName]").val(data.sellerName);
$("[name=sellerAddress]").val(data.sellerAddress);
$("[name=sellerPhone]").val(data.sellerPhone);
form.render();
/*UE.getEditor("container").ready(function() {
UE.getEditor("container").setContent(unescape(data.description));
})*/
}
} else {
layer.msg("获取信息失败");
}
})
}
//初始化数据
if(goodsid > 0){
initData();
if(goodsid > 0) {
initData();
}
//普通图片上传
//上传操作
upload.render({
elem: '#upload',
url: '/zzhnc/upload/UploadImg',
......@@ -191,28 +149,29 @@
console.log(data)
if(data.code == 0) {
layer.msg("上传成功");
$(".bannerUrl").attr("src", data.data.imgurl);
$("[name=bannerUrl]").val(data.data.imgurl);
$(".mainpictrue").attr("src", data.data.imgurl).css("margin-top", "15px");
} else {
layer.msg('上传失败');
}
}
});
//提交
form.on("submit(submit)", function(data){
form.on("submit(submit)", function(data) {
var isHome, isHot = false;
if(data.field.isHome == "on"){
if(data.field.isHome == "on") {
isHome = true
}
if(data.field.isHot == "on"){
if(data.field.isHot == "on") {
isHot = true
}
var submitData = {
id: parseInt(goodsid,10),
id: parseInt(goodsid, 10),
name: data.field.name,
description: data.field.description,
bannerUrl: $(".bannerUrl").attr("src"),
imgUrl: $(".bannerUrl").attr("src"),
bannerUrl: $("[name=bannerUrl]").val(),
imgUrl: $("[name=bannerUrl]").val(),
isHome: isHome,
isHot: isHot,
primePrice: data.field.primePrice,
......@@ -222,28 +181,38 @@
sellerAddress: data.field.sellerAddress,
sellerPhone: data.field.sellerPhone
};
//data.field.content = UE.getEditor('container').getContent();
$.ajax({
type: 'POST',
url: '/zzhnc/goods/update',
dataType: 'json',
async: true,
contentType: "application/json;charset=UTF-8",
data: JSON.stringify(submitData),
success: function(data){
layer.msg('操作成功');
},
error: function(xhr, type){
layer.msg('操作失败');
}
type: 'POST',
url: '/zzhnc/goods/update',
dataType: 'json',
async: true,
contentType: "application/json;charset=UTF-8",
data: JSON.stringify(submitData),
success: function(data) {
layer.msg('操作成功');
},
error: function(xhr, type) {
layer.msg('操作失败');
}
});
return false;
})
//修改方法
function updateGoods(data){
}
//重置
$(".resetBtn").on("click", function() {
$("[name=name]").val("");
$("[name=description]").val("");
$("[name=bannerUrl]").val("");
$(".mainpictrue").attr("src", "").css("margin-top", "0");
$("[name=isHome]").val("on");
$("[name=isHot]").val("on");
$("[name=primePrice]").val("");
$("[name=price]").val("");
$("[name=sellerName]").val("");
$("[name=sellerAddress]").val("");
$("[name=sellerPhone]").val("");
form.render();
})
})
</script>
......
......@@ -9,20 +9,13 @@
<title>商品列表</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
<style>
.imgUrl {
width: 50px;
height: 50px;
display: block;
}
</style>
</head>
<body class="wrap">
<div class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;">
<div class="layui-input-inline">
<input type="text" class="layui-input" name="keyword" placeholder="关键字" />
<input type="text" class="layui-input" name="key" placeholder="关键字" />
</div>
<button class="layui-btn" lay-submit lay-filter="querybtn">查询</button>
<button class="layui-btn layui-btn-primary resetBtn">重置</button>
......@@ -60,17 +53,17 @@
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
layui.use(['form', 'element', 'layer', 'laypage'], function() {
var form = layui.form,
element = layui.element,
laydate = layui.laydate,
layer = layui.layer,
laypage = layui.laypage;
var queryObj = {
page: 1,
size: 10,
sellerId: 0
sellerId: 0,
key: null
};
function initData(queryObj) {
......@@ -78,11 +71,14 @@
data = data.data;
console.log(data)
$("#tablelist").html("");
var str = "";
if(data.rows.length < 1) {
$(".nodata").show();
$("#page").hide();
} else {
$(".nodata").hide();
$("#page").show();
for(var i = 0; i < data.rows.length; i++) {
str += '<tr data-id=' + data.rows[i].id + '>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
......@@ -100,13 +96,11 @@
'</td>' +
'</tr>';
}
$("#tablelist").html(str);
toNull_G();
form.render();
}
$("#tablelist").html(str);
toNull_G();
form.render();
laypage.render({
elem: 'page',
count: data.totalPages,
......@@ -126,16 +120,16 @@
//查询
form.on('submit(querybtn)', function(data) {
queryObj.keyword = $("[name=keyword]").val();
queryObj.key = $("[name=key]").val();
queryObj.page = 1;
initData(queryObj)
});
//重置
$(".resetBtn").on("click", function() {
$("[name=keyword]").val("");
$("[name=key]").val("");
queryObj.page = 1;
queryObj.sellerId = 0;
queryObj.key = null;
initData(queryObj)
return false
})
......@@ -178,11 +172,11 @@
}, function(data) {
console.log(data)
if(data.code == 0) {
top.layer.msg("删除成功");
layer.msg("删除成功");
initData(queryObj);
layer.close(index);
} else {
top.layer.msg(data.msg);
layer.msg(data.msg);
}
})
......
......@@ -9,30 +9,10 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>华南城小程序后台</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/Layuiglobal.css">
<link rel="stylesheet" href="/zzhnc/res/css/layout.css">
<link rel="stylesheet" href="/zzhnc/res/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_450595_ifme6z69cizwu3di.css">
<script src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script>
<style>
.container {
padding: 16px;
}
.layui-nav-tree .layui-nav-more {
right: 30px;
}
.layui-layout-admin .site-demo-body {
top: 70px;
}
.layui-layout-admin .layui-side{
top: 70px;
}
.layui-layout-admin .header-demo {
border: none;
}
#chromeTip {
position: fixed;
top: 0;
......@@ -81,16 +61,6 @@
margin-top: 10px;
}
</style>
<script>
/* $(function(){
var tipObj = document.getElementById('chromeTip');
if(tipObj){
if( navigator.userAgent.indexOf('Chrome') == -1 || navigator.userAgent.indexOf('Edge') != -1){
tipObj.style.display = 'block';
}
}
}) */
</script>
</head>
<body>
......@@ -106,7 +76,6 @@
<div class="layui-main">
<div class="admin-login-box">
<a class="logo">
<img src="/zzhnc/res/images/logo.png" />
</a>
<div class="admin-side-toggle">
......@@ -152,62 +121,42 @@
</div>
<div class="site-mobile-shade"></div>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script src="/zzhnc/res/js/navbar.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/plugins/datas/nav.js"></script>
<script src="/zzhnc/res/plugins/layui/layui.js"></script>
<script src="/zzhnc/res/js/navbar.js"></script>
<script src="/zzhnc/res/plugins/datas/nav.js"></script>
<script src="/zzhnc/res/js/index.js"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['element', 'layer'], function() {
var element = layui.element,
layer = layui.layer;
$(".fa-dashboard").on("click", function() {
if($(this).attr("lay-id") == "0") {
var src = $("iframe[data-id='0']")[0].src;
window.parent.location.reload(src)
}
})
});
var cookie = "Th_xc_30b679eb2c90c60ff8679ce4ca562fcc";
function setCookie(name, value) {
var Days = 0;
var exp = new Date();
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/";
}
var merchantid = null;
layui.use('layer', function() {
var $ = layui.jquery;
var layer = layui.layer;
var cookie = "Th_xc_30b679eb2c90c60ff8679ce4ca562fcc";
var globalNum = {
account: '',
phone: '',
nickname: ''
};
function setCookie(name, value) {
var Days = 0;
var exp = new Date();
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/";
}
//退出
$(".signOut").click(function() {
$.post("/zzhnc/exit", function(data) {
if(data.code == 0) {
//setCookie(cookie, "");
location.href = "/zzhnc"
}
});
location.href = "/zzhnc"
})
// 初始化
function init() {
}
init();
})
});
</script>
</div>
</body>
......
......@@ -12,7 +12,6 @@
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
<style>
.layui-form-label {
width: 100px;
height: 28px;
line-height: 28px;
padding: 5px 15px;
......@@ -22,27 +21,22 @@
margin: 0;
}
.redpagebox .layui-form-label {
.tipbox .layui-form-label {
display: block;
width: 100%;
text-align: left;
}
.redpagebox .layui-input-block {
.tipbox .layui-input-block {
margin-left: 0;
}
.red {
color: red;
margin-right: 5px;
}
</style>
<body class="wrap">
<form class="layui-form">
<blockquote class="layui-elem-quote">抽奖基本信息</blockquote>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>活动开启时间 </label>
<label class="layui-form-label"><i class="redrequired">*</i>活动开启时间 </label>
<div class="layui-input-inline">
<div class="layui-input-inline">
<input type="text" name="beginTime" autocomplete="on" id="stTime" placeholder="- 开始时间 -" class="layui-input" lay-verify="required" onclick="layui.laydate({elem: this,format: 'YYYY-MM-DD hh:mm',istime: true,min:laydate.now(-1)})">
......@@ -50,7 +44,7 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>活动状态</label>
<label class="layui-form-label"><i class="redrequired">*</i>活动状态</label>
<div class="layui-input-inline">
<select name="status" lay-verify="required" disabled>
<option value="0">请选择状态 </option>
......@@ -61,13 +55,13 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>当前轮次</label>
<label class="layui-form-label"><i class="redrequired">*</i>当前轮次</label>
<div class="layui-input-inline">
<input type="number" name="turn" class="layui-input" readonly />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="red">*</i>发放红包预算 </label>
<label class="layui-form-label"><i class="redrequired">*</i>发放红包预算 </label>
<div class="layui-input-inline">
<input type="number" name="planMny" class="layui-input" lay-verify="required" />
</div>
......@@ -239,75 +233,75 @@
</fieldset>
</div>
<blockquote class="layui-elem-quote">提示语设置</blockquote>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">粉丝输入以下关键字将触发抽奖功能(多个关键字请以“|”分隔)</label>
<div class="layui-input-block">
<input type="text" name="keyword" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">红包活动欢迎语</label>
<div class="layui-input-block">
<textarea name="replyWelcome" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">提示语(多个请以“|”分隔), 不填则仍给抽奖机会</label>
<div class="layui-input-block">
<input type="text" name="badWordsReply" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">等待中奖结果提示语</label>
<div class="layui-input-block">
<input type="text" name="replyWait" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">中奖提示语</label>
<div class="layui-input-block">
<input type="text" name="replySucceed" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">未中奖提示语</label>
<div class="layui-input-block">
<input type="text" name="unLotteryReply" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">第二次未中奖提示语</label>
<div class="layui-input-block">
<input type="text" name="replyFailed2" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">活动结束后新粉丝触发抽奖提示语</label>
<div class="layui-input-block">
<input type="text" name="finishReply" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">粉丝中奖后,向粉丝推送的红包链接标题</label>
<div class="layui-input-block">
<input type="text" name="lotteryTitle" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">粉丝中奖后,向粉丝推送的红包链接的副标题</label>
<div class="layui-input-block">
<input type="text" name="lotterySubTitle" class="layui-input" />
</div>
</div>
<div class="layui-form-item redpagebox">
<div class="layui-form-item tipbox">
<label class="layui-form-label">粉丝当前轮次已经中奖后,向粉丝回复的内容</label>
<div class="layui-input-block">
<input type="text" name="noChanceReply" class="layui-input" />
</div>
</div>
<div class="layui-form-item layui-form-text">
<div class="layui-form-item">
<label class="layui-form-label"></label>
<a class="layui-btn" lay-submit="" lay-filter="submit">保存</a>
<a class="layui-btn" lay-submit lay-filter="submit">保存</a>
<button class="layui-btn" lay-submit lay-filter="status2">立即开启活动</button>
<button class="layui-btn" lay-submit lay-filter="status3">立即结束活动</button>
<button class="layui-btn" lay-submit lay-filter="nextround">开启下一轮</button>
......@@ -316,10 +310,10 @@
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script src="/zzhnc/res/plugins/layui/layui.js"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['form', 'element', 'laydate', 'layer', 'laypage', 'layedit'], function() {
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
var form = layui.form,
element = layui.element,
laydate = layui.laydate,
......
......@@ -13,8 +13,8 @@
<body class="wrap">
<form class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;">
<div class="layui-input-inline" style="width: 150px;">
<div class="layui-form-item searchbox">
<div class="layui-input-inline">
<input class="layui-input" name="keyword" placeholder="关键字" />
</div>
<button class="layui-btn" lay-submit lay-filter="querybtn">查询</button>
......@@ -24,66 +24,50 @@
<table class="layui-table">
<thead>
<tr>
<th style="width:30px;">No</th>
<th style="min-width:120px;">头像昵称</th>
<th style="width:160px;">地区</th>
<th style="min-width:80px;">上级粉丝</th>
<th style="min-width:60px;">销售人员</th>
<th style="min-width:60px;">小程序 openid</th>
<th style="min-width:80px;">创建时间</th>
<th style="min-width:80px;">上次登录时间</th>
<th>No</th>
<th>头像昵称</th>
<th>地区</th>
<th>上级粉丝</th>
<th>小程序 openid</th>
<th>创建时间</th>
<th>上次登录时间</th>
</tr>
</thead>
<tbody id="fanslist">
</tbody>
</table>
<div class="nulldata">暂无数据</div>
<div class="nodata">暂无数据</div>
<div id="page"></div>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script src="/zzhnc/res/plugins/layui/layui.js"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
var form = layui.form(),
element = layui.element(),
laydate = layui.laydate,
layer = layui.layer,
layui.use(['form', 'element', 'laypage'], function() {
var form = layui.form,
element = layui.element,
laypage = layui.laypage;
var page = 1,
keyword = ""
var queryObj = {
page: 1,
pagesize: 10,
keyword: null
};
//初始化数据
initData(page, keyword)
function initData(page, keyword) {
$.post("/zzhnc/report/getFansList", {
page: page,
keyword: keyword
}, function(data) {
//初始化方法
function initData(queryObj) {
$.post("/zzhnc/report/getFansList", queryObj, function(res) {
data = res.data;
console.log(data)
data = data.data;
laypage({
cont: 'page',
pages: data.totalPages,
curr: page,
skip: true,
jump: function(obj, first) {
if(!first) {
page = obj.curr
initData(page, keyword)
}
}
});
$("#fanslist").html("")
if(data.rows.length > 0) {
$(".nulldata").hide();
if(data.rows.length < 1) {
$(".nodata").show();
$("#page").hide();
} else {
$(".nodata").hide();
$("#page").show();
var str = "";
for(var i = 0; i < data.rows.length; i++) {
var nick = "";
......@@ -96,13 +80,11 @@
nick = '<div class="nickbox"><div id="wlogo" style="background:url(' + data.rows[i].logo + ') no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> ' + data.rows[i].nickname + '</span></div>';
}
}
str += '<tr data-id=' + data.rows[i].id + '>' +
str += '<tr>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
'<td style="text-align:left;">' + nick + '</td>' +
'<td>' + nick + '</td>' +
'<td>' + ToAddress(data.rows[i]) + '</td>' +
'<td>' + data.rows[i].parentfans + '</td>' +
'<td>' + data.rows[i].salesname + '</td>' +
'<td>' + data.rows[i].miniopenid + '</td>' +
'<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
'<td>' + toTime_G(data.rows[i].lastlogintime) + '</td>' +
......@@ -110,35 +92,44 @@
}
$("#fanslist").html(str)
toNull_G();
} else {
$(".nulldata").show()
return false;
laypage.render({
elem: 'page',
count: data.totalPages,
curr: queryObj.page,
skip: true,
jump: function(obj, first) {
if(!first) {
queryObj.page = obj.curr
initData(queryObj)
}
}
});
}
})
}
//初始化数据
initData(queryObj)
//查询操作
form.on("submit(querybtn)", function(e) {
initData(1, e.field.keyword)
queryObj.page = 1;
queryObj.keyword = e.field.keyword;
initData(queryObj)
return false
})
//重置操作
form.on("submit(resetbtn)", function(e) {
$("[name=keyword]").val("")
initData(1, "");
queryObj.page = 1;
queryObj.keyword = null;
initData(queryObj)
return false
})
function fanstype(t) {
if(t == 1) {
return "销售助手粉丝"
} else if(t == 2) {
return "万小二粉丝"
} else {
return ""
}
}
function ToAddress(data) {
var p = data.province || ""
var c = data.city || ""
......
......@@ -6,85 +6,80 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>商品报表</title>
<title>抽奖记录</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head>
<style>
.floatR {
float: right;
line-height: 36px;
padding-right: 40px;
}
.floatR span {
color: red;
font-size: 1.4em;
}
</style>
<body class="wrap">
<form class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;">
<div class="layui-input-inline" style="width: 150px;">
<input class="layui-input" name="keyword" placeholder="关键字" />
<div class="layui-form">
<div class="layui-form-item">
<div class="layui-input-inline">
<input type="text" class="layui-input" name="keyword" placeholder="关键字" />
</div>
<button class="layui-btn" lay-submit lay-filter="querybtn">查询</button>
<button class="layui-btn layui-btn-primary" lay-submit lay-filter="resetbtn">重置</button>
<button class="layui-btn layui-btn-primary resetBtn" type="reset">重置</button>
</div>
</form>
</div>
<table class="layui-table">
<thead>
<tr>
<th style="width:30px;">No</th>
<th style="min-width:120px;">头像昵称</th>
<th style="width:160px;">地区</th>
<th style="min-width:80px;">上级粉丝</th>
<th style="min-width:60px;">销售人员</th>
<th style="min-width:60px;">小程序 openid</th>
<th style="min-width:80px;">创建时间</th>
<th style="min-width:80px;">上次登录时间</th>
<th>No</th>
<th>商品主图</th>
<th>商品标题</th>
<th>转发数</th>
<th>浏览数</th>
</tr>
</thead>
<tbody id="fanslist">
<tbody id="tablelist">
</tbody>
</table>
<div class="nulldata">暂无数据</div>
<div class="nodata">暂无数据</div>
<div id="page"></div>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script src="/zzhnc/res/plugins/layui/layui.js"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
var form = layui.form(),
element = layui.element(),
laydate = layui.laydate,
layer = layui.layer,
layui.use(['form', 'element', 'laypage'], function() {
var form = layui.form,
element = layui.element,
laypage = layui.laypage;
var page = 1,
keyword = ""
//初始化数据
initData(page, keyword)
//查询条件
var queryObj = {
page: 1,
pagesize: 10,
keyword: null
}
function initData(page, keyword) {
$.post("/zzhnc/report/getFansList", {
page: page,
keyword: keyword
}, function(data) {
console.log(data)
//初始化方法
function initData(queryObj) {
$.post("/zzhnc/activity/getLotteryLogList", queryObj, function(data) {
data = data.data;
console.log(data)
laypage({
cont: 'page',
pages: data.totalPages,
curr: page,
skip: true,
jump: function(obj, first) {
if(!first) {
page = obj.curr
initData(page, keyword)
}
}
});
$("#fanslist").html("")
if(data.rows.length > 0) {
$(".nulldata").hide();
var str = "";
var str = "";
if(data.rows.length < 1) {
$(".nodata").show();
$("#page").hide();
} else {
$(".nodata").hide();
$("#page").show();
for(var i = 0; i < data.rows.length; i++) {
var nick = "";
if((data.rows[i].nickname == null || data.rows[i].nickname == "") && (data.rows[i].logo == null || data.rows[i].logo == "")) {
......@@ -96,55 +91,53 @@
nick = '<div class="nickbox"><div id="wlogo" style="background:url(' + data.rows[i].logo + ') no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> ' + data.rows[i].nickname + '</span></div>';
}
}
str += '<tr data-id=' + data.rows[i].id + '>' +
str += '<tr>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
'<td style="text-align:left;">' + nick + '</td>' +
'<td>' + ToAddress(data.rows[i]) + '</td>' +
'<td>' + data.rows[i].parentfans + '</td>' +
'<td>' + data.rows[i].salesname + '</td>' +
'<td>' + data.rows[i].miniopenid + '</td>' +
'<td>' + data.rows[i].turn + '</td>' +
'<td>' + nick + '</td>' +
'<td>' + data.rows[i].mny + '元</td>' +
'<td>' + data.rows[i].name + '元</td>' +
'<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
'<td>' + toTime_G(data.rows[i].lastlogintime) + '</td>' +
'</tr>'
'</tr>';
}
$("#fanslist").html(str)
toNull_G();
} else {
$(".nulldata").show()
return false;
}
})
}
form.on("submit(querybtn)", function(e) {
initData(1, e.field.keyword)
return false
})
$("#tablelist").html(str);
toNull_G();
form.on("submit(resetbtn)", function(e) {
$("[name=keyword]").val("")
initData(1, "");
return false
})
laypage.render({
elem: 'page',
count: data.totalPages, //总页数
curr: queryObj.page,
skip: true,
jump: function(obj, first) {
if(!first) {
queryObj.page = obj.curr
initData(queryObj);
}
function fanstype(t) {
if(t == 1) {
return "销售助手粉丝"
} else if(t == 2) {
return "万小二粉丝"
} else {
return ""
}
}
});
})
}
function ToAddress(data) {
var p = data.province || ""
var c = data.city || ""
var d = data.district || ""
return !!(p + c + d) ? (p + c + d) : "未知城市"
}
//初始化数据
initData(queryObj);
//查询
form.on('submit(querybtn)', function(data) {
queryObj.page = 1;
queryObj.keyword = $("[name=keyword]").val();
initData(queryObj);
});
//重置
$(".resetBtn").on("click", function() {
$("[name=keyword]").val("");
queryObj.page = 1;
queryObj.keyword = null;
initData(queryObj);
})
})
</script>
......
......@@ -10,81 +10,93 @@
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
</head>
<style>
.floatR {
float: right;
line-height: 36px;
padding-right: 40px;
}
.floatR span {
color: red;
font-size: 1.4em;
}
</style>
<body class="wrap">
<form class="layui-form">
<div class="layui-form-item searchbox" style="margin-bottom: 0px;">
<div class="layui-input-inline" style="width: 150px;">
<input class="layui-input" name="keyword" placeholder="关键字" />
<div class="layui-form">
<div class="layui-form-item">
<div class="layui-input-inline" style="width: 140px;">
<input type="number" class="layui-input" name="turn" placeholder="轮次(数字)" />
</div>
<div class="layui-input-inline" style="width: 140px;">
<select name="status">
<option value="">请选择</option>
<option value="100">全部</option>
<option value="0">未中奖</option>
<option value="1">中奖</option>
</select>
</div>
<div class="layui-input-inline" style="width: 140px;">
<input type="text" class="layui-input" name="keyword" placeholder="关键字" />
</div>
<button class="layui-btn" lay-submit lay-filter="querybtn">查询</button>
<button class="layui-btn layui-btn-primary" lay-submit lay-filter="resetbtn">重置</button>
<button class="layui-btn layui-btn-primary resetBtn" type="reset">重置</button>
<div class="floatR">已中奖金额:<span id="moneySum"></span></div>
</div>
</form>
</div>
<table class="layui-table">
<thead>
<tr>
<th style="width:30px;">No</th>
<th style="min-width:120px;">头像昵称</th>
<th style="width:160px;">地区</th>
<th style="min-width:80px;">上级粉丝</th>
<th style="min-width:60px;">销售人员</th>
<th style="min-width:60px;">小程序 openid</th>
<th style="min-width:80px;">创建时间</th>
<th style="min-width:80px;">上次登录时间</th>
<th>No</th>
<th>轮次</th>
<th>中奖人员</th>
<th>红包</th>
<th>礼品</th>
<th>时间 </th>
</tr>
</thead>
<tbody id="fanslist">
<tbody id="tablelist">
</tbody>
</table>
<div class="nulldata">暂无数据</div>
<div class="nodata">暂无数据</div>
<div id="page"></div>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script src="/zzhnc/res/plugins/layui/layui.js"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
var form = layui.form(),
element = layui.element(),
laydate = layui.laydate,
layer = layui.layer,
layui.use(['form', 'element', 'laypage'], function() {
var form = layui.form,
element = layui.element,
laypage = layui.laypage;
var page = 1,
keyword = ""
//初始化数据
initData(page, keyword)
//查询条件
var queryObj = {
page: 1,
pagesize: 10,
turn: 0,
status: null,
keyword: null
}
function initData(page, keyword) {
$.post("/zzhnc/report/getFansList", {
page: page,
keyword: keyword
}, function(data) {
console.log(data)
//初始化方法
function initData(queryObj) {
$.post("/zzhnc/activity/getLotteryLogList", queryObj, function(data) {
data = data.data;
$('#moneySum').text(data.sum)
console.log(data)
laypage({
cont: 'page',
pages: data.totalPages,
curr: page,
skip: true,
jump: function(obj, first) {
if(!first) {
page = obj.curr
initData(page, keyword)
}
}
});
$("#fanslist").html("")
if(data.rows.length > 0) {
$(".nulldata").hide();
var str = "";
var str = "";
if(data.rows.length < 1) {
$(".nodata").show();
$("#page").hide();
} else {
$(".nodata").hide();
$("#page").show();
for(var i = 0; i < data.rows.length; i++) {
var nick = "";
if((data.rows[i].nickname == null || data.rows[i].nickname == "") && (data.rows[i].logo == null || data.rows[i].logo == "")) {
......@@ -96,55 +108,61 @@
nick = '<div class="nickbox"><div id="wlogo" style="background:url(' + data.rows[i].logo + ') no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> ' + data.rows[i].nickname + '</span></div>';
}
}
str += '<tr data-id=' + data.rows[i].id + '>' +
str += '<tr>' +
'<td>' + ((data.page - 1) * data.pageSize + i + 1) + '</td>' +
'<td style="text-align:left;">' + nick + '</td>' +
'<td>' + ToAddress(data.rows[i]) + '</td>' +
'<td>' + data.rows[i].parentfans + '</td>' +
'<td>' + data.rows[i].salesname + '</td>' +
'<td>' + data.rows[i].miniopenid + '</td>' +
'<td>' + data.rows[i].turn + '</td>' +
'<td>' + nick + '</td>' +
'<td>' + data.rows[i].mny + '元</td>' +
'<td>' + data.rows[i].name + '元</td>' +
'<td>' + toTime_G(data.rows[i].createdtime) + '</td>' +
'<td>' + toTime_G(data.rows[i].lastlogintime) + '</td>' +
'</tr>'
'</tr>';
}
$("#fanslist").html(str)
toNull_G();
} else {
$(".nulldata").show()
return false;
}
})
}
$("#tablelist").html(str);
toNull_G();
form.on("submit(querybtn)", function(e) {
initData(1, e.field.keyword)
return false
})
form.on("submit(resetbtn)", function(e) {
$("[name=keyword]").val("")
initData(1, "");
return false
})
laypage.render({
elem: 'page',
count: data.totalPages, //总页数
curr: queryObj.page,
skip: true,
jump: function(obj, first) {
if(!first) {
queryObj.page = obj.curr
initData(queryObj);
}
function fanstype(t) {
if(t == 1) {
return "销售助手粉丝"
} else if(t == 2) {
return "万小二粉丝"
} else {
return ""
}
}
});
})
}
function ToAddress(data) {
var p = data.province || ""
var c = data.city || ""
var d = data.district || ""
return !!(p + c + d) ? (p + c + d) : "未知城市"
}
//初始化数据
initData(queryObj);
//查询
form.on('submit(querybtn)', function(data) {
console.log(data.field)
queryObj = data.field;
queryObj.page = 1;
queryObj.keyword = $("[name=keyword]").val();
queryObj.turn = $("[name=turn]").val();
queryObj.status = (queryObj.status == 100 ? "" : queryObj.status)
initData(queryObj);
});
//重置
$(".resetBtn").on("click", function() {
$("[name=keyword]").val("");
$("[name=turn]").val("");
$('[name=status]').val("")
queryObj.turn = null;
queryObj.keyword = null;
queryObj.status = null
form.render();
initData(queryObj);
})
})
</script>
......
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/Layuiglobal.css">
<style>
h4 {
border-bottom: 1px solid #eee;
line-height: 40px;
padding-left: 20px;
}
.accredittrue,.accreditfalse {
text-align: center;
margin-top: 60px;
display: none;
}
.wxblock {
border: 1px solid #43c2af;
border-radius: 10px;
width: 680px;
height: 380px;
}
.succbck {
background: url(../../res/images/succ1.png) no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}
.failbck {
background: url(../../res/images/fail1.png) no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}
.result {
display: inline-block;
margin-top: 70px;
}
.result i {
width: 40px;
height: 40px;
float: left;
margin-right: 10px;
display: inline-block;
}
.result span {
color: #0088CC;
line-height: 40px;
font-size: 20px;
float: left;
font-weight: bold;
}
.wxblock {
overflow: hidden;
border: 1px solid #ccc;
text-align: center;
margin: 40px auto;
}
h4 {
line-height: 40px;
}
h4 i {
font-size: 30px;
margin-right: 10px;
}
</style>
</head>
<body>
<h4>
<i class="layui-icon">&#xe620;</i>微信号配置
</h4>
<section class="wxblock">
<div class="accredittrue">
<p class="result">
<i class="succbck"></i><span>授权成功!</span>
</p>
</div>
<div class="accreditfalse" style="display: none;">
<p class="result">
<i class="failbck"></i><span class="failtxt">授权失败!</span>
</p>
</div>
</section>
</body>
<script src='/zzhnc/res/js/jquery.min.js'></script>
<script type="text/javascript" src="/zzhnc/res/js/jquery.qqFace.js"></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script src="/zzhnc/res/js/me.js"></script>
<script>
layui.use([ 'layer', 'element' ], function() {
var element = layui.element;
var layer = layui.layer //初始化弹窗组件
var timer;//声明一个定时器
var loadurl = window.location.href;
console.log(loadurl);
var arr = loadurl.split("auth_code=");
var url = arr[1];
console.log(url);
var arr1 = url.split("&expires_in");
console.log(arr1[0], arr1[1]);
var auth_code = arr1[0];
console.log(auth_code);
function publik() {
$.post("../wx/getAuthAuthorization", {
auth_code : auth_code,
merchantId: 1
}, function(data) {
console.log(data);
if (data.code == 0) {
$(".accredittrue").show();
$(".accreditfalse").hide();
} else {
$(".accreditfalse").hide();
$(".failtxt").html(data.msg);
$(".accredittrue").show();
}
})
}
publik();
})
</script>
</html>
@charset "UTF-8";
/*----------------登录页面-----------------*/
.loginblock {
......@@ -87,28 +88,74 @@
/*-----------登录页面 end-----------*/
/*-----------公共样式-----------*/
.wrap {
padding: 16px;
}
.nodata{
text-align: center;
height: 100px;
.nodata {
text-align: center;
height: 100px;
line-height: 100px;
display: none;
}
.redrequired {
color: #ff0000;
margin-right: 5px;
}
.layui-code, .layui-upload-list{
margin: 0;
}
.layui-upload-list {
width: 200px;
max-height: 200px;
overflow: hidden;
clear: both;
}
.layui-upload-list img {
width: 100%;
border-radius: 4px;
}
.layui-table td,
.layui-table th {
text-align: center;
}
.layui-form-label {
width: 100px;
}
.imgUrl {
width: 50px;
height: 50px;
}
#upload{
float: left;
margin-right: 10px;
}
/*-----------公共样式 end-----------*/
/*-------------弹出框-------------*/
.popupbox {
width: 100%;
}
.popupbos {
background-color: #fff;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
width: 100%;
margin: auto;
padding-top: 20px;
padding: 16px 26px 16px 16px;
box-sizing: border-box;
}
.popupbos p {
......@@ -118,15 +165,16 @@
margin-bottom: 40px;
color: #666;
}
.popupbox .layui-form-label {
width: 126px;
.popupbos .layui-form-label{
width: 90px;
padding: 9px 0;
}
.layui-table td, .layui-table th{
text-align: center;
.popupbos .layui-input-block{
margin-left: 90px;
}
.popupbos .layui-form-mid{
padding: 0!important;
}
/*-------------弹出框 end-------------*/
/*-------------弹出框 end-------------*/
\ No newline at end of file
#fansInfoBox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #efefef;
z-index: 100000000;
display: none;
align-items: center;
color: #333;
}
#fansInfoBox .section {
padding: 10px 20px;
/* border: 1px solid #999; */
background-color: #fff;
margin: 10px 0;
}
#fansInfoBox .flexBox {
display: flex;
}
#fansInfoBox .userLogo {
width: 70px;
height: 70px;
border-radius: 4px;
}
#fansInfoBox .userLogo img {
width: 100%;
height: 100%;
}
#fansInfoBox .userInfo {
flex: 1;
}
#fansInfoBox .userInfo>p:first-child {
margin-bottom: 12px;
padding-left: 10px;
box-sizing: border-box;
}
#fansInfoBox .labels span {
background-color: #b50005;
color: #fff;
font-size: 0.8em;
padding: 1px 8px;
margin: 2px;
display: inline-block;
}
#fansInfoBox .noteStyle {
margin-top: 4px;
font-size: 0.9em;
color: #666;
}
#fansInfoBox .noteStyle>div:first-child {
width: 80px;
padding-left: 10px;
box-sizing: border-box;
}
#fansInfoBox .labels {
flex: 1;
}
#fansInfoBox .labelTitle {
width: 80px;
}
#fansInfoBox .subSection {
padding: 10px 0;
border-bottom: 1px solid #eee;
}
#fansInfoBox .editStyle {
justify-content: space-between;
}
#fansInfoBox .editStyle .iconfont {
color: #333;
font-size: 1.2em;
}
#fansInfoBox textarea {
width: 100%;
height: 80px;
margin-top: 20px;
border-radius: 6px;
resize: none;
padding: 10px;
box-sizing: border-box;
background: none;
border: 1px solid #eee;
outline: none;
-webkit-appearance: none;
}
#fansInfoBox .btnBox {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
margin-top: 40px;
}
#fansInfoBox button {
background: none;
border: none;
background-color: #b50005;
color: #fff;
width: 100%;
height: 40px;
border-radius: 2px;
font-size: 14px;
}
#fansInfoBox #closeLabelFn {
background-color: #fff;
margin-top: 10px;
color: #b50005;
}
#fansInfoBox .editLabels {
display: flex;
justify-content: space-between;
display: none;
}
#fansInfoBox .editLabels input {
flex: 1;
height: 100%;
border: 1px solid #eee;
margin-right: 8px;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
}
#fansInfoBox .editLabels .iconfont {
color: #b50005;
}
#fansInfoBox .telValue,
#fansInfoBox .nameValue {
width: 100%;
border: none;
background: none;
font-size: 1em;
padding: 0;
color: #333;
}
#fansInfoBox .fansInfoBox_label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #eee;
display: none;
box-sizing: border-box;
}
#fansInfoBox .fansInfoBox_label .labelConent {
background-color: #fff;
padding: 10px;
border-bottom: 1px solid #ccc;
}
#fansInfoBox .fansInfoBox_label .tagInput {
display: flex;
}
#fansInfoBox .fansInfoBox_label .tagInput input {
height: 24px;
border: 1px solid #eee;
box-sizing: border-box;
padding-left: 10px;
flex: 1;
}
#fansInfoBox .fansInfoBox_label .tagInput .addTag {
width: 50px;
height: 24px;
font-size: 12px;
margin-left: 10px;
}
#fansInfoBox .fansInfoBox_label .userTags {
margin-bottom: 10px;
background-color: #fff;
}
#fansInfoBox .fansInfoBox_label .userTags span,
.tagListBox span {
border: 1px solid rgba(181, 0, 5, 0.4);
border-radius: 20px;
color: #b50005;
font-size: 0.8em;
padding: 2px 8px;
margin: 2px;
margin-top: 10px;
display: inline-block;
}
#fansInfoBox .fansInfoBox_label .tagHistory span.unSelect {
color: rgba(181, 0, 5, 0.4);
border: 1px solid #aaa;
}
#fansInfoBox .tagHistory {
padding: 10px;
box-sizing: border-box;
}
#fansInfoBox .tagHistory .title {
color: #999;
}
#fansInfoBox .tagListBox {
margin-top: 10px;
}
#fansInfoBox .saveTagBtnBox {
padding: 10px;
box-sizing: border-box;
margin-top: 50px;
}
#fansInfoBox .saveTagBtnBox .close {
background-color: #fff;
color: #b50005;
margin-top: 10px;
}
\ No newline at end of file
#queryFansBox {
width: 100%;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: 100000000;
display: none;
}
.queryBtn {
width: 30px;
height: 30px;
position: absolute;
top: 20px;
right: 20px;
}
.qeruySection {
width: 100%;
height: 46px;
background-color: #efefef;
display: flex;
padding: 8px;
box-sizing: border-box;
}
.qeruySection>div:first-child {
background-color: #fff;
height: 30px;
padding-left: 20px;
border-radius: 4px;
flex: 1;
}
.qeruySection>div:first-child>div {
margin-top: 5px;
height: 20px;
position: relative;
/* background-color: red; */
}
.qeruySection>div:nth-child(2) {
width: 50px;
text-align: center;
height: 30px;
line-height: 30px;
}
.qeruySection>div:nth-child(2) .icon-duihao {
color: #1AAD19;
display: none;
}
.qeruySection>div:nth-child(2) button {
background: none;
border: none;
color: #1AAD19;
height: 30px;
}
.qeruySection>div:first-child .iconfont {
color: #999;
font-size: 14px;
}
#queryFansBox input {
outline: none;
-webkit-appearance: none;
border: none;
background: none;
height: 100%;
width: calc(100% - 38px);
}
.queryLabelsBox {
padding: 20px;
}
.queryLabelsBox .title {
text-align: center;
color: #999;
font-size: 14px;
}
.qeruySection .icon-guanbi {
position: absolute;
right: 10px;
top: 0;
font-size: 18px;
display: none;
}
.queryLabelsBox .labelsList span {
border: 1px solid #1AAD19;
border-radius: 20px;
color: #1AAD19;
font-size: 0.8em;
padding: 2px 8px;
margin: 6px;
margin-top: 10px;
display: inline-block;
}
.queryFansItemBox {
display: flex;
padding: 10px 20px;
background-color: #fff;
border-bottom: 1px solid #eee;
}
.queryFansItemBox .userLogo {
width: 36px;
height: 36px;
border-radius: 50%;
}
.queryFansItemBox .content {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.queryFansItemBox .content p {
padding-left: 10px;
}
.queryFansItemBox .content p:nth-child(2) {
color: #999;
font-size: 0.8em;
margin-top: 6px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.queryFansItemBox .lastTime {
color: #999;
font-size: 0.8em;
}
\ No newline at end of file
/** layui-v2.1.5 MIT License By http://www.layui.com */
.layim-tab-content li h5,.layui-layim-list li{border-bottom:1px solid #f2f2f2;cursor:pointer}html #layuicss-skinlayim-mobilecss{display:none;position:absolute;width:1989px}.layim-tab-content li h5 *,.layui-layim-skin li,.layui-layim-tab li,.layui-layim-tool li{display:inline-block;vertical-align:top;*zoom:1;*display:inline}.layim-tab-content li h5 span,.layui-layim-list li p,.layui-layim-list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layui-layim-tab{position:absolute;bottom:0;left:0;right:0;height:50px;border-top:1px solid #f2f2f2;background-color:#fff}.layui-layim-tab li{position:relative;width:33.33%;height:50px;text-align:center;color:#666;color:rgba(0,0,0,.6);cursor:pointer}.layui-layim-tab li .layui-icon{position:relative;top:7px;font-size:25px}.layui-layim-tab li span{position:relative;bottom:-3px;display:block;font-size:12px}.layui-layim-tab li[lay-type=more] .layui-icon{top:4px;font-size:22px}.layui-layim-tab li.layim-this{color:#3FDD86}.layim-new{display:none;position:absolute;top:5px;left:50%;margin-left:15px;width:10px;height:10px;border-radius:10px;background-color:#F74C31;color:#fff}.layim-list-top .layim-new{position:relative;vertical-align:top;top:10px;left:initial;margin-left:5px}.layim-list-top i.layui-show{display:inline-block!important}.layim-tab-content,.layim-tab-content li ul{display:none}.layui-layim{position:fixed;left:0;right:0;top:50px;bottom:50px;overflow-y:auto;overflow-x:hidden;/*-webkit-overflow-scrolling:touch*/}.layim-tab-content li h5{position:relative;padding-left:35px;height:45px;line-height:45px;font-size:0;white-space:nowrap;overflow:hidden}.layim-tab-content li h5 *{font-size:17px}.layim-tab-content li h5 span{max-width:80%}.layim-tab-content li h5 i{position:absolute;left:12px;top:0;color:#C9BDBB}.layim-tab-content li h5 em{padding-left:5px;color:#999}.layim-list-friend,.layim-list-group{background-color:#fff}.layui-layim-list li{position:relative;height:42px;padding:5px 15px 5px 60px;font-size:0}.layui-layim-list li:active{background-color:#F2F2F2;background-color:rgba(0,0,0,.05)}.layui-layim-list li.layim-null{height:20px;line-height:20px;padding:10px 0;color:#999;text-align:center;cursor:default;font-size:14px}.layim-list-history li.layim-null{padding:30px 0;border-bottom:none;background-color:#eee}.layui-layim-list li *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:17px}.layui-layim-list li span{margin-top:2px;max-width:155px;font-size:17px}.layui-layim-list li img{position:absolute;left:12px;top:8px;width:36px;height:36px;border-radius:100%}.layui-layim-list li p{display:block;padding-right:30px;line-height:18px;font-size:13px;color:#999}.layui-layim-list li .layim-msg-status{display:none;position:absolute;right:10px;bottom:7px;padding:0 5px;height:17px;line-height:17px;border-radius:17px;text-align:center;font-size:10px;background-color:#F74C31;color:#fff}.layim-list-gray{-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);filter:gray}.layim-list-top{background-color:#fff;font-size:17px}.layim-list-top li{position:relative;padding:0 15px 0 50px;line-height:45px;border-bottom:1px solid #f2f2f2;cursor:pointer}.layim-list-top li:last-child{margin-bottom:10px;border-bottom:none}.layim-list-top li .layui-icon{position:absolute;left:12px;top:0;margin-right:10px;color:#36373C;font-size:24px}.layim-list-top li[layim-event=newFriend] .layui-icon{left:15px}.layim-panel,.layim-title{position:fixed;left:0;right:0;top:0}.layim-list-top li[layim-event=group] .layui-icon{font-size:20px}.layim-list-top li[layim-event=about] .layui-icon{font-size:25px}.layim-panel{bottom:0;background-color:#eee;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}.layim-title{height:50px;line-height:50px;padding:0 15px;background-color:#36373C;color:#fff;font-size:18px}.layim-chat-status{padding-left:15px;font-size:14px;opacity:.7}.layim-title .layim-chat-back{display:inline-block;vertical-align:middle;position:relative;padding:0 15px;margin-left:-10px;top:0;font-size:24px;cursor:pointer}.layim-chat-detail{position:absolute;right:0;top:0;padding:0 15px;font-size:18px;cursor:pointer}.layim-chat-main,.layim-content{position:fixed;top:50px;left:0;right:0;overflow-y:auto;overflow-x:hidden}.layim-chat-detail:active,.layim-title .layim-chat-back:active{opacity:.8}.layui-layim .layim-title{text-align:left}.layui-layim .layim-title p{padding:0 15px}.layim-content{bottom:0}.layim-chat-main{width:100%;bottom:85px;padding:15px;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}.layim-chat-main ul{overflow-x:hidden}.layim-chat-main ul li{position:relative;font-size:0;margin-bottom:10px;padding-left:60px;min-height:68px}.layim-chat-text,.layim-chat-user{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:15px}.layim-chat-user{position:absolute;left:3px}.layim-chat-user img{width:40px;height:40px;border-radius:100%}.layim-chat-user cite{position:absolute;left:60px;top:-2px;width:500px;line-height:24px;font-size:12px;white-space:nowrap;color:#999;text-align:left;font-style:normal}.layim-chat-user cite i{padding-left:15px;font-style:normal}.layim-chat-text{position:relative;min-height:22px;line-height:22px;margin-top:25px;padding:8px 15px;background-color:#fff;border-radius:3px;color:#333;word-break:break-all}.layim-chat-text:after{content:'';position:absolute;left:-10px;top:13px;width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;border-width:10px}.layim-chat-text a{color:#33DF83}.layim-chat-text img{max-width:100%;vertical-align:middle}.layim-chat-text .layui-layim-file,.layui-layim-file{display:block;text-align:center}.layim-chat-text .layui-layim-file{color:#333}.layui-layim-file:active{opacity:.9}.layui-layim-file i{font-size:80px;line-height:80px}.layui-layim-file cite{display:block;line-height:20px;font-size:17px}.layui-layim-audio{text-align:center;cursor:pointer}.layui-layim-audio .layui-icon{position:relative;top:5px;font-size:24px}.layui-layim-audio p{margin-top:3px}.layui-layim-video{width:120px;height:80px;line-height:80px;background-color:#333;text-align:center;border-radius:3px}.layui-layim-video .layui-icon{font-size:36px;cursor:pointer;color:#fff}.layim-chat-main ul .layim-chat-mine{text-align:right;padding-left:0;padding-right:60px}.layim-chat-mine .layim-chat-user{left:auto;right:3px}.layim-chat-mine .layim-chat-user cite{left:auto;right:60px;text-align:right}.layim-chat-mine .layim-chat-user cite i{padding-left:0;padding-right:15px}.layim-chat-mine .layim-chat-text{margin-left:0;text-align:left;background-color:#5FB878;color:#fff}.layim-chat-mine .layim-chat-text:after{left:auto;right:-10px;border-top-color:#5FB878}.layim-chat-mine .layim-chat-text a{color:#fff}.layim-chat-main ul .layim-chat-system{min-height:0;margin:20px 0 5px;padding:0}.layim-chat-system{margin:10px 0;text-align:center}.layim-chat-system span{display:inline-block;line-height:30px;padding:0 15px;border-radius:3px;background-color:#ddd;color:#fff;font-size:14px;cursor:pointer}.layim-chat-footer{position:fixed;bottom:0;left:10px;right:10px;height:80px}.layim-chat-send{display:-webkit-box;display:-webkit-flex;display:flex}.layim-chat-send input{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:40px;padding-left:5px;border:0;background-color:#fff;border-radius:3px}.layim-chat-send button{border-radius:3px;height:40px;padding:0 20px;border:0;margin-left:10px;background-color:#5FB878;color:#fff}.layim-chat-tool{position:relative;width:100%;overflow-x:auto;padding:0;height:38px;line-height:38px;margin-top:3px;font-size:0;white-space:nowrap}.layim-chat-tool span{position:relative;margin:0 15px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:28px;cursor:pointer}.layim-chat-tool .layim-tool-log{position:absolute;right:5px;font-size:14px}.layim-tool-log i{position:relative;top:2px;margin-right:5px;font-size:20px;color:#999}.layim-tool-image input{position:absolute;font-size:0;left:0;top:0;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}.layim-layer{position:fixed;bottom:85px;left:10px;right:10px;margin:0 auto}.layui-layim-face{position:relative;max-height:180px;overflow:auto;padding:10px;font-size:0}.layui-layim-face li{cursor:pointer;display:inline-block;vertical-align:bottom;padding:5px 2px;text-align:center;width:10%;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}.layui-layim-face li img{width:22px;height:22px}.layim-about{font-size:17px}.layim-about .layui-m-layercont{text-align:left}.layim-about .layui-m-layercont p{line-height:30px}.layim-about .layui-m-layercont a{color:#01AAED}
/** layui-v2.1.5 MIT License By http://www.layui.com */
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font:12px 'Helvetica Neue','PingFang SC',STHeitiSC-Light,Helvetica,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0)}a{text-decoration:none;background:0 0}a:active,a:hover{outline:0}table{border-collapse:collapse;border-spacing:0}li{list-style:none}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6{font-weight:500}address,cite,dfn,em,var{font-style:normal}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}img{border:0;vertical-align:bottom}.layui-inline,input,label{vertical-align:middle}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:0}button,select{text-transform:none}select{-webkit-appearance:none;border:none}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}@font-face{font-family:layui-icon;src:url(../font/iconfont.eot?v=1.0.7);src:url(../font/iconfont.eot?v=1.0.7#iefix) format('embedded-opentype'),url(../font/iconfont.woff?v=1.0.7) format('woff'),url(../font/iconfont.ttf?v=1.0.7) format('truetype'),url(../font/iconfont.svg?v=1.0.7#iconfont) format('svg')}.layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-box,.layui-box *{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing:content-box!important}.layui-border-box,.layui-border-box *{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}.layui-inline{position:relative;display:inline-block;*display:inline;*zoom:1}.layui-edge,.layui-upload-iframe{position:absolute;width:0;height:0}.layui-edge{border-style:dashed;border-color:transparent;overflow:hidden}.layui-elip{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-disabled,.layui-disabled:active{background-color:#d2d2d2!important;color:#fff!important;cursor:not-allowed!important}.layui-circle{border-radius:100%}.layui-show{display:block!important}.layui-hide{display:none!important}.layui-upload-iframe{border:0;visibility:hidden}.layui-upload-enter{border:1px solid #009E94;background-color:#009E94;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}@-webkit-keyframes layui-m-anim-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes layui-m-anim-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.layui-m-anim-left{-webkit-animation-name:layui-m-anim-left;animation-name:layui-m-anim-left}@-webkit-keyframes layui-m-anim-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes layui-m-anim-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.layui-m-anim-right{-webkit-animation-name:layui-m-anim-right;animation-name:layui-m-anim-right}@-webkit-keyframes layui-m-anim-lout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes layui-m-anim-lout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.layui-m-anim-lout{-webkit-animation-name:layui-m-anim-lout;animation-name:layui-m-anim-lout}@-webkit-keyframes layui-m-anim-rout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes layui-m-anim-rout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.layui-m-anim-rout{-webkit-animation-name:layui-m-anim-rout;animation-name:layui-m-anim-rout}.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file
html,
body {
height: 100%;
overflow: hidden;
background-color: #efefef;
}
img[src=""],
img[src="null"],
img[src="undefined"] {
opacity: 0;
}
input,
textarea {
outline: none;
-webkit-appearance: none;
}
.icon-fanhuijiantou {
font-size: 18px;
}
#faceBox {
display: none;
}
.isShow {
/* display: none; */
}
.topToolSBox {
position: fixed;
width: 100%;
height: 40px;
top: 0;
left: 0;
background: rgba(153, 153, 153, 0.5);
padding-top: 5px;
z-index: 198910141;
display: flex;
justify-content: space-around;
}
#backChat {
background: #fff;
color: #666;
}
.topToolSBox button {
width: 40%;
height: 30px;
background-color: #b50005;
border: none;
border-radius: 4px;
color: #fff;
}
.topToolSBox button.on {
background-color: #999;
color: #fff;
}
.dot {
position: absolute;
top: 2px;
left: 36px;
border-radius: 50%;
background-color: red;
display: inline-block;
width: 16px;
height: 16px;
font-size: 8px !important;
text-align: center;
line-height: 16px;
color: #fff;
}
.icon-xiaolian {
color: #666;
font-size: 24px;
line-height: 40px;
padding-right: 4px;
background-color: #fff;
}
.model_box {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
text-align: center;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 198910141;
color: #666;
padding: 0 20px;
box-sizing: border-box;
}
.tip_box {
font-size: 24px;
}
.tip_content_box {
font-size: 14px;
}
.layim-chat-footer {
height: 50px;
}
.layim-user-box {
display: flex;
}
.layim-chat-mine .layim-user-box {
justify-content: flex-end;
}
.moreFansBox {
background-color: #efefef;
padding: 10px !important;
line-height: 28px;
text-align: center;
}
.moreFansBox>span {
background-color: #fff;
color: #999;
padding: 4px 10px;
border-radius: 4px;
}
.username_box {
display: inline-block;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}
.time_box {
margin: 0 20px;
display: inline-block;
}
.layim-chat-main {
padding: 0 15px;
}
.layim-chat-main,
.layim-content {
top: 10px;
/* bottom: 70px; */
}
.contInfo img {
position: initial !important;
width: 16px !important;
height: 16px !important;
}
.isRobot {
display: none;
width: 100%;
background-color: #2f9833 !important;
}
/* 加大列表行高 */
#chatListBox li {
padding: 10px 15px 10px 60px;
border-bottom: 1px solid #efefef;
}
.layui-layim-list li img {
top: 13px;
}
.layui-m-layerchild,
.layim-panel,
.layim-title,
.layim-chat-main,
.layim-content,
.layui-layim,
.layim-chat-footer,
.layim-chat-main ul li,
.layui-layim-face,
.layim-chat-user,
.layim-chat-user cite,
.layim-chat-text {
z-index: 1;
}
* {
z-index: 1;
}
.pswp {
z-index: 1500000000;
}
@keyframes rotateZ {
0% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
}
}
.rotateZAnimated {
display: inline-block;
animation: rotateZ 1s infinite ease-out;
}
.rotateZAnimated .iconfont {
padding-right: 0 !important;
}
.icon-weibiaoti- {
color: red;
}
.editBox {
background-color: #fff;
line-height: 40px;
padding: 0 6px;
border-radius: 0 3px 3px 0;
position: relative;
}
.editBox i.on {
transform: rotateZ(0deg) !important;
}
/* 底部加号按钮相关 */
#chatBox .icon-guanbi {
display: inline-block;
transform: rotateZ(45deg);
font-size: 24px;
color: #666;
transition: transform 0.2s;
}
.layim-chat-footer {
z-index: 2;
}
.posStyle {
position: absolute;
bottom: 40px;
left: 0;
display: none;
}
.posStyle:nth-child(2) {
bottom: 80px;
}
.icon-xiangji,
.icon-fasonghongbaocopy {
background-color: rgba(239, 239, 239, 0.5);
font-size: 24px;
line-height: 40px;
padding: 0 6px;
color: #666;
}
.bounceInUp {
animation: bounceInUp 0.3s;
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
/* end */
/* 楼盘卡片发送相关 */
#floorListCard {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 100000000;
display: none;
align-items: center;
}
#floorListCard .content {
width: 100%;
}
#floorListCard .closeBox {
margin-top: 30px;
text-align: center;
}
#floorListCard .content .icon-guanbi1 {
font-size: 30px;
color: #eee;
}
#floorListCard ul {
background-color: #fff;
width: 80%;
margin: 0 auto;
border-radius: 4px;
padding: 10px;
box-sizing: border-box;
}
#floorListCard ul li {
height: 40px;
line-height: 40px;
color: #333;
font-size: 14px;
border-bottom: 1px solid #eee;
}
#floorListCard ul li span {
float: right;
display: block;
font-size: 14px;
background: #2f9833 !important;
height: 26px;
line-height: 26px;
color: #fff;
width: 48px;
text-align: center;
border-radius: 4px;
position: relative;
top: 6px;
}
.fadeInUp {
animation: fadeInUp 0.3s;
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
[contenteditable] {
outline: none;
-webkit-appearance: none;
}
/* 搜索相关 */
.queryBtn {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
}
\ No newline at end of file
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 300;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
-webkit-appearance: none;
resize: none;
}
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
img {
max-width: 100%;
height: auto;
width: auto\9;
-ms-interpolation-mode: bicubic;
}
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
margin: 0;
padding: 0;
border: none;
}
body {
font-family: '΢���ź�', Microsoft YaHei, Tahoma, Arial, sans-serif;
color: #555;
background-color: #eee;
}
em,
i {
font-style: normal;
}
li {
list-style: none;
}
strong {
font-weight: normal;
}
.clearfix:after {
content: "";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}
.fl {
float: left;
}
.fr {
float: right;
}
a {
text-decoration: none;
color: #969696;
cursor: pointer;
font-family: Microsoft YaHei, Tahoma, Arial, sans-serif;
}
a:hover {
color: #e74850;
text-decoration: none;
}
ul,
ol {
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-family: Microsoft YaHei;
}
img {
border: none;
vertical-align: middle;
}
.wrap {
min-width: 320px;
max-width: 640px;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media screen and (max-width: 360px) {
html {
font-size: 13px;
}
}
@media (min-width: 360px) and (max-width: 400px) {
html {
font-size: 15px;
}
}
@media (min-width: 400px) and (max-width: 480px) {
html {
font-size: 15px;
}
}
@media screen and (min-width: 481px) {
html {
font-size: 18px;
}
}
.bindingbox {
width: 92%;
margin: 2rem auto;
}
.bindingbos {
overflow: hidden;
line-height: 3.6rem;
clear: both;
font-size: 1.04rem;
border: 1px solid #eee;
border-radius: 4px;
padding: 0 0.6rem;
margin-bottom: 1.7rem;
}
input:focus {
outline: none;
}
/* .bindingbox p{
clear:both;
font-size:0.9rem;
color:#FF4411;
line-height:1.4rem;
margin-bottom:0.3rem;
visibility: hidden;
} */
.bindingbos span {
float: left;
color: #333;
}
.bindingbos input {
float: left;
line-height: 2rem;
margin-top: 0.8rem;
width: -webkit-calc(100% - 4.5rem);
width: -moz-calc(100% - 4.5rem);
width: calc(100% - 4.5rem);
color: #666;
}
#getcode {
padding: 0 1rem;
line-height: 2.8rem;
position: absolute;
top: 0.4rem;
right: 0.4rem;
color: #000;
border-radius: 2px;
font-size: 0.9rem;
pointer-events: auto;
width: 7rem;
color: #0069FE;
background-color: #fff;
border: 1px solid #0069FE;
}
.sumbitbtn {
display: block;
width: 100%;
background-color: #006FF8;
color: #fff;
text-align: center;
line-height: 3.2rem;
border-radius: 4px;
font-size: 1.04rem;
}
.sumbitbtn:hover,
.sumbitbtn:active {
color: #fff;
}
.bindinged {
line-height: 2.8rem;
font-size: 1.04rem;
text-align: center;
color: #666;
margin-top: 20%;
}
.bindinged h4 {
color: #119323;
font-size: 1.2rem;
margin-bottom: 2rem;
}
.bindinged i {
font-size: 1.6rem;
display: inline-block;
vertical-align: bottom;
margin-right: 0.4rem;
}
\ No newline at end of file
Markdown 格式
你添加了 0 到此讨论。请谨慎行事。
请先完成此消息的编辑!