Commit cc364e2e authored by zhoujun's avatar zhoujun

图片上传

parents 68012029 252bc6c1
Pipeline #1584 passed with stage
in 11 seconds
...@@ -3,6 +3,8 @@ ...@@ -3,6 +3,8 @@
namespace App\Exceptions; namespace App\Exceptions;
use Illuminate\Session\TokenMismatchException; use Illuminate\Session\TokenMismatchException;
use Psy\Exception\ErrorException;
use Illuminate\Database\QueryException;
use Exception; use Exception;
use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler; use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler;
...@@ -54,9 +56,16 @@ class Handler extends ExceptionHandler ...@@ -54,9 +56,16 @@ class Handler extends ExceptionHandler
if ($exception instanceof TokenMismatchException) { if ($exception instanceof TokenMismatchException) {
$exception = new TokenMismatchException("网络异常,请稍后刷新重试"); $exception = new TokenMismatchException("网络异常,请稍后刷新重试");
} }
if ($exception instanceof \ErrorException) {
return redirect(route("login")); if ($exception instanceof QueryException) {
return new JsonResponse(['error' => 5001, 'message' => '网络错误']);
}
if ($exception instanceof ErrorException) {
return redirect(route('index'));
} }
return parent::render($request, $exception); return parent::render($request, $exception);
} }
} }
...@@ -36,6 +36,7 @@ class AdminController extends Controller ...@@ -36,6 +36,7 @@ class AdminController extends Controller
*/ */
public function getLogin() public function getLogin()
{ {
if(Auth::check()) return redirect(route('checkImg'));
$data['ERROR'] = Session::get('error',''); $data['ERROR'] = Session::get('error','');
return $this->view('admin.login',$data); return $this->view('admin.login',$data);
} }
...@@ -74,7 +75,7 @@ class AdminController extends Controller ...@@ -74,7 +75,7 @@ class AdminController extends Controller
$pageNum = 20; $pageNum = 20;
$startTime = $postData['startTime'] ?? ''; $startTime = $postData['startTime'] ?? '';
$endTime = $postData['endTime'] ?? ''; $endTime = $postData['endTime'] ?? '';
$status = $postData['status'] ?? 0; $status = $postData['status'] ?? 1;
$userName = $postData['user'] ?? ''; $userName = $postData['user'] ?? '';
$paginateAppends['status'] = $status; $paginateAppends['status'] = $status;
...@@ -85,11 +86,16 @@ class AdminController extends Controller ...@@ -85,11 +86,16 @@ class AdminController extends Controller
}else{ }else{
return $query->where('uid','-1'); return $query->where('uid','-1');
} }
})->when($status > 0, function ($query) use ($status) {
$imgStatus = $status - 1;
return $query->where('status',$imgStatus);
})->when($startTime != '', function ($query) use ($startTime) { })->when($startTime != '', function ($query) use ($startTime) {
return $query->where('updated_at','>',$startTime); return $query->where('updated_at','>',$startTime);
})->when($endTime != '', function ($query) use ($endTime) { })->when($endTime != '', function ($query) use ($endTime) {
return $query->where('updated_at','<',$endTime); return $query->where('updated_at','<',$endTime);
})->where('status',$status)->orderBy('id','ASC')->select('id', 'uid', 'img_url', 'status', 'updated_at')->paginate($pageNum); })->when($status == 0, function ($query) use ($status) {
return $query->orderBy('status','ASC');
})->orderBy('updated_at','DESC')->select('id', 'uid', 'img_url', 'status', 'updated_at')->paginate($pageNum);
if($startTime != '') $paginateAppends['startTime'] = $startTime; if($startTime != '') $paginateAppends['startTime'] = $startTime;
if($endTime != '') $paginateAppends['endTime'] = $endTime; if($endTime != '') $paginateAppends['endTime'] = $endTime;
if($userName != '') $paginateAppends['user'] = $userName; if($userName != '') $paginateAppends['user'] = $userName;
...@@ -122,10 +128,25 @@ class AdminController extends Controller ...@@ -122,10 +128,25 @@ class AdminController extends Controller
if($id < 1 || !in_array($status,[1,2])) return $this->getErrorMsg('10060', '参数错误'); if($id < 1 || !in_array($status,[1,2])) return $this->getErrorMsg('10060', '参数错误');
$row = WxUserImg::find($id); $row = WxUserImg::find($id);
if(!$row) return $this->getErrorMsg('10061', '数据异常'); if(!$row) return $this->getErrorMsg('10061', '数据异常');
if($row->status > 0) return $this->getErrorMsg('10062', '请勿重复审核');
$row->status = $status; $row->status = $status;
if($row->save()) return $this->getSuccessMsg([]); if($row->save()) return $this->getSuccessMsg([]);
return $this->getErrorMsg('10063', '审核失败'); return $this->getErrorMsg('10063', '审核失败');
} }
/**
* 批量审核图片
* @date 2021/06/07
* @author live
*/
public function getSaveStatusAll(Request $request)
{
$postData = $request->all();
$ids = explode('#',$postData['ids']);
$status = $postData['status'];
if(!in_array($status,[1,2]) || empty($ids)) return $this->getErrorMsg('10060', '参数错误');
$result = WxUserImg::whereIn('id',$ids)->update(['status' => $status]);
if($result) return $this->getSuccessMsg([]);
return $this->getErrorMsg('10063', '审核失败');
}
} }
\ No newline at end of file
...@@ -21,6 +21,8 @@ use App\Models\GameUserRoleTime; ...@@ -21,6 +21,8 @@ use App\Models\GameUserRoleTime;
use App\Models\BaseItem; use App\Models\BaseItem;
use App\Models\WxUserImg; use App\Models\WxUserImg;
use App\Services\UploadServer; use App\Services\UploadServer;
use App\Models\User;
use Illuminate\Support\Facades\Log;
class CardController extends Controller class CardController extends Controller
{ {
...@@ -100,7 +102,8 @@ class CardController extends Controller ...@@ -100,7 +102,8 @@ class CardController extends Controller
$verity = DB::connection('wx_mysql')->table($tableName)->where('uid',$userId)->where('role_id',$roleId)->select('id')->first(); $verity = DB::connection('wx_mysql')->table($tableName)->where('uid',$userId)->where('role_id',$roleId)->select('id')->first();
if($verity) return $this->jsonReturn(0, '角色绑定成功'); if($verity) return $this->jsonReturn(0, '角色绑定成功');
$insert = $this->getInsertRoleInfo($userId,$roleId,$serverId,$serverName,$tableName); $insert = $this->getInsertRoleInfo($userId,$roleId,$serverId,$serverName,$tableName);
return $this->jsonReturn(0, '角色绑定成功'); if($insert['code'] == 200) return $this->jsonReturn(0, '角色绑定成功');
return $this->jsonReturn($insert['code'], $insert['msg']);
} }
/** /**
...@@ -115,7 +118,6 @@ class CardController extends Controller ...@@ -115,7 +118,6 @@ class CardController extends Controller
$targetRole = []; $targetRole = [];
$roleIdsKey = "user_roleIds:" . $userId; $roleIdsKey = "user_roleIds:" . $userId;
$roleList = json_decode(Redis::get($roleIdsKey), true); $roleList = json_decode(Redis::get($roleIdsKey), true);
if (!isset($roleList[$serverId])){ if (!isset($roleList[$serverId])){
$array['code'] = 7003; $array['code'] = 7003;
$array['msg'] = '请选择正确的服务器'; $array['msg'] = '请选择正确的服务器';
...@@ -133,18 +135,7 @@ class CardController extends Controller ...@@ -133,18 +135,7 @@ class CardController extends Controller
$array['msg'] = '请刷新重新选择角色'; $array['msg'] = '请刷新重新选择角色';
return $array; return $array;
} }
$duelTotal = 0;
$duelWin = 0;
$maxRank = '';
$win = GameUserPvpCount::where('server_id',$serverId)->where('role_id',$roleId)->select('role_id','total_pvp_num','pvp_win_num')->first();
if($win){
$duelTotal = $win->total_pvp_num;
$duelWin = $win->pvp_win_num;
}
$rank = GameUserPvp::where('server_id',$serverId)->where('role_id',$roleId)->select('role_id','level')->first();
if($rank) $maxRank = $rank->level;
$gmService = new AldGmService(); $gmService = new AldGmService();
$roleInfo = $gmService->getCPRoleInfo($serverId,$targetRole['userId'],$roleId); $roleInfo = $gmService->getCPRoleInfo($serverId,$targetRole['userId'],$roleId);
if(!$roleInfo){ if(!$roleInfo){
...@@ -153,7 +144,18 @@ class CardController extends Controller ...@@ -153,7 +144,18 @@ class CardController extends Controller
return $array; return $array;
} }
$roleScore = $roleInfo['RoleScore'] ?? 0; $roleScore = $roleInfo['RoleScore'] ?? 0;
$duelTotal = $roleInfo['PKTotalNum'] ?? 0;
$duelWin = $roleInfo['PkWinNum'] ?? 0;
$maxRank = '';
$seasonLevelID = $roleInfo['SeasonLevelID'] ?? 0;
$rankConfig = config('sign.rank');
if($seasonLevelID){
$first = substr($seasonLevelID,0,1);
$second = 50 - substr($seasonLevelID,1,2);
if($second == 0) $second = '';
$first = $rankConfig[$first] ?? '';
if($first != '') $maxRank = $first.$second;
}
$armsIds = []; $armsIds = [];
$armsScore = []; $armsScore = [];
$armsStrong = []; $armsStrong = [];
...@@ -219,8 +221,8 @@ class CardController extends Controller ...@@ -219,8 +221,8 @@ class CardController extends Controller
if($braveTime < 1) $braveTime = 0; if($braveTime < 1) $braveTime = 0;
if($mercenaryScore < 1) $mercenaryScore = 0; if($mercenaryScore < 1) $mercenaryScore = 0;
$array = ['uid'=>$userId,'server_id'=>$serverId,'server_name'=>$serverName,'user_id'=>$targetRole['userId'],'role_id'=>$roleId,'role_name'=>$targetRole['roleName'],'job'=>$targetRole['occupation'],'guild'=>$targetRole['guild'],'online_time'=>$targetRole['onlineTime'],'register_time'=>date('Y-m-d H:i:s',$targetRole['createTime']),'role_score'=>$roleScore,'arms_score'=>$armsScoreArr,'arms_strong'=>$armsStrongArr,'arms_exciting'=>$armsExcitingArr,'duel_total'=>$duelTotal,'duel_win'=>$duelWin,'duel_continuity_win'=>$duelContinuityWin,'max_rank'=>$maxRank,'brave_num'=>$braveNum,'brave_time'=>$braveTime,'mercenary_score'=>$mercenaryScore,'created_at'=>$time,'updated_at'=>$time]; $arrayData = ['uid'=>$userId,'server_id'=>$serverId,'server_name'=>$serverName,'user_id'=>$targetRole['userId'],'role_id'=>$roleId,'role_name'=>$targetRole['roleName'],'job'=>$targetRole['occupation'],'guild'=>$targetRole['guild'],'online_time'=>$targetRole['onlineTime'],'register_time'=>date('Y-m-d H:i:s',$targetRole['createTime']),'role_score'=>$roleScore,'arms_score'=>$armsScoreArr,'arms_strong'=>$armsStrongArr,'arms_exciting'=>$armsExcitingArr,'duel_total'=>$duelTotal,'duel_win'=>$duelWin,'duel_continuity_win'=>$duelContinuityWin,'max_rank'=>$maxRank,'brave_num'=>$braveNum,'brave_time'=>$braveTime,'mercenary_score'=>$mercenaryScore,'created_at'=>$time,'updated_at'=>$time];
$result = DB::connection('wx_mysql')->table($tableName)->insert($array); $result = DB::connection('wx_mysql')->table($tableName)->insert($arrayData);
if($result) return $array; if($result) return $array;
$array['code'] = 10052; $array['code'] = 10052;
...@@ -276,7 +278,10 @@ class CardController extends Controller ...@@ -276,7 +278,10 @@ class CardController extends Controller
*/ */
public function getUploadImg(Request $request) public function getUploadImg(Request $request)
{ {
Log::info("图片上传日志:" , json_encode($request->file('imgFile')));
$userId = $request->session()->get("uid"); $userId = $request->session()->get("uid");
$roleId = $request->input('roleId');
$serverId = $request->input('serverId');
$result = $this->getVerityLogin($userId); $result = $this->getVerityLogin($userId);
if($result['code'] != 200) return $this->jsonReturn($result['code'], $result['msg']); if($result['code'] != 200) return $this->jsonReturn($result['code'], $result['msg']);
$postData = $request->all(); $postData = $request->all();
...@@ -285,8 +290,10 @@ class CardController extends Controller ...@@ -285,8 +290,10 @@ class CardController extends Controller
$upload = new UploadServer(); $upload = new UploadServer();
$result = $upload->getUpload($postData,$file); $result = $upload->getUpload($postData,$file);
if($result['code'] != 200) return $this->jsonReturn($result['code'], $result['msg']); if($result['code'] != 200) return $this->jsonReturn($result['code'], $result['msg']);
$img = $this->getUpdateImg($result['data'],$userId);
$tableName = 'wx_card_role_'.$serverId;
$role = DB::connection('wx_mysql')->table($tableName)->where('uid',$userId)->where('role_id',$roleId)->select('id')->first();
$img = $this->getUpdateImg($result['data'],$userId,$role->id,$serverId);
if($img) return $this->jsonReturn(0, '上传成功',['src'=>$result['data']]); if($img) return $this->jsonReturn(0, '上传成功',['src'=>$result['data']]);
return $this->jsonReturn(10060, '上传失败'); return $this->jsonReturn(10060, '上传失败');
} }
...@@ -298,9 +305,9 @@ class CardController extends Controller ...@@ -298,9 +305,9 @@ class CardController extends Controller
* @date 2021/06/01 * @date 2021/06/01
* @author live * @author live
*/ */
public function getUpdateImg($data,$userId) public function getUpdateImg($data,$userId,$roleId,$serverId)
{ {
$img = WxUserImg::where('uid',$userId)->first(); $img = WxUserImg::where('uid',$userId)->where('role_id',$roleId)->where('server_id',$serverId)->first();
if($img){ if($img){
$img->loacl_url = $data['url']; $img->loacl_url = $data['url'];
$img->img_url = $data['yunUrl']; $img->img_url = $data['yunUrl'];
...@@ -309,6 +316,8 @@ class CardController extends Controller ...@@ -309,6 +316,8 @@ class CardController extends Controller
}else{ }else{
$row = new WxUserImg(); $row = new WxUserImg();
$row->uid = $userId; $row->uid = $userId;
$row->role_id = $roleId;
$row->server_id = $serverId;
$row->loacl_url = $data['url']; $row->loacl_url = $data['url'];
$row->img_url = $data['yunUrl']; $row->img_url = $data['yunUrl'];
$row->status = 0; $row->status = 0;
...@@ -325,16 +334,27 @@ class CardController extends Controller ...@@ -325,16 +334,27 @@ class CardController extends Controller
*/ */
public function getCardHtml(Request $request) public function getCardHtml(Request $request)
{ {
Log::info("请求日志:测试" , []);
$userId = $request->session()->get("uid"); $userId = $request->session()->get("uid");
$result = $this->getVerityLogin($userId); $result = $this->getVerityLogin($userId);
if($result['code'] != 200) return $this->jsonReturn($result['code'], $result['msg']); if($result['code'] != 200) return $this->jsonReturn($result['code'], $result['msg']);
$roleId = $request->input('roleId','3804433377408900301'); $roleId = $request->input('roleId');
$serverId = $request->input('serverId',269); $serverId = $request->input('serverId');
if (empty($roleId) || empty($serverId)) return $this->jsonReturn(7002, '参数错误'); if (empty($roleId) || empty($serverId)) return $this->jsonReturn(7002, '参数错误');
$info = DB::connection('wx_mysql')->table('wx_card_role_'.$serverId)->where('uid',$userId)->where('role_id',$roleId)->where('server_id',$serverId)->first(); $info = DB::connection('wx_mysql')->table('wx_card_role_'.$serverId)->where('uid',$userId)->where('role_id',$roleId)->where('server_id',$serverId)->first();
if(!$info) return redirect(route('cardIndex')); if(!$info) return redirect(route('index'));
$serverName = '';
if($info->server_name != ''){
$serverName = str_replace('非硬核-','',$info->server_name);
$serverName = str_replace('硬核-','',$serverName);
$serverName = str_replace('越狱-','',$serverName);
}
$user = User::where('uid',$userId)->select('uid','account')->first();
$data['userName'] = $user->account ?? '';
$data['serverName'] = $serverName;
$img = WxUserImg::where('uid',$userId)->select('id','img_url','status')->first(); $img = WxUserImg::where('uid',$userId)->where('role_id',$info->id)->where('server_id',$info->server_id)->select('id','img_url','status')->first();
if($img){ if($img){
$data['userImgStatus'] = $img->status; $data['userImgStatus'] = $img->status;
$data['userImg'] = $img->img_url; $data['userImg'] = $img->img_url;
...@@ -362,23 +382,21 @@ class CardController extends Controller ...@@ -362,23 +382,21 @@ class CardController extends Controller
$data['roleScore'] = $roleScore; $data['roleScore'] = $roleScore;
$data['jobImg'] = $jobInco[$info->job] ?? ''; $data['jobImg'] = $jobInco[$info->job] ?? '';
if($info->mercenary_score > 4999 && $info->mercenary_score < 12000){ if($info->mercenary_score == 2){
$data['ybImg'] = 'img-B'; $data['ybImg'] = 'img-B';
}elseif($info->mercenary_score > 11999 && $info->mercenary_score < 17000){ }elseif($info->mercenary_score == 3){
$data['ybImg'] = 'img-A'; $data['ybImg'] = 'img-A';
}elseif($info->mercenary_score > 16999 && $info->mercenary_score < 20000){ }elseif($info->mercenary_score == 4){
$data['ybImg'] = 'img-S'; $data['ybImg'] = 'img-S';
}elseif($info->mercenary_score > 19999 && $info->mercenary_score < 24000){ }elseif($info->mercenary_score == 5){
$data['ybImg'] = 'img-SS'; $data['ybImg'] = 'img-SS';
}elseif($info->mercenary_score > 23999){ }elseif($info->mercenary_score == 6){
$data['ybImg'] = 'img-SSS'; $data['ybImg'] = 'img-SSS';
}else{ }else{
$data['ybImg'] = 'img-C'; $data['ybImg'] = 'img-C';
} }
$data['rank'] = ''; $data['rank'] = $info->max_rank ?? '';
$rank = explode('-',$info->max_rank);
if(!empty($rank)) $data['rank'] = $rank[0] ?? '';
if(!empty($armsScore)){ if(!empty($armsScore)){
$armsScoreNum = '00000'; $armsScoreNum = '00000';
if(strlen($armsScore[0]['score']) == 1) $armsScoreNum = '0000'.(string)$armsScore[0]['score']; if(strlen($armsScore[0]['score']) == 1) $armsScoreNum = '0000'.(string)$armsScore[0]['score'];
......
...@@ -9,6 +9,8 @@ use Exception; ...@@ -9,6 +9,8 @@ use Exception;
use Carbon\Carbon; use Carbon\Carbon;
use Illuminate\Validation\Rule; use Illuminate\Validation\Rule;
use App\Services\UtilService; use App\Services\UtilService;
use App\Models\User;
class HomeController extends Controller class HomeController extends Controller
{ {
...@@ -26,9 +28,19 @@ class HomeController extends Controller ...@@ -26,9 +28,19 @@ class HomeController extends Controller
*/ */
public function getHome(Request $request) public function getHome(Request $request)
{ {
$data = [];
$isWx = UtilService::getIsWx($_SERVER['HTTP_USER_AGENT']); $isWx = UtilService::getIsWx($_SERVER['HTTP_USER_AGENT']);
if(!$isWx) return redirect(route("wxIndex")); if(!$isWx) return redirect(route("wxIndex"));
$data['isWx'] = $isWx; $data['isWx'] = $isWx;
if($request->session()->get('uid')){
$userId = $request->session()->get('uid');
$data['isLogin'] = 1;
$user = User::where('uid',$userId)->select('uid','account')->first();
$data['userName'] = $user->account ?? '';
}else{
$data['userName'] = '';
$data['isLogin'] = 0;
}
return view('card.index', $data); return view('card.index', $data);
} }
......
...@@ -126,9 +126,10 @@ class AldUserController extends Controller ...@@ -126,9 +126,10 @@ class AldUserController extends Controller
if (empty($userExtra->aldzn_info)) { if (empty($userExtra->aldzn_info)) {
return $this->jsonReturn(4003, "请您先绑定Orange识别码后再来领取哦~"); return $this->jsonReturn(4003, "请您先绑定Orange识别码后再来领取哦~");
} }
$gmService = new AldGmService(); $gmService = new AldGmService();
$aldzn_info = json_decode($userExtra->aldzn_info, true); $aldzn_info = json_decode($userExtra->aldzn_info, true);
//修补没有serverId的数据 //修补没有serverId的数据
if (!isset($aldzn_info['serverId']) || empty($aldzn_info['serverId'])) { if (!isset($aldzn_info['serverId']) || empty($aldzn_info['serverId'])) {
...@@ -143,7 +144,7 @@ class AldUserController extends Controller ...@@ -143,7 +144,7 @@ class AldUserController extends Controller
$serverId = $aldzn_info['serverId']; $serverId = $aldzn_info['serverId'];
$userId = $aldzn_info['userId']; $userId = $aldzn_info['userId'];
$channel = $aldzn_info['channel']; $channel = $aldzn_info['channel'];
if(!in_array($aldzn_info['channel'],config('sign.channel'))) return $this->jsonReturn(80001, '您暂未获取活动资格');
$roleList = $gmService->getRoles($serverId, $userId, $channel); $roleList = $gmService->getRoles($serverId, $userId, $channel);
if ($roleList === false) { if ($roleList === false) {
......
...@@ -42,9 +42,9 @@ class ToolController extends Controller ...@@ -42,9 +42,9 @@ class ToolController extends Controller
return $this->jsonReturn(4003, "当天手机发送短信达上限"); return $this->jsonReturn(4003, "当天手机发送短信达上限");
} }
$authcode = $this->genAuthCode(6); //$authcode = $this->genAuthCode(6);
// $authcode = 666666; $authcode = 666666;
Cache::put("sms_auth_code:" . $mobile, $authcode, $expireSeconds); Cache::put("sms_auth_code:" . $mobile, $authcode, $expireSeconds);
Cache::put("sms:limit_mobile:" . $mobile, 1, 60); Cache::put("sms:limit_mobile:" . $mobile, 1, 60);
...@@ -53,9 +53,9 @@ class ToolController extends Controller ...@@ -53,9 +53,9 @@ class ToolController extends Controller
Cache::put("sms:limit_mobile_daily:" . $mobile . ":" . $todayDate, $mobileDayLimit +1, 3600*24); Cache::put("sms:limit_mobile_daily:" . $mobile . ":" . $todayDate, $mobileDayLimit +1, 3600*24);
$aliyunsms = new Aliyunsms(); //$aliyunsms = new Aliyunsms();
$ret = $aliyunsms->send($mobile, $authcode); //$ret = $aliyunsms->send($mobile, $authcode);
// $ret = 1; $ret = 1;
if ($ret == 1) { if ($ret == 1) {
return $this->jsonReturn(0, "验证码发送成功"); return $this->jsonReturn(0, "验证码发送成功");
}else { }else {
......
...@@ -194,7 +194,6 @@ class UtilService ...@@ -194,7 +194,6 @@ class UtilService
public static function getIsWx($httpUserAgent) public static function getIsWx($httpUserAgent)
{ {
return true;
if (strpos($httpUserAgent, 'MicroMessenger') !== false) { if (strpos($httpUserAgent, 'MicroMessenger') !== false) {
return true; return true;
} else { } else {
......
...@@ -106,33 +106,35 @@ return [ ...@@ -106,33 +106,35 @@ return [
'OSS_ACCESS_KEY' => 'EeXzbGCqPdpLYrnHm3FpjsSmk68NQL', 'OSS_ACCESS_KEY' => 'EeXzbGCqPdpLYrnHm3FpjsSmk68NQL',
'OSS_ENDPOINT' => 'oss-cn-shanghai.aliyuncs.com', 'OSS_ENDPOINT' => 'oss-cn-shanghai.aliyuncs.com',
'OSS_DOMAIN' => 'http://aldzn-img.oss-cn-shanghai.aliyuncs.com/', 'OSS_DOMAIN' => 'http://aldzn-img.oss-cn-shanghai.aliyuncs.com/',
'OSS_CDN' => 'http://static-card.aldzn.cn/', 'OSS_CDN' => 'https://static-card-cdn.aldzn.cn/',
'jobInco' => [ 'jobInco' => [
'爆裂玫瑰' => 'https://static-platform.srccwl.com/ucCard/1.png', '爆裂玫瑰' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/1.png',
'爆灭者' => 'https://static-platform.srccwl.com/ucCard/2.png', '爆灭者' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/2.png',
'苍穹之影' => 'https://static-platform.srccwl.com/ucCard/3.png', '苍穹之影' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/3.png',
'法师' => 'https://static-platform.srccwl.com/ucCard/4.png', '法师' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/4.png',
'飞影' => 'https://static-platform.srccwl.com/ucCard/5.png', '飞影' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/5.png',
'光明使者' => 'https://static-platform.srccwl.com/ucCard/6.png', '光明使者' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/6.png',
'猎魔人' => 'https://static-platform.srccwl.com/ucCard/7.png', '猎魔人' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/7.png',
'龙纹法师' => 'https://static-platform.srccwl.com/ucCard/8.png', '龙纹法师' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/8.png',
'乱舞者' => 'https://static-platform.srccwl.com/ucCard/9.png', '乱舞者' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/9.png',
'秘术法师' => 'https://static-platform.srccwl.com/ucCard/10.png', '秘术法师' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/10.png',
'明王' => 'https://static-platform.srccwl.com/ucCard/11.png', '明王' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/11.png',
'念武者' => 'https://static-platform.srccwl.com/ucCard/12.png', '念武者' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/12.png',
'女枪手' => 'https://static-platform.srccwl.com/ucCard/13.png', '女枪手' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/13.png',
'枪手' => 'https://static-platform.srccwl.com/ucCard/14.png', '枪手' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/14.png',
'神谕者' => 'https://static-platform.srccwl.com/ucCard/15.png', '神谕者' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/15.png',
'弑神' => 'https://static-platform.srccwl.com/ucCard/6.png', '弑神' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/6.png',
'武斗家' => 'https://static-platform.srccwl.com/ucCard/17.png', '武斗家' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/17.png',
'武器专家' => 'https://static-platform.srccwl.com/ucCard/18.png', '武器专家' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/18.png',
'武术师' => 'https://static-platform.srccwl.com/ucCard/19.png', '武术师' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/19.png',
'驭灵法师' => 'https://static-platform.srccwl.com/ucCard/20.png', '驭灵法师' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/20.png',
'战士' => 'https://static-platform.srccwl.com/ucCard/21.png', '战士' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/21.png',
'阵魔' => 'https://static-platform.srccwl.com/ucCard/22.png', '阵魔' => 'https://aldzn-ios-cdn.aldzn.cn/ucCard/images/role/22.png',
], ],
'WX_APPID' => 'wx2db57391553aa064', 'WX_APPID' => 'wx2db57391553aa064',
'WX_AppSecret' => 'f6d533f6d0851c629da52cd10fab910b', 'WX_AppSecret' => 'f6d533f6d0851c629da52cd10fab910b',
'rank' => [1=>'青铜',2=>'白银',3=>'黄金',4=>'铂金',5=>'钻石',6=>'最强王者']
]; ];
\ No newline at end of file
@charset "utf-8"; @charset "utf-8";*{margin:0;padding:0}* :focus{outline:0}ul,li,ol{list-style:none}a{color:#5f1a11;text-decoration:none}i,em{font-style:normal}a,button,input,select,img,label,li,div{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:medium none}html,body,select,input,textarea{font-family:"SC-Bold,PingFang SC Bold, Microsoft YaHei","Arial","黑体","宋体",sans-serif}html,body{position:relative}input,button,select,textarea{outline:none;border:0}::-webkit-input-placeholder{color:#ababab;vertical-align:middle;line-height:normal}::-moz-placeholder{color:#ababab;vertical-align:middle;line-height:normal}:-ms-input-placeholder{color:#ababab;vertical-align:middle;line-height:normal}.clearfix{display:block;zoom:1}.clearfix:after{content:" ";display:block;font-size:0;height:0;clear:both;visibility:hidden}.hide{display:none}.show{display:block}.m-img{width:100%;display:block}.dil{display:inline-block}.tc{text-align:center}.btn{height:1.38rem;background:#09f;font-size:.52rem;color:#fff;border-radius:.66rem;cursor:pointer;-webkit-box-shadow:0 6px 10px rgba(0,153,255,0.34);box-shadow:0 6px 10px rgba(0,153,255,0.34)}.btn.btn-small{height:1.06rem;font-size:.48rem}.container{max-width:540px;margin:0 auto;font-size:0}.home-container{width:100%;min-height:100vh;background:url("../images/body_bg1.jpg") no-repeat center top;background-size:100% auto;overflow:hidden}.home-container .header-avatar{position:relative;width:3.52rem;height:3.52rem;margin:7.77rem auto 0;border-radius:100%;overflow:hidden}.home-container .header-avatar span{position:absolute;left:0;top:0;width:100%;height:100%;background:url("../images/avatar_border.png") no-repeat center;background-size:100% auto;-webkit-animation:Rotate 2s linear infinite;animation:Rotate 2s linear infinite}.home-container .header-avatar img{border-radius:100%;width:3.1rem;height:3.1rem;display:block;margin:.21rem auto}.home-container .btn-start{display:block;width:6.65rem;height:2.06rem;margin:1.9rem auto 0;background:url("../images/btn_start.png") no-repeat center;background-size:100% auto}.postcard-container{padding-bottom:1rem;background:url("../images/body_bg2.jpg") no-repeat center top,url("../images/bg.jpg") repeat-y center;background-size:100% auto}.postcard-container{padding-top:4.75rem}.role-container{overflow:hidden;margin:0 auto;position:relative;min-height:5.5rem;padding:1.5rem .9rem 0}.role-container .icon-red{position:absolute;right:.6rem;bottom:.4rem;z-index:1;width:1.25rem;height:1.25rem;background:url("../images/icon_red.png") no-repeat center;background-size:100% auto}.role-container .role-avatar{width:1.88rem;height:1.92rem;margin:0 auto;text-align:center;position:relative}.role-container .role-avatar .img-border{position:absolute;left:0;top:0;width:100%;height:100%}.role-container .role-avatar .img-header{width:1.3rem;height:1.3rem;margin-top:.28rem;display:inline-block}.role-container li{height:.62rem;line-height:.62rem;font-size:.24rem;color:#5f1a11;font-weight:bold;text-align:center;margin-top:.5rem}.role-container li span{margin-left:.2rem;display:inline-block;width:3.23rem;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-container .left{float:left;width:50%}.role-container .left li{font-size:.26rem;color:#5f1a11}.role-container .right{float:right;width:50%;padding-top:.55rem}.role-container .right li{margin-top:0;margin-bottom:.65rem}.role-container .right li span{margin-left:.5rem;width:3rem}.role-container .right li.role4{margin-bottom:.7rem}.role-container .bottom{position:absolute;left:1.5rem;bottom:.45rem}.role-container .bottom img{display:inline-block;vertical-align:text-bottom}.role-container .bottom .img1{width:4.89rem}.role-container .bottom .b-num{display:inline-block;vertical-align:text-bottom;height:1rem}.role-container .bottom .b-num span{vertical-align:middle;display:inline-block;height:.9rem;line-height:.9rem;width:.45rem;text-align:center;font:bold 1rem "Arial";color:#5f1a11}.role-container .bottom span{font-size:1rem;color:#5f1a11;font-weight:bold;margin:0 .1rem}.role-container .bottom .img2{width:.77rem}.range-container{height:4.45rem;padding-top:1.35rem;background:url("../images/content2.png") no-repeat center top;background-size:100% auto;margin:.4rem auto 0}.range-container .range-num{width:7.9rem;margin:1.2rem auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:distribute;justify-content:space-around}.range-container span{display:inline-block;width:1.33rem;height:1.37rem;line-height:1.5rem;text-align:center;font-size:1.06rem;font-weight:bold;color:#5f1a11;background:url("../images/num_border.png") no-repeat center;background-size:100% auto}.arms-container{position:relative;height:5.22rem;background:url("../images/content3.png") no-repeat center top;background-size:100% auto}.arms-container .arms{position:relative;width:9rem;height:5.22rem;overflow:hidden;padding-top:1.9rem;padding-left:1.2rem;font-size:0}.arms-container .arms .left{float:left}.arms-container .arms .left li{position:relative;height:.62rem;line-height:.62rem;margin-bottom:.3rem}.arms-container .arms .left span{position:absolute;left:.2rem;top:0;font-size:.24rem;color:#74624e}.arms-container .arms .left em{margin-left:1rem;display:inline-block;width:3.81rem;text-align:center;font-size:.26rem;color:#5f1a11;height:.62rem;line-height:.62rem;font-weight:bold;background:url("../images/wn_bg.png") no-repeat center;background-size:100% auto}.arms-container .arms .right{float:left;margin-top:-0.35rem}.arms-container .arms .right li{text-align:center}.arms-container .arms .right li em{display:block;font-size:.24rem;color:#74624e;-webkit-transform:scale(.7);transform:scale(.7);margin-bottom:.02rem}.arms-container .arms .right li div{width:3.4rem;text-align:center;font-weight:bold}.arms-container .arms .right li div span{display:inline-block;width:.6rem;height:.6rem;line-height:.6rem;margin:0 .04rem;font-size:.45rem;color:#5f1a11;background:url("../images/num_border.png") no-repeat center;background-size:100% auto}.mr-container{position:relative;margin-top:.9rem;background:url("../images/content4.png") no-repeat center top;background-size:100% auto}.mr-container .mr{height:5.27rem;width:8.6rem;margin:0 auto;overflow:hidden}.mr-container .mr span{margin:3.6rem 0 0 3.5rem;display:block;width:1.79rem;height:.83rem}.mr-container .mr span.img-SSS{background:url("../images/img_sss.png") no-repeat center;background-size:100% auto}.mr-container .mr span.img-SS{background:url("../images/img_ss.png") no-repeat center;background-size:100% auto}.mr-container .mr span.img-S{background:url("../images/img_s.png") no-repeat center;background-size:100% auto}.mr-container .mr span.img-A{background:url("../images/img_a.png") no-repeat center;background-size:100% auto}.mr-container .mr span.img-B{background:url("../images/img_b.png") no-repeat center;background-size:100% auto}.mr-container .mr span.img-C{background:url("../images/img_c.png") no-repeat center;background-size:100% auto}.yzzt-container{margin-top:.75rem;height:2.71rem;background:url("../images/content5.png") no-repeat center top;background-size:100% auto;padding-top:3.3rem}.yzzt-container span{font-size:.7rem;color:#fdfdff;display:inline-block;text-align:center;width:1.7rem}.yzzt-container span.num1{margin-left:2.36rem}.yzzt-container span.num2{margin-left:2.83rem}.zdsy-container{margin-top:.8rem;height:2.71rem;background:url("../images/content6.png") no-repeat center top;background-size:100% auto;padding-top:3.3rem}.zdsy-container span{font-size:.7rem;color:#feee64;display:inline-block;text-align:center;width:2.8rem}.zdsy-container span.num1{margin-left:1.65rem}.zdsy-container span.num2{margin-left:1.95rem}.zgdw-container{margin-top:.5rem;height:2.71rem;background:url("../images/content7.png") no-repeat center top;background-size:100% auto;padding-top:2.8rem;text-align:center}.zgdw-container span{font-size:.58rem;color:#feee64;display:inline-block;width:2.8rem}.ggsk-container{position:relative;margin-top:.6rem;height:8.78rem;background:url("../images/content8.png") no-repeat center top;background-size:100% auto;text-align:center;overflow:hidden}.ggsk-container span{padding-top:.2rem;font-size:.24rem;color:#5f1a11;font-weight:bold;display:inline-block}.ggsk-container .img-container{position:relative;width:7.4rem;height:4.1rem;overflow:hidden;margin:2.05rem auto 0}.ggsk-container #file{position:absolute;left:1.5rem;top:2rem;width:7.6rem;height:4.2rem;background:none;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.ggsk-container img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:7.5rem}.bottom-container{text-align:center}.bottom-container a{display:inline-block;width:4.13rem;height:1.42rem;margin:0 .45rem}.bottom-container .btn-share{background:url("../images/btn_share.png") no-repeat center top;background-size:100% auto}.bottom-container .btn-save{background:url("../images/btn_save.png") no-repeat center top;background-size:100% auto}.dialog{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.75);z-index:1}.dialog .content{position:absolute;left:50%;top:50%;width:100%;height:6.16rem;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:url("../images/dialog_bg.png") no-repeat center;background-size:100% auto;padding-bottom:1rem}.dialog .content .close{position:absolute;width:1rem;height:1rem;right:1.2rem;top:.5rem}.dialog .content ul{width:7rem;margin:0 auto;text-align:right;padding-top:2.8rem}.dialog .content ul li{padding:0 .4rem .19rem 0}.dialog .content ul li select{height:.8rem;font-size:.42rem;color:#613937;width:3.9rem;max-width:3.9rem;text-align:left;font-weight:bold;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url("../images/arrow.png") no-repeat scroll right center transparent;background-size:.22rem;padding-right:.2rem}.dialog .content ul li select option{font-size:.42rem;color:#613937}.dialog .content .btn-card-bind-role{display:block;margin:.4rem auto 0;width:3rem;height:1rem;line-height:1rem;font-size:.32rem;color:#5f1a11}.dialog-img,.share-img{position:fixed;left:0;top:0;width:100%;height:100%;overflow:scroll;background:rgba(0,0,0,0.7)}.dialog-img .dialog-img-content,.share-img .dialog-img-content{position:absolute;width:90%;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding-top:2.5rem;height:13.5rem;background:url("../images/save_img_bg.png") no-repeat center;background-size:100% auto}.dialog-img .dialog-img-content .img-scroll,.share-img .dialog-img-content .img-scroll{height:12rem;overflow:scroll;width:85%;margin:0 auto}.dialog-img .dialog-img-content img,.share-img .dialog-img-content img{width:100%}.share-img img{width:100%;display:block;margin:0 auto}.fixed{position:fixed;left:0;top:0;width:100%;height:100%}.loading{position:fixed;left:50%;top:50%;width:3rem;height:2rem;margin:-1rem 0 0 -1.5rem;text-align:center}.loading span{display:inline-block;width:.3rem;height:40px;border-radius:4px;background:#90ee90;-webkit-animation:load 1s ease infinite}@-webkit-keyframes load{0%,100%{height:40px;background:#90ee90}50%{height:70px;margin:-15px 0;background:#add8e6}}.loading span:nth-child(2){-webkit-animation-delay:.2s}.loading span:nth-child(3){-webkit-animation-delay:.4s}.loading span:nth-child(4){-webkit-animation-delay:.6s}.loading span:nth-child(5){-webkit-animation-delay:.8s}.login-info{padding:.2rem;font-size:.4rem;color:#fff}.login-info a{color:#fff}.postcard-container .login-info{position:absolute;left:0;top:0}@-webkit-keyframes Rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes Rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media screen and (min-width:540px){.dialog{max-width:540px;left:auto}.postcard-container .login-info{left:auto}}
* { \ No newline at end of file
margin: 0;
padding: 0;
}
* :focus {
outline: 0;
}
ul,
li,
ol {
list-style: none;
}
a {
color: #5f1a11;
text-decoration: none;
}
i,
em {
font-style: normal;
}
a,
button,
input,
select,
img,
label,
li,
div {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
outline: medium none;
}
html,
body,
select,
input,
textarea {
font-family: "SC-Bold,PingFang SC Bold, Microsoft YaHei", "Arial", "黑体", "宋体", sans-serif;
}
html,
body {
position: relative;
}
input,
button,
select,
textarea {
outline: none;
border: 0;
}
::-webkit-input-placeholder {
/* WebKit browsers */
color: #ababab;
vertical-align: middle;
line-height: normal;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #ababab;
vertical-align: middle;
line-height: normal;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #ababab;
vertical-align: middle;
line-height: normal;
}
.clearfix {
display: block;
zoom: 1;
}
.clearfix:after {
content: " ";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden;
}
.hide {
display: none;
}
.show {
display: block;
}
.m-img {
width: 100%;
display: block;
}
.dil {
display: inline-block;
}
.tc {
text-align: center;
}
.btn {
height: 1.38rem;
background: #0099ff;
font-size: 0.52rem;
color: #ffffff;
border-radius: .66rem;
cursor: pointer;
-webkit-box-shadow: 0 6px 10px rgba(0, 153, 255, 0.34);
box-shadow: 0 6px 10px rgba(0, 153, 255, 0.34);
}
.btn.btn-small {
height: 1.06rem;
font-size: .48rem;
}
.container {
max-width: 540px;
margin: 0 auto;
font-size: 0;
}
.home-container {
width: 100%;
min-height: 100vh;
background: url("../images/body_bg1.jpg") no-repeat center top;
background-size: 100% auto;
overflow: hidden;
}
.home-container .header-avatar {
position: relative;
width: 3.52rem;
height: 3.52rem;
margin: 7.77rem auto 0;
border-radius: 100%;
overflow: hidden;
}
.home-container .header-avatar span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url("../images/avatar_border.png") no-repeat center;
background-size: 100% auto;
-webkit-animation: Rotate 2s linear infinite;
animation: Rotate 2s linear infinite;
}
.home-container .header-avatar img {
border-radius: 100%;
width: 3.1rem;
height: 3.1rem;
display: block;
margin: .21rem auto;
}
.home-container .btn-start {
display: block;
width: 6.65rem;
height: 2.06rem;
margin: 1.9rem auto 0;
background: url("../images/btn_start.png") no-repeat center;
background-size: 100% auto;
}
.postcard-container {
min-height: 1800px;
padding-bottom: 1rem;
background: url("../images/body_bg2.jpg") no-repeat center top, url("../images/bg.jpg") repeat-y center;
background-size: 100% auto;
}
.postcard-container {
padding-top: 4.75rem;
}
.role-container {
overflow: hidden;
margin: 0 auto;
position: relative;
min-height: 5.5rem;
padding: 1.5rem .9rem 0;
}
.role-container .icon-red {
position: absolute;
right: .6rem;
bottom: .4rem;
z-index: 1;
width: 1.25rem;
height: 1.25rem;
background: url("../images/icon_red.png") no-repeat center;
background-size: 100% auto;
}
.role-container .role-avatar {
width: 1.88rem;
height: 1.92rem;
margin: 0 auto;
text-align: center;
position: relative;
}
.role-container .role-avatar .img-border {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.role-container .role-avatar .img-header {
width: 1.3rem;
height: 1.3rem;
margin-top: .28rem;
display: inline-block;
}
.role-container li {
height: 0.62rem;
line-height: 0.62rem;
font-size: 0.26rem;
color: #5f1a11;
text-align: left;
margin-top: .3rem;
}
.role-container li span {
display: block;
width: 1.8rem;
float: right;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-right: .45rem;
}
.role-container li.role1 {
background: url("../images/role_img1.png") no-repeat center;
background-size: auto .62rem;
}
.role-container li.role2 {
background: url("../images/role_img2.png") no-repeat center;
background-size: auto .62rem;
}
.role-container li.role3 {
background: url("../images/role_img3.png") no-repeat center;
background-size: auto .62rem;
}
.role-container li.role4 {
background: url("../images/role_img4.png") no-repeat center;
background-size: auto .62rem;
}
.role-container li.role5 {
background: url("../images/role_img5.png") no-repeat center;
background-size: auto .62rem;
}
.role-container .left {
float: left;
width: 50%;
}
.role-container .left li {
font-size: 0.26rem;
color: #5f1a11;
}
.role-container .right {
float: right;
width: 50%;
padding-top: .4rem;
}
.role-container .bottom {
position: absolute;
left: 1.5rem;
bottom: .7rem;
}
.role-container .bottom img {
display: inline-block;
vertical-align: text-bottom;
}
.role-container .bottom .img1 {
width: 4.89rem;
}
.role-container .bottom .b-num {
display: inline-block;
vertical-align: text-bottom;
height: 1rem;
}
.role-container .bottom .b-num span {
vertical-align: middle;
display: inline-block;
height: .9rem;
width: .35rem;
text-align: center;
font: bold 1rem "Arial";
color: #5f1a11;
}
.role-container .bottom span {
font-size: 1rem;
color: #5f1a11;
font-weight: bold;
margin: 0 .1rem;
}
.role-container .bottom .img2 {
width: .77rem;
}
.range-container {
height: 4.45rem;
padding-top: 1.35rem;
background: url("../images/content2.png") no-repeat center top;
background-size: 100% auto;
margin: .4rem auto 0;
}
.range-container .range-num {
width: 7.9rem;
margin: 1.2rem auto 0;
}
.range-container span {
display: inline-block;
width: 20%;
height: .9rem;
text-align: center;
font: bold 1.06rem "Arial";
color: #5f1a11;
}
.arms-container {
position: relative;
height: 5.22rem;
background: url("../images/content3.png") no-repeat center top;
background-size: 100% auto;
}
.arms-container .arms {
position: relative;
width: 8.5rem;
height: 5.22rem;
overflow: hidden;
padding-top: 1.9rem;
padding-left: 1.2rem;
}
.arms-container .arms em {
position: absolute;
width: 2rem;
text-align: center;
font-size: 0.26rem;
color: #5f1a11;
height: 0.7rem;
line-height: 0.7rem;
font-weight: bold;
left: 3.2rem;
top: 1.9rem;
}
.arms-container .arms em.name2 {
top: 2.9rem;
}
.arms-container .arms em.name3 {
top: 3.9rem;
}
.arms-container .arms div {
position: absolute;
left: 5.6rem;
width: 3.4rem;
text-align: center;
font-weight: bold;
}
.arms-container .arms div#wq1 {
top: 1.9rem;
}
.arms-container .arms div#wq2 {
top: 2.94rem;
}
.arms-container .arms div#wq3 {
top: 3.94rem;
}
.arms-container .arms div span {
display: inline-block;
text-align: center;
width: .68rem;
height: .68rem;
line-height: .68rem;
font-size: 0.45rem;
color: #5f1a11;
}
.mr-container {
position: relative;
margin-top: .9rem;
background: url("../images/content4.png") no-repeat center top;
background-size: 100% auto;
}
.mr-container .mr {
height: 5.27rem;
width: 8.6rem;
margin: 0 auto ;
overflow: hidden;
}
.mr-container .mr span {
margin: 3.8rem auto;
display: block;
width: 1.79rem;
height: .83rem;
}
.mr-container .mr span.img-SSS {
background: url("../images/img_sss.png") no-repeat center;
background-size: 100% auto;
}
.mr-container .mr span.img-SS {
background: url("../images/img_ss.png") no-repeat center;
background-size: 100% auto;
}
.mr-container .mr span.img-S {
background: url("../images/img_s.png") no-repeat center;
background-size: 100% auto;
}
.mr-container .mr span.img-A {
background: url("../images/img_a.png") no-repeat center;
background-size: 100% auto;
}
.mr-container .mr span.img-B {
background: url("../images/img_b.png") no-repeat center;
background-size: 100% auto;
}
.mr-container .mr span.img-C {
background: url("../images/img_c.png") no-repeat center;
background-size: 100% auto;
}
.yzzt-container {
margin-top: .75rem;
height: 2.71rem;
background: url("../images/content5.png") no-repeat center top;
background-size: 100% auto;
padding-top: 3.3rem;
}
.yzzt-container span {
font-size: 0.7rem;
color: #fdfdff;
display: inline-block;
text-align: center;
width: 1.7rem;
}
.yzzt-container span.num1 {
margin-left: 2.36rem;
}
.yzzt-container span.num2 {
margin-left: 2.83rem;
}
.zdsy-container {
margin-top: .8rem;
height: 2.71rem;
background: url("../images/content6.png") no-repeat center top;
background-size: 100% auto;
padding-top: 3.3rem;
}
.zdsy-container span {
font-size: 0.7rem;
color: #feee64;
display: inline-block;
text-align: center;
width: 2.8rem;
}
.zdsy-container span.num1 {
margin-left: 1.65rem;
}
.zdsy-container span.num2 {
margin-left: 1.95rem;
}
.zgdw-container {
margin-top: .5rem;
height: 2.71rem;
background: url("../images/content7.png") no-repeat center top;
background-size: 100% auto;
padding-top: 2.8rem;
text-align: center;
}
.zgdw-container span {
font-size: 0.58rem;
color: #feee64;
display: inline-block;
width: 2.8rem;
}
.ggsk-container {
position: relative;
margin-top: .6rem;
height: 8.78rem;
background: url("../images/content8.png") no-repeat center top;
background-size: 100% auto;
text-align: center;
}
.ggsk-container span {
font-size: 0.58rem;
color: #feee64;
display: inline-block;
width: 2.8rem;
}
.ggsk-container #file {
position: absolute;
left: 1.5rem;
top: 2rem;
width: 7.6rem;
height: 4.2rem;
background: none;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
.ggsk-container img {
width: 7.4rem;
height: 4.1rem;
margin: 2rem 0 0 0;
}
.bottom-container {
text-align: center;
}
.bottom-container a {
display: inline-block;
width: 4.13rem;
height: 1.42rem;
margin: 0 .45rem;
}
.bottom-container .btn-share {
background: url("../images/btn_share.png") no-repeat center top;
background-size: 100% auto;
}
.bottom-container .btn-save {
background: url("../images/btn_save.png") no-repeat center top;
background-size: 100% auto;
}
.dialog {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
z-index: 1;
}
.dialog .content {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 6.16rem;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url("../images/dialog_bg.png") no-repeat center;
background-size: 100% auto;
padding-bottom: 1rem;
}
.dialog .content .close {
position: absolute;
width: 1rem;
height: 1rem;
right: 1.2rem;
top: .5rem;
}
.dialog .content ul {
width: 7rem;
margin: 0 auto;
text-align: right;
padding-top: 2.8rem;
}
.dialog .content ul li {
padding: 0 .4rem .18rem 0;
}
.dialog .content ul li select {
height: .8rem;
font-size: 0.42rem;
color: #613937;
background: none;
width: 3.4rem;
max-width: 3.4rem;
text-align: left;
font-weight: bold;
}
.dialog .content ul li select option {
font-size: 0.42rem;
color: #613937;
}
.dialog .content .btn-card-bind-role {
display: block;
margin: .4rem auto 0;
width: 3rem;
height: 1rem;
line-height: 1rem;
font-size: 0.32rem;
color: #5f1a11;
}
.dialog-img,
.share-img {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: scroll;
background: rgba(0, 0, 0, 0.7);
}
.dialog-img .dialog-img-content,
.share-img .dialog-img-content {
position: absolute;
width: 90%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding-top: 2.5rem;
height: 13.5rem;
background: url("../images/save_img_bg.png") no-repeat center;
background-size: 100% auto;
}
.dialog-img .dialog-img-content .img-scroll,
.share-img .dialog-img-content .img-scroll {
height: 12rem;
overflow: scroll;
width: 85%;
margin: 0 auto;
}
.dialog-img .dialog-img-content img,
.share-img .dialog-img-content img {
width: 100%;
}
.share-img img {
width: 100%;
display: block;
margin: 0 auto;
}
.fixed {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.loading {
position: fixed;
left: 50%;
top: 50%;
width: 3rem;
height: 2rem;
margin: -1rem 0 0 -1.5rem;
text-align: center;
}
.loading span {
display: inline-block;
width: .3rem;
height: 40px;
border-radius: 4px;
background: lightgreen;
-webkit-animation: load 1s ease infinite;
}
@-webkit-keyframes load {
0%,
100% {
height: 40px;
background: lightgreen;
}
50% {
height: 70px;
margin: -15px 0;
background: lightblue;
}
}
.loading span:nth-child(2) {
-webkit-animation-delay: 0.2s;
}
.loading span:nth-child(3) {
-webkit-animation-delay: 0.4s;
}
.loading span:nth-child(4) {
-webkit-animation-delay: 0.6s;
}
.loading span:nth-child(5) {
-webkit-animation-delay: 0.8s;
}
.login-info {
padding: .2rem;
font-size: 0.4rem;
color: #ffffff;
}
.login-info a {
color: #fff;
}
@-webkit-keyframes Rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes Rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
...@@ -53,15 +53,14 @@ ...@@ -53,15 +53,14 @@
} }
.postcard-container { .postcard-container {
min-height: 1800px;
padding-bottom: 1rem; padding-bottom: 1rem;
background: url("../images/body_bg2.jpg") no-repeat center top,url("../images/bg.jpg") repeat-y center; background: url("../images/body_bg2.jpg") no-repeat center top, url("../images/bg.jpg") repeat-y center;
background-size: 100% auto; background-size: 100% auto;
} }
.postcard-container { .postcard-container {
padding-top:4.75rem; padding-top: 4.75rem;
} }
.role-container { .role-container {
...@@ -70,6 +69,7 @@ ...@@ -70,6 +69,7 @@
.pr(); .pr();
min-height: 5.5rem; min-height: 5.5rem;
padding: 1.5rem .9rem 0; padding: 1.5rem .9rem 0;
.icon-red { .icon-red {
.pa(); .pa();
right: .6rem; right: .6rem;
...@@ -87,13 +87,15 @@ ...@@ -87,13 +87,15 @@
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
.pr(); .pr();
.img-border{
.img-border {
.pa(); .pa();
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.img-header { .img-header {
width: 1.3rem; width: 1.3rem;
height: 1.3rem; height: 1.3rem;
...@@ -104,42 +106,42 @@ ...@@ -104,42 +106,42 @@
li { li {
.lh(.62rem); .lh(.62rem);
.fs(.26rem, @baseColor); .fs(.24rem, @baseColor);
text-align: left; font-weight: bold;
margin-top: .3rem; text-align: center;
margin-top: .5rem;
span { span {
display: block; margin-left: .2rem;
width: 1.8rem; display: inline-block;
.fr(); width: 3.23rem;
.ells(); .ells();
margin-right: .45rem;
}
&.role1 {
background: url("../images/role_img1.png") no-repeat center;
background-size: auto .62rem;
} }
&.role2 { //&.role1 {
background: url("../images/role_img2.png") no-repeat center; // background: url("../images/role_img1.png") no-repeat center;
background-size: auto .62rem; // background-size: auto .62rem;
} //}
//
&.role3 { //&.role2 {
background: url("../images/role_img3.png") no-repeat center; // background: url("../images/role_img2.png") no-repeat center;
background-size: auto .62rem; // background-size: auto .62rem;
} //}
//
&.role4 { //&.role3 {
background: url("../images/role_img4.png") no-repeat center; // background: url("../images/role_img3.png") no-repeat center;
background-size: auto .62rem; // background-size: auto .62rem;
} //}
//
&.role5 { //&.role4 {
background: url("../images/role_img5.png") no-repeat center; // background: url("../images/role_img4.png") no-repeat center;
background-size: auto .62rem; // background-size: auto .62rem;
} //}
//
//&.role5 {
// background: url("../images/role_img5.png") no-repeat center;
// background-size: auto .62rem;
//}
} }
...@@ -155,29 +157,48 @@ ...@@ -155,29 +157,48 @@
.right { .right {
.fr(); .fr();
width: 50%; width: 50%;
padding-top: .4rem; padding-top: .55rem;
li {
margin-top: 0;
margin-bottom: .65rem;
span {
margin-left: .5rem;
width: 3rem;
}
&.role4 {
margin-bottom: .7rem;
}
}
} }
.bottom { .bottom {
.pa(); .pa();
left: 1.5rem; left: 1.5rem;
bottom: .7rem; bottom: .45rem;
img{
img {
display: inline-block; display: inline-block;
vertical-align: text-bottom; vertical-align: text-bottom;
} }
.img1 { .img1 {
width: 4.89rem; width: 4.89rem;
} }
.b-num{
.b-num {
display: inline-block; display: inline-block;
vertical-align: text-bottom; vertical-align: text-bottom;
height:1rem; height: 1rem;
span{
span {
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
height: .9rem; height: .9rem;
width: .35rem; line-height: .9rem;
width: .45rem;
text-align: center; text-align: center;
font: bold 1rem "Arial"; font: bold 1rem "Arial";
color: @baseColor; color: @baseColor;
...@@ -202,17 +223,26 @@ ...@@ -202,17 +223,26 @@
background: url("../images/content2.png") no-repeat center top; background: url("../images/content2.png") no-repeat center top;
background-size: 100% auto; background-size: 100% auto;
margin: .4rem auto 0; margin: .4rem auto 0;
.range-num{
.range-num {
width: 7.9rem; width: 7.9rem;
margin: 1.2rem auto 0; margin: 1.2rem auto 0;
display: flex;
align-content: center;
justify-content: space-around;
} }
span{
span {
display: inline-block; display: inline-block;
width: 20%; width: 1.33rem;
height: .9rem; height: 1.37rem;
line-height: 1.5rem;
text-align: center; text-align: center;
font: bold 1.06rem "Arial"; .fs(1.06rem,@baseColor);
font-weight: bold;
color: @baseColor; color: @baseColor;
background: url("../images/num_border.png") no-repeat center;
background-size: 100% auto;
} }
} }
...@@ -221,220 +251,210 @@ ...@@ -221,220 +251,210 @@
height: 5.22rem; height: 5.22rem;
background: url("../images/content3.png") no-repeat center top; background: url("../images/content3.png") no-repeat center top;
background-size: 100% auto; background-size: 100% auto;
.arms{
.arms {
.pr(); .pr();
width: 8.5rem; width: 9rem;
height: 5.22rem; height: 5.22rem;
overflow: hidden; overflow: hidden;
padding-top: 1.9rem; padding-top: 1.9rem;
padding-left:1.2rem; padding-left: 1.2rem;
em{ font-size: 0;
.pa(); .left {
width: 2rem; .fl();
text-align: center;
.fs(.26rem,@baseColor); li {
.lh(.7rem); .pr();
font-weight: bold; .lh(.62rem);
left: 3.2rem; margin-bottom: .3rem;
top: 1.9rem;
&.name2{
top: 2.9rem;
}
&.name3{
top: 3.9rem;
}
}
div{
.pa();
left: 5.6rem;
width: 3.4rem;
text-align: center;
font-weight: bold;
&#wq1{
top: 1.9rem;
} }
&#wq2{
top: 2.94rem; span {
} .pa();
&#wq3{ left: .2rem;
top: 3.94rem; top: 0;
.fs(.24rem, #74624e)
} }
span{
em {
margin-left: 1rem;
display: inline-block; display: inline-block;
width: 3.81rem;
text-align: center;
.fs(.26rem, @baseColor);
.lh(.62rem);
font-weight: bold;
background: url("../images/wn_bg.png") no-repeat center;
background-size: 100% auto;
}
}
;
.right {
.fl();
margin-top: -.35rem;
li{
text-align: center; text-align: center;
width: .68rem; em{
height: .68rem; display: block;
line-height: .68rem; .fs(.24rem,#74624e);
.fs(.45rem,@baseColor) transform: scale(.7);
margin-bottom: .02rem;
}
div{
width: 3.4rem;
text-align: center;
font-weight: bold;
span{
display: inline-block;
width: .6rem;
.lh(.6rem);
margin: 0 .04rem;
.fs(.45rem,@baseColor);
background: url("../images/num_border.png") no-repeat center;
background-size: 100% auto;
}
}
} }
} }
} }
//.role-name{
// font-size: 0;
// padding-left: 2.1rem;
// em,div{
// display: inline-block;
// }
// em{
// width: 2rem;
// text-align: center;
// .fs(.26rem,@baseColor);
// .lh(.7rem);
// margin-bottom: .22rem;
// }
// &.role-name2{
// em{
// margin-bottom: .20rem;
// }
// }
// div{
// span{
// display: inline-block;
// text-align: center;
// width: .68rem;
// height: .68rem;
// line-height: .68rem;
// .fs(.45rem,@baseColor)
// }
// &#wq1,&#wq2{
// width: 1.4rem;
// margin-left: 1.35rem;
// margin-bottom: .4rem;
// }
// &#wq3{
// width: 3.6rem;
// margin-left:.35rem;
// span{
// width: .64rem;
// height: .64rem;
// line-height: .64rem;
// }
// }
// }
//}
//.wq3-num{
// margin: .6rem auto 0;
// width: 5.3rem;
// height:.86rem;
// font-size: 0;
// span {
// display: inline-block;
// width: 20%;
// height: .9rem;
// text-align: center;
// font: bold .45rem "Arial";
// color: @baseColor;
// }
//}
} }
.mr-container{
.mr-container {
.pr(); .pr();
margin-top: .9rem; margin-top: .9rem;
background: url("../images/content4.png") no-repeat center top; background: url("../images/content4.png") no-repeat center top;
background-size: 100% auto; background-size: 100% auto;
.mr{
.mr {
height: 5.27rem; height: 5.27rem;
width: 8.6rem; width: 8.6rem;
margin: 0 auto ; margin: 0 auto;
overflow: hidden; overflow: hidden;
span{
margin: 3.8rem auto; span {
margin: 3.6rem 0 0 3.5rem;
display: block; display: block;
width: 1.79rem; width: 1.79rem;
height: .83rem; height: .83rem;
&.img-SSS{
&.img-SSS {
background: url("../images/img_sss.png") no-repeat center; background: url("../images/img_sss.png") no-repeat center;
background-size: 100% auto; background-size: 100% auto;
} }
&.img-SS{
&.img-SS {
background: url("../images/img_ss.png") no-repeat center; background: url("../images/img_ss.png") no-repeat center;
background-size: 100% auto; background-size: 100% auto;
} }
&.img-S{
&.img-S {
background: url("../images/img_s.png") no-repeat center; background: url("../images/img_s.png") no-repeat center;
background-size: 100% auto; background-size: 100% auto;
} }
&.img-A{
&.img-A {
background: url("../images/img_a.png") no-repeat center; background: url("../images/img_a.png") no-repeat center;
background-size: 100% auto; background-size: 100% auto;
} }
&.img-B{
&.img-B {
background: url("../images/img_b.png") no-repeat center; background: url("../images/img_b.png") no-repeat center;
background-size: 100% auto; background-size: 100% auto;
} }
&.img-C{
&.img-C {
background: url("../images/img_c.png") no-repeat center; background: url("../images/img_c.png") no-repeat center;
background-size: 100% auto; background-size: 100% auto;
} }
} }
} }
} }
.yzzt-container{
.yzzt-container {
margin-top: .75rem; margin-top: .75rem;
height: 2.71rem; height: 2.71rem;
background: url("../images/content5.png") no-repeat center top; background: url("../images/content5.png") no-repeat center top;
background-size: 100% auto; background-size: 100% auto;
padding-top: 3.3rem; padding-top: 3.3rem;
span{
.fs(.7rem,#fdfdff); span {
.fs(.7rem, #fdfdff);
display: inline-block; display: inline-block;
text-align: center; text-align: center;
width: 1.7rem; width: 1.7rem;
&.num1{
&.num1 {
margin-left: 2.36rem; margin-left: 2.36rem;
} }
&.num2{
&.num2 {
margin-left: 2.83rem; margin-left: 2.83rem;
} }
} }
} }
.zdsy-container{
.zdsy-container {
margin-top: .8rem; margin-top: .8rem;
height: 2.71rem; height: 2.71rem;
background: url("../images/content6.png") no-repeat center top; background: url("../images/content6.png") no-repeat center top;
background-size: 100% auto; background-size: 100% auto;
padding-top: 3.3rem; padding-top: 3.3rem;
span{
.fs(.7rem,#feee64); span {
.fs(.7rem, #feee64);
display: inline-block; display: inline-block;
text-align: center; text-align: center;
width: 2.8rem; width: 2.8rem;
&.num1{
&.num1 {
margin-left: 1.65rem; margin-left: 1.65rem;
} }
&.num2{
&.num2 {
margin-left: 1.95rem; margin-left: 1.95rem;
} }
} }
} }
.zgdw-container{
.zgdw-container {
margin-top: .5rem; margin-top: .5rem;
height: 2.71rem; height: 2.71rem;
background: url("../images/content7.png") no-repeat center top; background: url("../images/content7.png") no-repeat center top;
background-size: 100% auto; background-size: 100% auto;
padding-top: 2.8rem; padding-top: 2.8rem;
text-align: center; text-align: center;
span{
.fs(.58rem,#feee64); span {
.fs(.58rem, #feee64);
display: inline-block; display: inline-block;
width: 2.8rem; width: 2.8rem;
} }
} }
.ggsk-container{ .ggsk-container {
.pr(); .pr();
margin-top: .6rem; margin-top: .6rem;
height: 8.78rem; height: 8.78rem;
background: url("../images/content8.png") no-repeat center top; background: url("../images/content8.png") no-repeat center top;
background-size: 100% auto; background-size: 100% auto;
text-align: center; text-align: center;
text-align: center; overflow: hidden;
span{
.fs(.58rem,#feee64); span {
padding-top: .2rem;
.fs(.24rem, @baseColor);
font-weight: bold;
display: inline-block; display: inline-block;
width: 2.8rem;
} }
#file{ .img-container{
.pr();
width: 7.4rem;
height: 4.1rem;
overflow: hidden;
margin: 2.05rem auto 0;
}
#file {
.pa(); .pa();
left: 1.5rem; left: 1.5rem;
top: 2rem; top: 2rem;
...@@ -445,124 +465,149 @@ ...@@ -445,124 +465,149 @@
opacity: 0; opacity: 0;
filter: alpha(opacity=0); filter: alpha(opacity=0);
} }
img{
width: 7.4rem; img {
height: 4.1rem; .pa();
margin: 2rem 0 0 0; left: 50%;
top: 50%;
transform: translate(-50%,-50%);
max-width: 7.5rem;
} }
} }
.bottom-container{
.bottom-container {
text-align: center; text-align: center;
a{
a {
display: inline-block; display: inline-block;
width: 4.13rem; width: 4.13rem;
height: 1.42rem; height: 1.42rem;
margin: 0 .45rem; margin: 0 .45rem;
} }
.btn-share{
.btn-share {
background: url("../images/btn_share.png") no-repeat center top; background: url("../images/btn_share.png") no-repeat center top;
background-size: 100% auto; background-size: 100% auto;
} }
.btn-save{
.btn-save {
background: url("../images/btn_save.png") no-repeat center top; background: url("../images/btn_save.png") no-repeat center top;
background-size: 100% auto; background-size: 100% auto;
} }
} }
.dialog{ .dialog {
.pf(); .pf();
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0,0,0,.75); background: rgba(0, 0, 0, .75);
z-index: 1; z-index: 1;
.content{
.content {
.pa(); .pa();
left: 50%; left: 50%;
top:50%; top: 50%;
width: 100%; width: 100%;
height: 6.16rem; height: 6.16rem;
.css3(transform,translate(-50%,-50%)); .css3(transform, translate(-50%, -50%));
background: url("../images/dialog_bg.png") no-repeat center; background: url("../images/dialog_bg.png") no-repeat center;
background-size: 100% auto; background-size: 100% auto;
padding-bottom: 1rem; padding-bottom: 1rem;
.close{
.close {
.pa(); .pa();
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
right: 1.2rem; right: 1.2rem;
top: .5rem; top: .5rem;
} }
ul{
ul {
width: 7rem; width: 7rem;
margin: 0 auto; margin: 0 auto;
text-align: right; text-align: right;
padding-top: 2.8rem; padding-top: 2.8rem;
li{
padding:0 .4rem .18rem 0; li {
select{ padding: 0 .4rem .19rem 0;
select {
height: .8rem; height: .8rem;
.fs(.42rem,#613937); .fs(.42rem, #613937);
background: none; width: 3.9rem;
width: 3.4rem; max-width: 3.9rem;
max-width: 3.4rem;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
option{ appearance:none;
.fs(.42rem,#613937); -moz-appearance:none;
-webkit-appearance:none;
background: url("../images/arrow.png") no-repeat scroll right center transparent;
background-size: .22rem;
padding-right: .2rem;
option {
.fs(.42rem, #613937);
} }
} }
} }
} }
.btn-card-bind-role{
.btn-card-bind-role {
display: block; display: block;
margin: .4rem auto 0; margin: .4rem auto 0;
width: 3rem; width: 3rem;
height: 1rem; height: 1rem;
line-height: 1rem; line-height: 1rem;
.fs(.32rem,@baseColor); .fs(.32rem, @baseColor);
} }
} }
} }
.dialog-img,.share-img{
.dialog-img, .share-img {
.pf(); .pf();
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: scroll; overflow: scroll;
background: rgba(0,0,0,.7); background: rgba(0, 0, 0, .7);
.dialog-img-content{
.dialog-img-content {
.pa(); .pa();
width: 90%; width: 90%;
left: 50%; left: 50%;
top: 50%; top: 50%;
transform: translate(-50%,-50%); transform: translate(-50%, -50%);
padding-top: 2.5rem; padding-top: 2.5rem;
height: 13.5rem; height: 13.5rem;
background:url("../images/save_img_bg.png") no-repeat center; background: url("../images/save_img_bg.png") no-repeat center;
background-size: 100% auto; background-size: 100% auto;
.img-scroll{
.img-scroll {
height: 12rem; height: 12rem;
overflow: scroll; overflow: scroll;
width: 85%; width: 85%;
margin:0 auto; margin: 0 auto;
} }
img{
img {
width: 100%; width: 100%;
} }
} }
} }
.share-img{
img{ .share-img {
img {
width: 100%; width: 100%;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
} }
.fixed{
.fixed {
.pf(); .pf();
left: 0; left: 0;
top: 0; top: 0;
...@@ -570,7 +615,7 @@ ...@@ -570,7 +615,7 @@
height: 100%; height: 100%;
} }
.loading{ .loading {
.pf(); .pf();
left: 50%; left: 50%;
top: 50%; top: 50%;
...@@ -579,44 +624,61 @@ ...@@ -579,44 +624,61 @@
margin: -1rem 0 0 -1.5rem; margin: -1rem 0 0 -1.5rem;
text-align: center; text-align: center;
} }
.loading span{
.loading span {
display: inline-block; display: inline-block;
width:.3rem; width: .3rem;
height: 40px; height: 40px;
border-radius: 4px; border-radius: 4px;
background: lightgreen; background: lightgreen;
-webkit-animation: load 1s ease infinite; -webkit-animation: load 1s ease infinite;
} }
@-webkit-keyframes load{
0%,100%{ @-webkit-keyframes load {
0%, 100% {
height: 40px; height: 40px;
background: lightgreen; background: lightgreen;
} }
50%{ 50% {
height: 70px; height: 70px;
margin: -15px 0; margin: -15px 0;
background: lightblue; background: lightblue;
} }
} }
.loading span:nth-child(2){
-webkit-animation-delay:0.2s; .loading span:nth-child(2) {
-webkit-animation-delay: 0.2s;
} }
.loading span:nth-child(3){
-webkit-animation-delay:0.4s; .loading span:nth-child(3) {
-webkit-animation-delay: 0.4s;
} }
.loading span:nth-child(4){
-webkit-animation-delay:0.6s; .loading span:nth-child(4) {
-webkit-animation-delay: 0.6s;
} }
.loading span:nth-child(5){
-webkit-animation-delay:0.8s; .loading span:nth-child(5) {
-webkit-animation-delay: 0.8s;
} }
.login-info{
.login-info {
padding: .2rem; padding: .2rem;
.fs(.4rem,#fff); .fs(.4rem, #fff);
a{
a {
color: #fff; color: #fff;
} }
} }
.postcard-container {
.login-info {
.pa();
left: 0;
top: 0;
}
}
@keyframes Rotate { @keyframes Rotate {
0% { 0% {
transform: rotate(0); transform: rotate(0);
...@@ -626,4 +688,12 @@ ...@@ -626,4 +688,12 @@
} }
} }
@media screen and ( min-width: 540px ) {
.dialog{
max-width: 540px;
left: auto;
}
.postcard-container .login-info{
left: auto;
}
}
This image diff could not be displayed because it is too large. You can view the blob instead.
var card = { var card = {
relationRole:{}, relationRole:{},
clickFlag:true, clickFlag:true,
bindInfo:{} bindInfo:{},
bindFlag : true
}; };
card.ajax = function (data, callback) { card.ajax = function (data, callback) {
data.data['_token'] = $('meta[name="token"]').attr("value"); data.data['_token'] = $('meta[name="token"]').attr("value");
...@@ -57,30 +58,30 @@ card.handleGetRoleList = function (params){ ...@@ -57,30 +58,30 @@ card.handleGetRoleList = function (params){
type:'POST', type:'POST',
data:params data:params
},function (res){ },function (res){
if(res.error == 80001){
alert(res.message);
return false;
}
var data = res.data, var data = res.data,
html = '', html = '',
sArr = []; sArr = [];
// data={
// 269:{
// name:'越狱-月光酒馆-打的',list:[{
// roleId:1,
// roleName:'aaaa'
// }]
// },
// 270:{
// name:'越狱aaa',list:[{
// roleId:1,
// roleName:'bbb'
// }]
// }
// }
card.relationRole = data; card.relationRole = data;
for(var key in data){ for(var key in data){
sArr.push({id:key,name:data[key].name}); sArr.push({id:key,name:data[key].name});
} }
html='<option value="-1">请选择</option>' html='<option value="-1">请选择</option>'
$(sArr).each(function (index,item){ $(sArr).each(function (index,item){
html+='<option value="'+item.id+'">'+item.name+'</option>'; var name = '';
if(item.name.indexOf('非硬核-')>-1){
name = item.name.replace('非硬核-','')
}else if(item.name.indexOf('硬核-')>-1){
name = item.name.replace('硬核-','')
}else if(item.name.indexOf('越狱-')>-1){
name = item.name.replace('越狱-','')
}else{
name = item.name
}
html+='<option value="'+item.id+'">'+name+'</option>';
}) })
$('.server-select').html(html); $('.server-select').html(html);
$('.loading').hide(); $('.loading').hide();
...@@ -89,6 +90,7 @@ card.handleGetRoleList = function (params){ ...@@ -89,6 +90,7 @@ card.handleGetRoleList = function (params){
} }
// 绑定角色 // 绑定角色
card.bindRole = function (params){ card.bindRole = function (params){
card.bindFlag = false;
this.ajax({ this.ajax({
url:'/bind/ald/role', url:'/bind/ald/role',
type:'POST', type:'POST',
...@@ -98,7 +100,7 @@ card.bindRole = function (params){ ...@@ -98,7 +100,7 @@ card.bindRole = function (params){
$('.dialog').hide(); $('.dialog').hide();
location.href='/card/html?roleId='+params.roleId+'&serverId='+params.serverId; location.href='/card/html?roleId='+params.roleId+'&serverId='+params.serverId;
}else{ }else{
alert(res.msg) alert(res.message)
} }
}) })
} }
...@@ -130,12 +132,19 @@ $(function (){ ...@@ -130,12 +132,19 @@ $(function (){
serverName:serverName, serverName:serverName,
roleName:roleName roleName:roleName
} }
if(card.clickFlag){ if(card.bindFlag){
setTimeout(function(){
card.bindFlag = true;
},3000)
card.bindRole(params); card.bindRole(params);
} }
}); });
$('.server-select').change(function (){ $('.server-select').change(function (){
var serverId = $(this).val(); var serverId = $(this).val();
if(serverId == -1){
$('.role-select').html('');
return false;
}
initRoleList(serverId); initRoleList(serverId);
}); });
}) })
\ No newline at end of file
var card={relationRole:{},clickFlag:!0,bindInfo:{}};card.ajax=function(e,a){e.data._token=$('meta[name="token"]').attr("value"),$.ajax({type:e.type?e.type:"GET",url:location.origin+e.url,dataType:"json",data:e.data,error:function(e){try{var a=e.responseText;alert(a.message)}catch(e){alert("系统开小差~~")}},success:function(e){return 1019==e.error?(location.href="/login",!1):4003==e.error?(location.href="/bind/ald/code",!1):void a(e)}}),setTimeout(function(){card.clickFlag=!0},1e3)},card.handleGetServer=function(e){$(".loading").show(),this.ajax({url:"/ald_bind_info",type:"get",data:{}},function(e){card.bindInfo=e.data;var a={serverId:e.data.serverId,userId:e.data.userId};card.handleGetRoleList(a)})},card.handleGetRoleList=function(e){this.ajax({url:"/get_role_list",type:"POST",data:e},function(e){var a=e.data,t="",r=[];card.relationRole=a;for(var o in a)r.push({id:o,name:a[o].name});t='<option value="-1">请选择</option>',$(r).each(function(e,a){t+='<option value="'+a.id+'">'+a.name+"</option>"}),$(".server-select").html(t),$(".loading").hide(),$(".dialog-server").fadeIn()})},card.bindRole=function(e){this.ajax({url:"/bind/ald/role",type:"POST",data:e},function(a){0===a.error?($(".dialog").hide(),location.href="/card/html?roleId="+e.roleId+"&serverId="+e.serverId):alert(a.msg)})};var initRoleList=function(e){var a=card.relationRole[e].list,t='<option value="-1">请选择</option>';$(a).each(function(e,a){t+='<option value="'+a.roleId+'">'+a.roleName+"</option>"}),$(".role-select").html(t)};$(function(){$(".btn-card-bind-role").click(function(){var e=$(".server-select option:selected").val(),a=$(".server-select option:selected").text(),t=$(".role-select option:selected").val();if(roleName=$(".role-select option:selected").text(),!e||"-1"==e)return alert("请选择服务器"),!1;if(!t||"-1"==t)return alert("请选择角色"),!1;var r={roleId:t,serverId:e,serverName:a,roleName:roleName};card.clickFlag&&card.bindRole(r)}),$(".server-select").change(function(){var e=$(this).val();initRoleList(e)})}); var card={relationRole:{},clickFlag:!0,bindInfo:{},bindFlag:!0};card.ajax=function(e,a){e.data._token=$('meta[name="token"]').attr("value"),$.ajax({type:e.type?e.type:"GET",url:location.origin+e.url,dataType:"json",data:e.data,error:function(e){try{var a=e.responseText;alert(a.message)}catch(e){alert("系统开小差~~")}},success:function(e){return 1019==e.error?(location.href="/login",!1):4003==e.error?(location.href="/bind/ald/code",!1):void a(e)}}),setTimeout(function(){card.clickFlag=!0},1e3)},card.handleGetServer=function(e){$(".loading").show(),this.ajax({url:"/ald_bind_info",type:"get",data:{}},function(e){card.bindInfo=e.data;var a={serverId:e.data.serverId,userId:e.data.userId};card.handleGetRoleList(a)})},card.handleGetRoleList=function(e){this.ajax({url:"/get_role_list",type:"POST",data:e},function(e){if(80001==e.error)return alert(e.message),!1;var a=e.data,r="",t=[];card.relationRole=a;for(var n in a)t.push({id:n,name:a[n].name});r='<option value="-1">请选择</option>',$(t).each(function(e,a){var t="";t=a.name.indexOf("非硬核-")>-1?a.name.replace("非硬核-",""):a.name.indexOf("硬核-")>-1?a.name.replace("硬核-",""):a.name.indexOf("越狱-")>-1?a.name.replace("越狱-",""):a.name,r+='<option value="'+a.id+'">'+t+"</option>"}),$(".server-select").html(r),$(".loading").hide(),$(".dialog-server").fadeIn()})},card.bindRole=function(e){card.bindFlag=!1,this.ajax({url:"/bind/ald/role",type:"POST",data:e},function(a){0===a.error?($(".dialog").hide(),location.href="/card/html?roleId="+e.roleId+"&serverId="+e.serverId):alert(a.message)})};var initRoleList=function(e){var a=card.relationRole[e].list,r='<option value="-1">请选择</option>';$(a).each(function(e,a){r+='<option value="'+a.roleId+'">'+a.roleName+"</option>"}),$(".role-select").html(r)};$(function(){$(".btn-card-bind-role").click(function(){var e=$(".server-select option:selected").val(),a=$(".server-select option:selected").text(),r=$(".role-select option:selected").val();if(roleName=$(".role-select option:selected").text(),!e||"-1"==e)return alert("请选择服务器"),!1;if(!r||"-1"==r)return alert("请选择角色"),!1;var t={roleId:r,serverId:e,serverName:a,roleName:roleName};card.bindFlag&&(setTimeout(function(){card.bindFlag=!0},3e3),card.bindRole(t))}),$(".server-select").change(function(){var e=$(this).val();if(-1==e)return $(".role-select").html(""),!1;initRoleList(e)})});
\ No newline at end of file \ No newline at end of file
...@@ -21,9 +21,10 @@ ...@@ -21,9 +21,10 @@
</div> </div>
<div class="col-lg-2"> <div class="col-lg-2">
<select class="form-control" name="status" > <select class="form-control" name="status" >
<option value="0" @if(@$SEARCH['status'] == 0) selected="selected" @endif>待审核</option> <option value="0" @if(@$SEARCH['status'] == 0) selected="selected" @endif>全部</option>
<option value="1" @if(@$SEARCH['status'] == 1) selected="selected" @endif>审核通过</option> <option value="1" @if(@$SEARCH['status'] == 1) selected="selected" @endif>待审核</option>
<option value="2" @if(@$SEARCH['status'] == 2) selected="selected" @endif>审核拒绝</option> <option value="2" @if(@$SEARCH['status'] == 2) selected="selected" @endif>审核通过</option>
<option value="3" @if(@$SEARCH['status'] == 3) selected="selected" @endif>审核拒绝</option>
</select> </select>
</div> </div>
<div class="col-lg-2"> <div class="col-lg-2">
...@@ -39,6 +40,7 @@ ...@@ -39,6 +40,7 @@
<table id="basic-table2" class="data-table table table-striped nowrap table-hover" cellspacing="0" width="100%"> <table id="basic-table2" class="data-table table table-striped nowrap table-hover" cellspacing="0" width="100%">
<thead> <thead>
<tr> <tr>
<th>操作 <input type="checkbox" value="all" onclick="return imgCheck(this);"/><label class="ml-sm">全选</label><button type="button" class="btn btn-success" onclick="return setAllStatus();">审核</button></th>
<th>编号</th> <th>编号</th>
<th>用户名</th> <th>用户名</th>
<th>审核</th> <th>审核</th>
...@@ -51,11 +53,14 @@ ...@@ -51,11 +53,14 @@
<tbody> <tbody>
@foreach($LIST as $li) @foreach($LIST as $li)
<tr> <tr>
<td> <input type="checkbox" name="ids[]" value="{{ $li->id }}" class="imgIDCheckbox" /></td>
<td>{{ @$li->id }}</td> <td>{{ @$li->id }}</td>
<td>{{ $USER_INFO[$li->uid] ?? '' }}</td> <td>{{ $USER_INFO[$li->uid] ?? '' }}</td>
<td> <td>
@if($li->status == 0) @if($li->status == 0)
<button type="button" class="btn btn-success" onclick="return setStatus({{ $li->id }});">审核</button> <button type="button" class="btn btn-success" onclick="return setStatus({{ $li->id }});">审核</button>
@else
<button type="button" class="btn btn-success" onclick="return setStatus({{ $li->id }});">重新审核</button>
@endif @endif
<td> <td>
@if($li->status == 0) 待审核 @endif @if($li->status == 0) 待审核 @endif
...@@ -88,19 +93,121 @@ ...@@ -88,19 +93,121 @@
<script src="/html/javascripts/My97DatePicker/WdatePicker.js"></script> <script src="/html/javascripts/My97DatePicker/WdatePicker.js"></script>
@include('admin.common.foot') @include('admin.common.foot')
<script> <script>
function setAllStatus(){
$('#ALL_VERITY').modal('show')
}
function saveStatusAll(){
var ids = '';
var box =document.getElementsByClassName('imgIDCheckbox');
for (i=0; i< box.length; i++){
if(box[i].checked){
if(ids == ''){
ids = box[i].value;
}else{
ids = ids + '#'+box[i].value;
}
}
}
if(ids == ''){
alert('请选择渠道');
return false;
}
var token = $("input[name='_token']").val();
var status = $("input:radio[name='imgStatusAll']:checked").val();
$('#change_status_all').attr("disabled",true);
$('#cancel_change_status_all').attr("disabled",true);
if(status == 2){
$('#ALL_VERITY').modal('hide');
$('#CONFIRM_ALL').modal('show');
}else{
$.ajax({
type: 'POST',
url: '/admin/save/status/all',
data: {_token:token,ids:ids,status:status},
success:function(data){
$('#show_error_info').html(data.info);
$('#show_success_info').html(data.info);
$('#change_status_all').attr("disabled",false);
$('#cancel_change_status_all').attr("disabled",false);
$('#ALL_VERITY').modal('hide')
if(data.code == 200){
$('#message-success-modal').modal('show')
}else{
$("#message-error-modal").modal('show');
}
}
});
}
}
function saveStatusAllCir(){
var ids = '';
var box =document.getElementsByClassName('imgIDCheckbox');
for (i=0; i< box.length; i++){
if(box[i].checked){
if(ids == ''){
ids = box[i].value;
}else{
ids = ids + '#'+box[i].value;
}
}
}
var token = $("input[name='_token']").val();
var status = $("input:radio[name='imgStatusAll']:checked").val();
$('#change_status_all_cir').attr("disabled",true);
$('#caacel_change_status_all_cir').attr("disabled",true);
$.ajax({
type: 'POST',
url: '/admin/save/status/all',
data: {_token:token,ids:ids,status:status},
success:function(data){
$('#show_error_info').html(data.info);
$('#show_success_info').html(data.info);
$('#change_status_all_cir').attr("disabled",false);
$('#caacel_change_status_all_cir').attr("disabled",false);
$('#CONFIRM_ALL').modal('hide')
if(data.code == 200){
$('#message-success-modal').modal('show')
}else{
$("#message-error-modal").modal('show');
}
}
});
}
function imgCheck(obj){
var box =document.getElementsByClassName('imgIDCheckbox');
for (i=0; i< box.length; i++){
if(obj.checked){
box[i].checked = true;
}else{
box[i].checked = false;
}
}
}
function setStatus(id){ function setStatus(id){
$('#img_id').val(id); $('#img_id').val(id);
$('#VERITY').modal('show') $('#VERITY').modal('show')
} }
function saveStatus(){ function saveStatusCir()
{
var id = $('#img_id').val(); var id = $('#img_id').val();
var token = $("input[name='_token']").val(); var token = $("input[name='_token']").val();
var status = $("input:radio[name='imgStatus']:checked").val(); var status = 2;
$('#change_status').attr("disabled",true); $('#change_status').attr("disabled",true);
$('#cancel_change_status').attr("disabled",true); $('#cancel_change_status').attr("disabled",true);
$.ajax({ $.ajax({
type: 'POST', type: 'POST',
url: '/admin/save/status', url: '/admin/save/status',
...@@ -112,7 +219,7 @@ ...@@ -112,7 +219,7 @@
$('#change_status').attr("disabled",false); $('#change_status').attr("disabled",false);
$('#cancel_change_status').attr("disabled",false); $('#cancel_change_status').attr("disabled",false);
$('#VERITY').modal('hide') $('#CONFIRM').modal('hide')
if(data.code == 200){ if(data.code == 200){
$('#message-success-modal').modal('show') $('#message-success-modal').modal('show')
}else{ }else{
...@@ -122,6 +229,39 @@ ...@@ -122,6 +229,39 @@
}); });
} }
function saveStatus(){
var id = $('#img_id').val();
var token = $("input[name='_token']").val();
var status = $("input:radio[name='imgStatus']:checked").val();
$('#change_status').attr("disabled",true);
$('#cancel_change_status').attr("disabled",true);
if(status == 2){
$('#VERITY').modal('hide');
$('#CONFIRM').modal('show');
}else{
$.ajax({
type: 'POST',
url: '/admin/save/status',
data: {_token:token,id:id,status:status},
success:function(data){
$('#show_error_info').html(data.info);
$('#show_success_info').html(data.info);
$('#change_status').attr("disabled",false);
$('#cancel_change_status').attr("disabled",false);
$('#VERITY').modal('hide')
if(data.code == 200){
$('#message-success-modal').modal('show')
}else{
$("#message-error-modal").modal('show');
}
}
});
}
}
function showImg(img) function showImg(img)
{ {
$('#showImg').attr('src',img); $('#showImg').attr('src',img);
......
...@@ -46,4 +46,64 @@ ...@@ -46,4 +46,64 @@
</div> </div>
</div> </div>
<div class="modal fade" id="CONFIRM" tabindex="-1" role="dialog" aria-labelledby="modal-error-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header state modal-danger">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="modal-error-label"><i class="fa fa-warning"></i>确认框</h4>
</div>
<div class="modal-body" id="change_info">确认拒绝?</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" onclick="return saveStatusCir();" id="change_status">确认</button>
<button type="button" class="btn btn-default" onclick="return cir_cancel('CONFIRM');" id="cancel_change_status">取消</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="ALL_VERITY" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">审核图片</h4>
</div>
<div class="modal-body">
<div class="panel-content">
<div class="row">
<div class="form-group col-lg-12">
<h6>审核状态</h6>
<input type="radio" value="1" name="imgStatusAll" checked="checked"/><label class="ml-sm">通过</label>
<input type="radio" value="2" name="imgStatusAll"/><label class="ml-sm">拒绝</label>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary active" id="change_status_all" onclick="return saveStatusAll();">提交</button>
<button type="button" class="btn btn-default active" id="cancel_change_status_all" onclick="return cir_cancel('ALL_VERITY');">关闭</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="CONFIRM_ALL" tabindex="-1" role="dialog" aria-labelledby="modal-error-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header state modal-danger">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="modal-error-label"><i class="fa fa-warning"></i>确认框</h4>
</div>
<div class="modal-body" id="change_info">确认拒绝?</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" onclick="return saveStatusAllCir();" id="change_status_all_cir">确认</button>
<button type="button" class="btn btn-default" onclick="return cir_cancel('CONFIRM_ALL');" id="caacel_change_status_all_cir">取消</button>
</div>
</div>
</div>
</div>
...@@ -23,15 +23,15 @@ ...@@ -23,15 +23,15 @@
alert(e) alert(e)
} }
</script> </script>
<link rel="stylesheet" href="{{ asset('postcard/css/style.css') }}"> <link rel="stylesheet" href="{{ asset('postcard/css/style.css?v=20210607') }}">
<script src="{{ asset('js/jquery.2.1.3.min.js') }}"></script> <script src="{{ asset('js/jquery.2.1.3.min.js') }}"></script>
<script src="{{ asset('postcard/js/html2canvas.js') }}"></script> <script src="{{ asset('postcard/js/html2canvas.js') }}"></script>
</head> </head>
<body> <body>
<div class="container postcard-container" id="test"> <div class="container postcard-container" id="test">
{{-- <div class="login-info">--}} <div class="login-info">
{{-- 欢迎您,<a href="/login">【登录】</a><a href="/loginout">【注销】</a>--}} 欢迎您,{{ $userName }}<a href="/logout">【注销】</a>
{{-- </div>--}} </div>
<!--角色信息--> <!--角色信息-->
<div class="role-container"> <div class="role-container">
<span class="icon-red"></span> <span class="icon-red"></span>
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
</div> </div>
<ul> <ul>
<li class="role1"><span>{{ $info->role_name ?? '' }}</span></li> <li class="role1"><span>{{ $info->role_name ?? '' }}</span></li>
<li class="role2"><span>{{ $info->server_name ?? '' }}</span></li> <li class="role2"><span>{{ $serverName }}</span></li>
</ul> </ul>
</div> </div>
<div class="right"> <div class="right">
...@@ -77,12 +77,27 @@ ...@@ -77,12 +77,27 @@
<!--武器信息--> <!--武器信息-->
<div class="arms-container"> <div class="arms-container">
<div class="arms"> <div class="arms">
<em class="name1">{{ $armsStrongName }}</em> <div class="left">
<div id="wq1"></div> <li><span>武器名</span><em>{{ $armsStrongName }}</em></li>
<em class="name2">{{ $armsExcitingName }}</em> <li><span>武器名</span><em>{{ $armsExcitingName }}</em></li>
<div id="wq2"></div> <li><span>武器名</span><em>{{ $armsScoreName }}</em></li>
<em class="name3">{{ $armsScoreName }}</em> </div>
<div id="wq3"></div> <div class="right">
<ul>
<li>
<em>当前武器最高强化等级</em>
<div id="wq1"></div>
</li>
<li>
<em>当前武器最高激化等级</em>
<div id="wq2"></div>
</li>
<li>
<em>当前武器最高评分</em>
<div id="wq3"></div>
</li>
</ul>
</div>
</div> </div>
</div> </div>
<!--佣兵团信息--> <!--佣兵团信息-->
...@@ -114,12 +129,18 @@ ...@@ -114,12 +129,18 @@
<!--高光时刻--> <!--高光时刻-->
<div class="ggsk-container"> <div class="ggsk-container">
@if($userImgStatus == -1) <img src="{{ asset('postcard/images/img_add.jpg') }}" class="img img-add" alt=""> <div class="img-container">
<input type="file" id="file"> @endif @if($userImgStatus == -1) <img src="{{ asset('postcard/images/img_add.jpg') }}" class="img img-add" alt="">
@if($userImgStatus == 0) <img src="{{ asset('postcard/images/img_sh.jpg') }}" class="img img-sh" alt=""> @endif <input type="file" id="file" accept="image/jpg, image/jpeg, image/png"> @endif
@if($userImgStatus == 1) <img src="{{ $userImg }}" class="img img-sh" alt=""> @endif @if($userImgStatus == 0) <img src="{{ asset('postcard/images/img_sh.jpg') }}" class="img img-sh" alt=""> @endif
@if($userImgStatus == 2) <img src="{{ asset('postcard/images/sh_fail.jpg') }}" class="img img-sh" alt=""> @if($userImgStatus == 1) <img src="{{ $userImg }}" class="img img-sh" alt=""> @endif
<input type="file" id="file"> @endif @if($userImgStatus == 2) <img src="{{ asset('postcard/images/sh_fail.jpg') }}" class="img img-sh" alt="">
<input type="file" id="file" accept="image/jpg, image/jpeg, image/png"> @endif
</div>
@if($userImgStatus != 1)
<span>建议尺寸(710*414px)jpg,jpeg,png</span>
@endif
</div> </div>
<div class="bottom-container"> <div class="bottom-container">
<!--分享--> <!--分享-->
...@@ -150,6 +171,19 @@ ...@@ -150,6 +171,19 @@
<script> <script>
$(function () { $(function () {
var isWeixin = function () {
//判断是否是微信
var ua = navigator.userAgent.toLowerCase();
return ua.match(/MicroMessenger/i) == "micromessenger";
};
function getQueryString(name) {
let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
let r = window.location.search.substr(1).match(reg);
if (r != null) {
return decodeURIComponent(r[2]);
}
return null;
}
function renderHtml(dom, num) { function renderHtml(dom, num) {
var str = num.toString(); var str = num.toString();
var arr = str.split(""); var arr = str.split("");
...@@ -159,11 +193,10 @@ ...@@ -159,11 +193,10 @@
}) })
$(dom).html(html); $(dom).html(html);
} }
@if($info->register_time != '')
@if($info->online_time > 0) renderHtml('#bNum',{{ ceil((strtotime(date('Y-m-d H:i:s')) - strtotime($info->register_time)) / 86400 ) }});
renderHtml('#bNum',{{ ceil($info->online_time / 86400 ) }});
@else @else
renderHtml('#bNum', 0); renderHtml('#bNum', 0);
@endif @endif
renderHtml('#rangeNums', '{{ (string)$roleScore }}'); renderHtml('#rangeNums', '{{ (string)$roleScore }}');
renderHtml('#wq1', '{{ $armsStrong }}'); renderHtml('#wq1', '{{ $armsStrong }}');
...@@ -174,17 +207,25 @@ ...@@ -174,17 +207,25 @@
var formData = new FormData(); var formData = new FormData();
var file = $("#file")[0].files[0]; var file = $("#file")[0].files[0];
var acceptFileTypes = /^image\/(gif|jpe?g|png)$/i; var acceptFileTypes = /^image\/(gif|jpe?g|png)$/i;
//文件类型判断 var roleId = getQueryString('roleId');
if (file.type.length && !acceptFileTypes.test(file.type)) { var serverId = getQueryString('serverId');
alert('请上传gif、jpg、jpeg或png格式的文件'); try{
return false; // //文件类型判断
} if (file && file.type && !acceptFileTypes.test(file.type)) {
//文件大小判断 alert('请上传jpg、jpeg或png格式的文件');
if (file.size > (2 * 1024 * 1024)) { return false;
alert('请上传不超过2M的文件'); }
return false; //文件大小判断
if (file && file.size > (2 * 1024 * 1024)) {
alert('请上传不超过2M的文件');
return false;
}
}catch (e) {
console.log(e)
} }
formData.append("imgFile", file); formData.append("imgFile", file);
formData.append("roleId", roleId);
formData.append("serverId", serverId);
formData.append("_token", "{{ csrf_token() }}") formData.append("_token", "{{ csrf_token() }}")
$.ajax({ $.ajax({
url: "/upload/img", url: "/upload/img",
...@@ -196,7 +237,7 @@ ...@@ -196,7 +237,7 @@
dataType: "json", dataType: "json",
success: function (data) { success: function (data) {
$('.img-add').hide(); $('.img-add').hide();
$('.ggsk-container').html('<img src="{{ asset('postcard/images/img_sh.jpg') }}" class="img img-sh" alt=""><input type="file" id="file">'); $('.img-container').html('<img src="{{ asset('postcard/images/img_sh.jpg') }}" class="img img-sh" alt="">');
}, },
error: function (data) { error: function (data) {
...@@ -207,13 +248,14 @@ ...@@ -207,13 +248,14 @@
function baseImageUrl() { function baseImageUrl() {
setTimeout(function () { setTimeout(function () {
html2canvas(document.querySelector("#test"), { //关键在于new html2canvas(document.querySelector("#test"), { //关键在于new
useCORS: true,
removeContainer: true, removeContainer: true,
allowTaint: false, allowTaint: false,
width: window.screen.availWidth, width: window.screen.availWidth,
windowWidth: document.body.scrollWidth, windowWidth: document.body.scrollWidth,
x: 0, x: 0,
y: 0, y: 0,
useCORS: true,
logging:true
}).then(canvas => { }).then(canvas => {
var image = canvas.toDataURL('image/jpeg', 1.0); var image = canvas.toDataURL('image/jpeg', 1.0);
var img = '<img src="' + image + '">'; var img = '<img src="' + image + '">';
...@@ -226,28 +268,29 @@ ...@@ -226,28 +268,29 @@
} }
$('.btn-save').click(function () { $('.btn-save').click(function () {
var height = $('.postcard-container').height();
$('.postcard-container').height(height);
$('.loading').show(); $('.loading').show();
$('.btn-save,.btn-share').hide(); $('.btn-save,.btn-share,.login-info').hide();
$('html,body').animate({ $('html,body').animate({
scrollTop: 0 scrollTop: 0
}, 0); }, 0);
baseImageUrl(); baseImageUrl();
$('.postcard-container').addClass('fixed');
}); });
$('.dialog-img,.share-img').click(function () { $('.dialog-img,.share-img').click(function () {
$(this).fadeOut(); $(this).fadeOut();
$('.btn-save,.btn-share').show(); $('.btn-save,.btn-share,.login-info').show();
$('.postcard-container').removeClass('fixed'); $('.postcard-container').removeClass('fixed');
}); });
$('.btn-share').click(function () { $('.btn-share').click(function () {
$('.share-img').show(); if(isWeixin()){
$('.share-img').show();
}
}); });
var isWeixin = function () {
//判断是否是微信
var ua = navigator.userAgent.toLowerCase();
return ua.match(/MicroMessenger/i) == "micromessenger";
};
function _wechatConfig(o) { function _wechatConfig(o) {
wx.config({ wx.config({
...@@ -318,7 +361,7 @@ ...@@ -318,7 +361,7 @@
var title = '阿拉德之怒', var title = '阿拉德之怒',
link = 'http://uc-card.aldzn.cn', link = 'http://uc-card.aldzn.cn',
img = "http://uc-card.aldzn.cn/static/postcard/images/default_img.png", img = "http://uc-card.aldzn.cn/static/postcard/images/default_img.png",
desc = "阿拉德之怒"; desc = "阿拉德之怒-明信片";
wx_share(title,link,img,desc); wx_share(title,link,img,desc);
}); });
......
...@@ -19,15 +19,17 @@ ...@@ -19,15 +19,17 @@
reSizeRem(); reSizeRem();
} }
</script> </script>
<link rel="stylesheet" href="{{ asset('postcard/css/style.css') }}"> <link rel="stylesheet" href="{{ asset('postcard/css/style.css?v=20210607') }}">
<script src="{{ asset('js/jquery.2.1.3.min.js') }}"></script> <script src="{{ asset('js/jquery.2.1.3.min.js') }}"></script>
<script src="{{ asset('postcard/js/main.js') }}"></script> <script src="{{ asset('postcard/js/main.js?v=20210607') }}"></script>
</head> </head>
<body> <body>
<div class="container home-container"> <div class="container home-container">
{{-- <div class="login-info">--}} <div class="login-info">
{{-- 欢迎您,<a href="/login">【登录】</a><a href="/loginout">【注销】</a>--}} 欢迎您,
{{-- </div>--}} @if($isLogin == 1) {{ $userName }} <a href="/logout">【注销】</a> @endif
@if($isLogin == 0) <a href="/login">【登录】</a> @endif
</div>
<div class="header-avatar"> <div class="header-avatar">
<span></span> <span></span>
<img src="{{ asset('postcard/images/default_img.png') }}" alt=""> <img src="{{ asset('postcard/images/default_img.png') }}" alt="">
...@@ -62,6 +64,7 @@ ...@@ -62,6 +64,7 @@
<script> <script>
$(function(){ $(function(){
$('.close').click(function (){ $('.close').click(function (){
$('select').html('');
$('.dialog').fadeOut(); $('.dialog').fadeOut();
}); });
$('.btn-start').click(function (){ $('.btn-start').click(function (){
...@@ -142,7 +145,7 @@ ...@@ -142,7 +145,7 @@
var title = '阿拉德之怒', var title = '阿拉德之怒',
link = 'http://uc-card.aldzn.cn', link = 'http://uc-card.aldzn.cn',
img = "http://uc-card.aldzn.cn/static/postcard/images/default_img.png", img = "http://uc-card.aldzn.cn/static/postcard/images/default_img.png",
desc = "阿拉德之怒"; desc = "阿拉德之怒-明信片";
wx_share(title,link,img,desc); wx_share(title,link,img,desc);
}); });
......
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
</script> </script>
<script src="{{ asset('js/jquery.2.1.3.min.js') }}"></script> <script src="{{ asset('js/jquery.2.1.3.min.js') }}"></script>
<script src="{{ asset('js/toast.js') }}"></script> <script src="{{ asset('js/toast.js') }}"></script>
<script src="{{ asset('js/main.min.js?v=20210528') }}"></script> <script src="{{ asset('js/main.min.js?v=20210607') }}"></script>
</head> </head>
<body> <body>
@yield("content") @yield("content")
......
...@@ -33,6 +33,7 @@ Route::prefix('admin')->namespace('Admin')->group(function() { ...@@ -33,6 +33,7 @@ Route::prefix('admin')->namespace('Admin')->group(function() {
Route::prefix('admin')->namespace('Admin')->middleware('check.adminLogin')->group(function() { Route::prefix('admin')->namespace('Admin')->middleware('check.adminLogin')->group(function() {
Route::get('/image/list', 'AdminController@getImgList')->name('checkImg'); Route::get('/image/list', 'AdminController@getImgList')->name('checkImg');
Route::post('/save/status', 'AdminController@getSaveStatus'); Route::post('/save/status', 'AdminController@getSaveStatus');
Route::post('/save/status/all', 'AdminController@getSaveStatusAll');
}); });
...@@ -55,6 +56,7 @@ Route::namespace('Platform')->group(function() { ...@@ -55,6 +56,7 @@ Route::namespace('Platform')->group(function() {
}); });
Route::namespace('Platform')->middleware('check.login')->group(function () { Route::namespace('Platform')->middleware('check.login')->group(function () {
Route::get('/logout', 'UserController@logout')->name('logout');
Route::post('/user/bind_aldzn', 'UserController@bindALD'); Route::post('/user/bind_aldzn', 'UserController@bindALD');
Route::any('/get_role_list', 'AldUserController@getRoleList'); Route::any('/get_role_list', 'AldUserController@getRoleList');
Route::post('/send_role_gift', 'AldUserController@sendRoleGift'); Route::post('/send_role_gift', 'AldUserController@sendRoleGift');
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment