- Scan ID:
- 8e4f0dbf-6527-4f6a-8e62-d5733bc19af6Finished
- Submitted URL:
- https://gs.itca.site/
- Report Finished:
Links · 0 found
The outgoing links identified from the page
JavaScript Variables · 9 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| getCookie | function |
| __cfBeacon | object |
| layer | object |
| ClipboardJS | function |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>伟大无需多言</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link href="/favicon.ico" rel="icon">
<link rel="stylesheet" href="/assets/static/font/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/assets/static/css/i.css?v=1.3.6">
<link href="/app/View/User/Theme/Hmyk/Assets/css/shop.css?v=1.0.7" rel="stylesheet">
<link href="/app/View/User/Theme/Hmyk/Assets/css/bootstrap.min.css?v=1.0.7" rel="stylesheet">
<link href="/app/View/User/Theme/Hmyk/Assets/css/main.css?v=1.0.7" rel="stylesheet">
<link href="/app/View/User/Theme/Hmyk/Assets/css/responsive.css?v=1.0.7" rel="stylesheet">
<!--shang的css-->
<style>
svg:not(:root).svg-inline--fa {
overflow: visible;
}
.svg-inline--fa {
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -0.125em;
}
.svg-inline--fa.fa-lg {
vertical-align: -0.225em;
}
.svg-inline--fa.fa-w-1 {
width: 0.0625em;
}
.svg-inline--fa.fa-w-2 {
width: 0.125em;
}
.svg-inline--fa.fa-w-3 {
width: 0.1875em;
}
.svg-inline--fa.fa-w-4 {
width: 0.25em;
}
.svg-inline--fa.fa-w-5 {
width: 0.3125em;
}
.svg-inline--fa.fa-w-6 {
width: 0.375em;
}
.svg-inline--fa.fa-w-7 {
width: 0.4375em;
}
.svg-inline--fa.fa-w-8 {
width: 0.5em;
}
.svg-inline--fa.fa-w-9 {
width: 0.5625em;
}
.svg-inline--fa.fa-w-10 {
width: 0.625em;
}
.svg-inline--fa.fa-w-11 {
width: 0.6875em;
}
.svg-inline--fa.fa-w-12 {
width: 0.75em;
}
.svg-inline--fa.fa-w-13 {
width: 0.8125em;
}
.svg-inline--fa.fa-w-14 {
width: 0.875em;
}
.svg-inline--fa.fa-w-15 {
width: 0.9375em;
}
.svg-inline--fa.fa-w-16 {
width: 1em;
}
.svg-inline--fa.fa-w-17 {
width: 1.0625em;
}
.svg-inline--fa.fa-w-18 {
width: 1.125em;
}
.svg-inline--fa.fa-w-19 {
width: 1.1875em;
}
.svg-inline--fa.fa-w-20 {
width: 1.25em;
}
.svg-inline--fa.fa-pull-left {
margin-right: 0.3em;
width: auto;
}
.svg-inline--fa.fa-pull-right {
margin-left: 0.3em;
width: auto;
}
.svg-inline--fa.fa-border {
height: 1.5em;
}
.svg-inline--fa.fa-li {
width: 2em;
}
.svg-inline--fa.fa-fw {
width: 1.25em;
}
.fa-layers svg.svg-inline--fa {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.fa-layers {
display: inline-block;
height: 1em;
position: relative;
text-align: center;
vertical-align: -0.125em;
width: 1em;
}
.fa-layers svg.svg-inline--fa {
-webkit-transform-origin: center center;
transform-origin: center center;
}
.fa-layers-counter, .fa-layers-text {
display: inline-block;
position: absolute;
text-align: center;
}
.fa-layers-text {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: center center;
transform-origin: center center;
}
.fa-layers-counter {
background-color: #ff253a;
border-radius: 1em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
height: 1.5em;
line-height: 1;
max-width: 5em;
min-width: 1.5em;
overflow: hidden;
padding: 0.25em;
right: 0;
text-overflow: ellipsis;
top: 0;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: top right;
transform-origin: top right;
}
.fa-layers-bottom-right {
bottom: 0;
right: 0;
top: auto;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
}
.fa-layers-bottom-left {
bottom: 0;
left: 0;
right: auto;
top: auto;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
.fa-layers-top-right {
right: 0;
top: 0;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: top right;
transform-origin: top right;
}
.fa-layers-top-left {
left: 0;
right: auto;
top: 0;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.fa-lg {
font-size: 1.3333333333em;
line-height: 0.75em;
vertical-align: -0.0667em;
}
.fa-xs {
font-size: 0.75em;
}
.fa-sm {
font-size: 0.875em;
}
.fa-1x {
font-size: 1em;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-6x {
font-size: 6em;
}
.fa-7x {
font-size: 7em;
}
.fa-8x {
font-size: 8em;
}
.fa-9x {
font-size: 9em;
}
.fa-10x {
font-size: 10em;
}
.fa-fw {
text-align: center;
width: 1.25em;
}
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0;
}
.fa-ul > li {
position: relative;
}
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
.fa-border {
border: solid 0.08em #eee;
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
margin-left: 0.3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
-webkit-filter: none;
filter: none;
}
.fa-stack {
display: inline-block;
height: 2em;
position: relative;
width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.svg-inline--fa.fa-stack-1x {
height: 1em;
width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
height: 2em;
width: 2.5em;
}
.fa-inverse {
color: #fff;
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
fill: black;
}
.fad.fa-inverse {
color: #fff;
}
.cnbg{
background-color: rgba(255, 255, 255, 0.85);
border-radius: 10px;
padding: 10px 20px 10px 20px;
margin-bottom: 20px;
/*box-shadow: 1px 1px 3px 1px rgb(220 220 220 / 85%);*/
}
.sousuo{
display: flex;
width: 100%;
}
.title-2,.title{
display: block;
font-weight: 700;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
.main .title svg, .main .title img{
vertical-align: middle;
}
#profile {
font-size: 15px;
font-family: Proxima Nova, Arial, sans-serif;
margin-bottom: 0px;
margin-top: 0px;
display: block;
}
#profile .profile__purchase {
background: #fff;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
color: #fff
}
#profile .profile__purchase__connectivity {
transition: color .2s ease
}
#profile .profile__purchase__connectivity.connected {
color: #28a745
}
#profile .profile__purchase__connectivity.disconnected {
color: #dc3545
}
#profile .profile__purchase__connectivity.connecting {
color: #6c757d
}
#profile .profile__header {
/*background: linear-gradient(#f7d0ee00, #9878cb9e);*/
min-height: 256px;
transition: height .2s
}
#profile .profile__header.small {
height: 60px
}
#profile .profile__header__buttons a {
color: hsla(0, 0%, 100%, .8);
padding: 0 10px;
font-size: 14px
}
#profile .profile__header__buttons a:hover {
text-decoration: none
}
#profile .profile__header .navbar-brand img {
width: 140px
}
#profile .profile__avatar {
border: 3px solid #fff;
width: 100px;
height: 100px;
border-radius: 50%
}
#profile .profile__username a {
color: #f95;
font-size: 24px
}
#profile .profile__username a:hover {
text-decoration: none
}
#profile .profile__online_status.online svg {
color: #42b72a
}
#profile .profile__online_status.offline svg {
color: #6ee5beba;
}
#profile .profile__online_status svg {
width: 24px;
height: 24px;
position: absolute;
margin-left: -35px;
border: 2px solid rgba(0, 0, 0, .5);
border-radius: 50%;
margin-top: 80px
}
#profile .profile__products__search {
position: relative;
color: grey
}
#profile .profile__products__search--icon {
position: absolute;
left: 18px;
top: 4px;
/*x和放大镜的边框以及内边距*/
/*border-left: 1px solid #000;*/
/*padding-left: 2px;*/
}
#profile .profile__products__search--icon--clear {
cursor: pointer;
position: absolute;
right: 5%;
top: 3px
}
#profile .profile__products__search--active {
color: inherit;
position: absolute;
left:10%;
top: 8px
}
/*搜索框样式*/
#profile .profile__products__search--input {
padding-left: 26px;
padding-right: 34px;
height: 30px;
background: #ffffff60;
width: 196px;
border-radius: 45px;
margin-top: 10px;
margin-left: 10px;
box-shadow: 1px 1px 3px 1px rgb(220 220 220 / 85%);
}
#profile .profile__product {
cursor: pointer;
}
/*商品窗口*/
.carf_profie{
background-color: rgba(255, 255, 255, 0.5);
}
#profile .profile__product--empty {
border: 1px dashed #999;
border-bottom: 0;
min-height: 156px;
background: 0 0;
opacity: .8;
cursor: default
}
#profile .profile__product .card {
border-radius: 10px;
}
#profile .profile__product__cover {
height: 250px;
background: #fff;
border-radius: 10px 10px 0 0;
opacity: .7;
}
#profile .profile__product__cover svg {
font-size: 48px;
color: #fff
}
.profile__product__title {
font-size: 15px;
font-weight:bold;
color: rgb(100,100,100);
}
#profile .profile__product__info {
padding: 15px 15px 0
}
#profile .profile__product__info--empty {
border: 1px dashed #999;
height: 80px;
opacity: .5
}
/*分类框*/
.nav-item{
height: fit-content;
/*padding-bottom: 10px;*/
/*padding-right: 20px;*/
/*padding-left: 20px;*/
/*padding-top: 20px;*/
/*max-width: 137px;*/
max-height: 67px;;
/*min-width: 105px;*/
/*min-width: 130px;*/
/*overflow: hidden;*/
display: inline-block;
vertical-align: middle;
background: #f8f8f8;
margin-right: 14px;
/*height: 67px;*/
padding: auto;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
margin: 0px 10px 10px 10px;
border-radius: 5px;
}
/*分类*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
/*background-color: #1677cb8c;*/
border-radius: 7px;
/*background: #448bff linear-gradient(45deg,#448bff,#44e9ff);*/
background-color: rgb(220 220 220 / 85%);
box-shadow: 0px 0px 3px 1px rgb(200 200 200 / 85%);
}
.nav-pills .nav-link:not(.active) {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0px 0px 3px 1px rgb(220 220 220 / 85%);
}
.nav-pills .nav-link {
margin-right: 1rem
}
.nav-pills .spacer {
border-right: 1px dashed grey;
margin-right: 2rem;
margin-left: -2rem;
padding: .5rem 1rem
}
/*库存进度条*/
.jindu{
display: inline-block;
width: 73px;
height: 5px;
background: rgb(200,200,200);
position: relative;
border-radius: 3px;
margin: auto auto 0px 0px;
}
.kucun{
display: inline-block;
position: absolute;
/*width: 40%;*/
height: 100%;
background: #0db26a;
border-radius: 3px;
}
</style>
<link rel="stylesheet" href="/assets/static/font/font-awesome-4.7.0/css/font-awesome.min.css">
<script src="/assets/static/jquery.min.js"></script>
<script src="/assets/static/acg.js?v=1.3.6"></script>
<link rel="stylesheet" href="/assets/static/font/font-awesome-4.7.0/css/font-awesome.min.css">
<script src="/assets/static/jquery.min.js"></script>
<script src="/assets/static/acg.js?v=1.3.6"></script>
<!--start::HOOK-->
<!--end::HOOK-->
<script>
const cache_status = parseInt("0");
const cache_expire = parseInt("60");
</script>
<script type="text/javascript" src="/assets/static/layer/layer.js"></script><link rel="stylesheet" href="https://gs.itca.site/assets/static/layer/theme/default/layer.css?v=3.5.1" id="layuicss-layer"><script type="text/javascript" src="/assets/static/clipboard.js"></script></head><!--/head-->
<body style="background: url('https://api.ciyuandun.com/?like=pc-whiteHairs-wallhaven') fixed no-repeat;background-size: cover;">
<div style="background: rgba(255, 255, 255, 0);overflow:auto;height:100vh;-webkit-transform: translateZ(0);">
<header id="header">
<div class="header-middle">
<!--header-middle-->
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="logo pull-left">
<a href="/">
<img src="/favicon.ico">
Platform </a>
</div>
</div>
<div class="col-sm-8">
<div class="shop-menu pull-right">
<ul class="nav navbar-nav">
<li><a href="/user/authentication/login?goto=/"><i class="fa fa-sign-in"></i> 登录</a>
</li>
<li><a href="/user/authentication/register?goto=/"><i class="fa fa-user-plus"></i>
注册</a></li>
<li><a href="/user/index/query"><i class="fa fa-safari"></i> 订单查询</a></li>
</ul>
</div>
</div>
</div>
</div>
</div><!--/header-middle-->
</header>
<div class="content-wrapper">
<div class="container">
<!-- 公告部分-->
<div class="card">
<div class="card-header">
<p class="card-title"><i class="fa fa-bullhorn" aria-hidden="true"></i> 公告</p>
</div>
<div class="card-block">
<p style="text-align:center;">伟大无需多言</p> </div>
</div>
<div class="container1 cnbg">
<!--商品分类-->
<div class="title">
<svg t="1602925747464" style="vertical-align: middle;" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1270" data-spm-anchor-id="a313x.7781069.0.i4" width="20" height="20">
<path d="M619.52 578.56V808.96h194.56V660.48h-133.12v-81.92h215.04V849.92l-40.96 40.96h-276.48l-40.96-40.96V578.56z" fill="#00EAFF" p-id="1271" data-spm-anchor-id="a313x.7781069.0.i0" class=""></path>
<path d="M619.52 512V215.04h194.56v172.032h-133.12v81.92h174.08l40.96-40.96V174.08l-40.96-40.96h-276.48l-40.96 40.96v337.92z" fill="#3C8CE7" p-id="1272" data-spm-anchor-id="a313x.7781069.0.i6" class=""></path>
<path d="M445.44 890.88h-276.48l-40.96-40.96V619.52l40.96-40.96h174.08v81.92h-133.12V808.96h194.56V215.04h-194.56v172.032h133.12v81.92h-174.08l-40.96-40.96V174.08l40.96-40.96h276.48l40.96 40.96v675.84z" fill="#3C8CE7" p-id="1273" data-spm-anchor-id="a313x.7781069.0.i3" class=""></path>
</svg>
<span style="font-size: 13px;">选择分类</span>
</div>
<div style="width: 100%; overflow-x:scroll;">
<nav class="nav nav-pills" style="white-space:nowrap">
<a href="javascript:void(0);" data-id="1" class="nav-item nav-link mt-3 category-click"><img class="commodity-icon" src="/assets/cache/images/202409052143579897779.gif"> 超级代练</a></nav>
</div>
</div>
<!--商品列表-->
<div class="category-list cnbg">
<div class="sousuo">
<p class="title-2">
<svg t="1602925988984" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1945" width="20" height="20">
<path d="M803.84 883.712h-163.84v-81.92h133.12l118.784-393.216-178.176 95.232-55.296-15.36L512 240.64 365.568 488.448l-55.296 15.36-178.176-95.232 118.784 393.216h133.12v81.92h-163.84l-38.912-28.672L25.6 336.896l58.368-47.104 230.4 122.88 162.816-272.384h69.632l162.816 272.384 230.4-122.88 58.368 47.104-155.648 518.144z" fill="#3C8CE7" p-id="1946" data-spm-anchor-id="a313x.7781069.0.i17" class=""></path>
<path d="M305.152 620.544h61.44v61.44h-61.44zM481.28 620.544h61.44v61.44h-61.44zM657.408 620.544h61.44v61.44h-61.44z" fill="#00EAFF" p-id="1947" data-spm-anchor-id="a313x.7781069.0.i14" class=""></path>
</svg>
<span>选择商品</span>
</p><div id="profile">
<div class="profile__products">
<div class="profile__products__search">
<input type="text" class="profile__products__search--input form-control search-keywords" placeholder="搜索商品...">
<div class="profile__products__search--icon p-2 search-btn" style="cursor:pointer;">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" style="vertical-align: middle;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-search fa-w-16">
<path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" class="">
</path>
</svg>
</div>
<div class="profile__products__search--icon--clear search-clear p-2 pr-3">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" style="vertical-align: middle;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" class="svg-inline--fa fa-times fa-w-11">
<path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" class="">
</path>
</svg>
</div>
</div>
</div>
</div>
<p></p>
</div>
<div class="row commoditys">
<!--<div onclick="window.open('?id=4')" class="col-xl-3 col-md-4 col-sm-6 col-xs-12 mt-4 animated fadeIn commodity-click" data-id="4">-->
<div onclick="window.location.href= '?id=4'; return false" class="col-xl-3 col-md-4 col-sm-6 col-xs-12 mt-4 animated fadeIn commodity-click" data-id="4">
<div class="card profile__product carf_profie">
<div class="card-block pt-0 pl-0 pr-0" style="padding: 1rem;">
<!--商品图片和标题-->
<div style="display: flex;">
<div class="profile__product__cover d-flex align-items-center justify-content-center" style="width: 100px; height: 100px; border-radius:5px; background-image: url('/assets/cache/images/202409052205227732255.png'); background-size: cover; background-position: center center;"></div>
<!--商品标题和库存-->
<div style="display: block; margin: 17px 0px 0px 20px;width: 60%;">
<div class="profile__product__title">Clown</div>
<div style="margin-top: 12px;" class="d-flex profile__product__info">
<span style="color: #18c16b;">￥100</span>
<span class="ml-auto text-muted">
<div style="height: 20px;display: flex;justify-content: space-between;margin-top: 10px;">
<div style="margin-top: 6px;" class="jindu">
<p class="kucun" style="width: 0%;"></p>
</div>
<div>
<span style="font-size: 12px;" class="text-muted">库存:</span>
<span style="color: #0db26a;font-size: 12px;" class="text-muted">已售罄</span>
</div>
</div>
</span></div>
</div>
</div>
</div>
</div>
</div>
<!--<div onclick="window.open('?id=1')" class="col-xl-3 col-md-4 col-sm-6 col-xs-12 mt-4 animated fadeIn commodity-click" data-id="1">-->
<div onclick="window.location.href= '?id=1'; return false" class="col-xl-3 col-md-4 col-sm-6 col-xs-12 mt-4 animated fadeIn commodity-click" data-id="1">
<div class="card profile__product carf_profie">
<div class="card-block pt-0 pl-0 pr-0" style="padding: 1rem;">
<!--商品图片和标题-->
<div style="display: flex;">
<div class="profile__product__cover d-flex align-items-center justify-content-center" style="width: 100px; height: 100px; border-radius:5px; background-image: url('/assets/cache/images/202409052141027524441.gif'); background-size: cover; background-position: center center;"></div>
<!--商品标题和库存-->
<div style="display: block; margin: 17px 0px 0px 20px;width: 60%;">
<div class="profile__product__title">超级代练</div>
<div style="margin-top: 12px;" class="d-flex profile__product__info">
<span style="color: #18c16b;">￥300</span>
<span class="ml-auto text-muted">
<div style="height: 20px;display: flex;justify-content: space-between;margin-top: 10px;">
<div style="margin-top: 6px;" class="jindu">
<p class="kucun" style="width: 30%;"></p>
</div>
<div>
<span style="font-size: 12px;" class="text-muted">库存:</span>
<span style="color: #0db26a;font-size: 12px;" class="text-muted">充足</span>
</div>
</div>
</span></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
</div>
<script>
acg.ready("0", () => {
let __html = $('.__html').html();
let __htmlInit = () => {
$('.commodity-di').show();
$('.__html').html(__html);
}
let __htmlUnload = () => {
$('.commodity-di').hide();
$('.__html').html("");
}
__htmlUnload();
let defaultCategory = "0";
let defaultCommodity = "";
function inventoryHidden(state, count) {
if (state == 0) {
return count;
}
if (count <= 0) {
return '已售罄';
} else if (count <= 5) {
return '马上卖完';
} else if (count <= 20) {
return '一般';
} else if (count > 20) {
return '充足';
}
}
function jindu_num(state, count) {
// if (state == 0) {
// return count;
// }
if (count <= 0) {
return '0';
} else if (count <= 5) {
return '5';
} else if (count <= 10) {
return '10';
} else if (count <= 20) {
return '20';
} else if (count <= 30) {
return '30';
} else if (count <= 40) {
return '40';
} else if (count <= 50) {
return '50';
} else if (count <= 60) {
return '60';
} else if (count <= 70) {
return '70';
} else if (count <= 80) {
return '80';
} else if (count <= 90) {
return '90';
} else if (count > 100) {
return '100';
}
}
/*搜索框*/
$('.search-clear').click(() => {
$('.search-keywords').val("");
});
$('.search-btn').click(() => {
dom.commoditys(0, $('.search-keywords').val());
});
$('.search-keywords').keyup(function (event) {
if (event.keyCode == 13) {
$(".search-btn").trigger("click");
}
});
let dom = {
pageView() {
if (acg.Util.isPc()) {
let height = 760;
let pageHeight = $('.layui-layer-page[type=page]').height();
let top = ($(window).height() - height) / 2;
if (pageHeight > height) {
$('.layui-layer-page[type=page]').css("top", top + "px");
$('.layui-layer-content').css("height", height + "px");
} else {
let top2 = ($(window).height() - pageHeight) / 2;
$('.layui-layer-page[type=page]').css("top", top2 + "px");
}
}
},
commoditys(categoryId, keywords = null) {
$('.commoditys').html("");
acg.API.commoditys({
keywords: keywords,
categoryId: categoryId,
success: item => {
$('.commoditys').append(`
<!--<div onclick="window.open('?id=` + item.id + `')" class="col-xl-3 col-md-4 col-sm-6 col-xs-12 mt-4 animated fadeIn commodity-click" data-id="` + item.id + `">-->
<div onclick="window.location.href= '?id=` + item.id + `'; return false" class="col-xl-3 col-md-4 col-sm-6 col-xs-12 mt-4 animated fadeIn commodity-click" data-id="` + item.id + `">
<div class="card profile__product carf_profie">
<div class="card-block pt-0 pl-0 pr-0" style="padding: 1rem;">
<!--商品图片和标题-->
<div style="display: flex;">
<div class="profile__product__cover d-flex align-items-center justify-content-center"
style="width: 100px; height: 100px; border-radius:5px; background-image: url('` + item.cover + `'); background-size: cover; background-position: center center;"></div>
<!--商品标题和库存-->
<div style="display: block; margin: 17px 0px 0px 20px;width: 60%;">
<div class="profile__product__title">` + item.name + `</div>
<div style="margin-top: 12px;" class="d-flex profile__product__info">
<span style="color: #18c16b;">￥` + item.price + `</span>
<span class="ml-auto text-muted">
<div style="height: 20px;display: flex;justify-content: space-between;margin-top: 10px;">
<div style="margin-top: 6px;" class="jindu">
<p class="kucun" style="width: ` + (item.delivery_way == 0 && !item.shared ? jindu_num(item.inventory_hidden, item.card_count) : "100") + `%;"></p>
</div>
<div>
<span style="font-size: 12px;" class="text-muted">库存:</span>
<span style="color: #0db26a;font-size: 12px;" class="text-muted">` + (item.delivery_way == 0 && !item.shared ? inventoryHidden(item.inventory_hidden, item.card_count) : "未知") + `</span>
</div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
`);
},
empty: () => {
$('.commoditys').html('<div style="margin: 20px auto; 0 auto;color: #cb448f;">一个商品也没有(⁎˃ᆺ˂)</div>');
},
yes: () => {
$('.commodity-click').click(function () {
let commodityId = $(this).attr("data-id");
dom.commodity(commodityId);
});
if (defaultCommodity && defaultCommodity != 0) {
$('.commodity-click[data-id=' + defaultCommodity + ']').trigger("click");
defaultCommodity = null;
}
/* if (defaultCommodity) {
$('.commodity').val(defaultCommodity);
this.commodity(defaultCommodity);
defaultCommodity = null;
}*/
}
});
},
initCategory() {
let self = this;
// $('.nav-pills').append('<a href="javascript:void(0);" data-id="0" class="nav-item nav-link mt-3 router-link-exact-active active category-click">全部</a>');
acg.API.category({
success: function (res) {
$('.nav-pills').append('<a href="javascript:void(0);" data-id="' + res.id + '" class="nav-item nav-link mt-3 category-click"><img class="commodity-icon" src="' + res.icon + '"> ' + res.name + '</a>');
},
empty: () => {
$('.nav-pills').html('<option value="">没有分类</option>');
},
yes: () => {
$('.category-click').click(function () {
$('.category-click').removeClass("active").removeClass("router-link-exact-active");
$(this).addClass("active").addClass("router-link-exact-active");
let id = $(this).attr("data-id");
dom.commoditys(id);
});
if (defaultCategory && defaultCategory != 0) {
$('.category-click[data-id=' + defaultCategory + ']').trigger("click");
defaultCategory = null;
} else {
dom.commoditys(0);
}
}
});
},
commodity(commodityId) {
acg.API.commodity({
commodityId: commodityId,
pay: ".pay-content",
auto: {
race: '.race-view',
name: '.commodity_name',
share_url: '.share_url',
description: '.description',
delivery_way: '.delivery_way',
contact_type: '.contact',
coupon: '.coupon',
purchase_num: '.purchase_num',
captcha: '.captcha',
password_status: '.password',
lot_status: '.lot',
seckill_status: '.seckill',
card: '.card_count',
purchase_count: '.purchase_count',
price: '.price',
trade_amount: '.trade_amount',
draft_status: '.draft_status',
widget: '.widget',
},
begin: () => {
__htmlInit();
},
success: res => {
$('.qq-service').attr("href", 'https://wpa.qq.com/msgrd?v=1&uin=' + res.service_qq);
$('.web-service').attr("href", res.service_url);
//layer
layer.open({
type: 1,
shade: [0.3, "#fff"],
title: acg.Util.isPc() ? false : res.name,
content: $('.open-commodity'),
area: acg.Util.isPc() ? "720px" : ["100%", "100%"],
success: () => {
dom.pageView();
setTimeout(() => {
dom.pageView();
}, 200);
}
});
}
});
}
}
dom.initCategory();
//初始化支付
acg.API.pay({
success: item => {
if (item.handle === "#system") {
} else {
$('.pay_list').append(' <a class="pay-button" onclick="acg.API.tradePerform(' + item.id + ')" style="line-height: 22px;"><img src="' + item.icon + '"> ' + item.name + '</a>');
}
}
});
let instance = $('.search-value');
$('.search-query').click(function () {
query(instance.val());
});
});
</script> <footer id="footer">
<div class="footer-bottom">
<div class="container">
<div class="row copyright">
红盟之梦：http://hm.yubro.cn/ </div>
</div>
</div>
</footer>
<!--start::HOOK-->
<script>
function getCookie(name) {
let strCookie = document.cookie;
let arrCookie = strCookie.split("; ");
for (let i = 0; i < arrCookie.length; i++) {
let arr = arrCookie[i].split("=");
if (name == arr[0]) {
return arr[1];
}
}
return "";
}
if (localStorage.hasOwnProperty("Remember")) {
document.cookie = "ACG-SHOP=" + localStorage.getItem("Remember");
localStorage.removeItem("Remember");
window.location.reload();
}
</script><!--end::HOOK-->
<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{"rayId":"8ccdf2736e242f8c","version":"2024.8.0","r":1,"serverTiming":{"name":{"cfExtPri":true,"cfL4":true}},"token":"e334d62da0de480c92d008707a1b4f23","b":1}" crossorigin="anonymous"></script>
<div class="layui-layer-move" id="layui-layer-move"></div></body><!--start::HOOK--><!--end::HOOK--></html>