陪玩师暂存
This commit is contained in:
dragon
153
view/molistar/modules/order/css/index.css
Normal file
153
view/molistar/modules/order/css/index.css
Normal file
@@ -0,0 +1,153 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #19100F;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0.86667rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 0rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 9.98667rem;
|
||||
height: 8.08rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 9.38667rem;
|
||||
position: relative;
|
||||
margin: -0.4rem auto 0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 9.38667rem;
|
||||
height: 3.70667rem;
|
||||
background: url(../images/liBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin-bottom: 0.32rem;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
ul li .name {
|
||||
width: 4.28rem;
|
||||
height: 0.53333rem;
|
||||
position: absolute;
|
||||
right: 3.81333rem;
|
||||
top: 0.61333rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: bold;
|
||||
font-size: 0.58667rem;
|
||||
color: #FACF50;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
ul li .id {
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
opacity: .6;
|
||||
font-size: 0.42667rem;
|
||||
right: 3.77333rem;
|
||||
top: 1.28rem;
|
||||
}
|
||||
|
||||
ul li .gameName1 {
|
||||
position: absolute;
|
||||
right: 3.8rem;
|
||||
top: 2.14667rem;
|
||||
color: #fff;
|
||||
opacity: .6;
|
||||
color: #CDCDCD;
|
||||
font-size: 0.37333rem;
|
||||
}
|
||||
|
||||
ul li .gameName1 b {
|
||||
color: #fff;
|
||||
font-size: 0.42667rem;
|
||||
}
|
||||
|
||||
ul li .gameName2 {
|
||||
position: absolute;
|
||||
right: 6.53333rem;
|
||||
top: 2.14667rem;
|
||||
color: #fff;
|
||||
opacity: .6;
|
||||
color: #CDCDCD;
|
||||
font-size: 0.37333rem;
|
||||
}
|
||||
|
||||
ul li .gameName2 b {
|
||||
color: #fff;
|
||||
font-size: 0.42667rem;
|
||||
}
|
||||
|
||||
ul li .gameGrade1 {
|
||||
position: absolute;
|
||||
right: 3.8rem;
|
||||
top: 2.86667rem;
|
||||
color: #fff;
|
||||
opacity: .6;
|
||||
color: #CDCDCD;
|
||||
font-size: 0.37333rem;
|
||||
}
|
||||
|
||||
ul li .gameGrade1 b {
|
||||
color: #fff;
|
||||
font-size: 0.42667rem;
|
||||
}
|
||||
|
||||
ul li .gameGrade2 {
|
||||
position: absolute;
|
||||
right: 6.53333rem;
|
||||
top: 2.86667rem;
|
||||
color: #fff;
|
||||
opacity: .6;
|
||||
color: #CDCDCD;
|
||||
font-size: 0.37333rem;
|
||||
}
|
||||
|
||||
ul li .gameGrade2 b {
|
||||
color: #fff;
|
||||
font-size: 0.42667rem;
|
||||
}
|
||||
|
||||
ul li .txBg,
|
||||
ul li .tx {
|
||||
width: 3.26667rem;
|
||||
height: 3.62667rem;
|
||||
position: absolute;
|
||||
right: 0.03467rem;
|
||||
top: 0.036rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
ul li .tx {
|
||||
z-index: 1;
|
||||
border-top-left-radius: 0.30667rem;
|
||||
border-top-right-radius: 0.30667rem;
|
||||
border-bottom-right-radius: 0.30667rem;
|
||||
}
|
||||
163
view/molistar/modules/order/css/index.scss
Normal file
163
view/molistar/modules/order/css/index.scss
Normal file
@@ -0,0 +1,163 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #19100F;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(65);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: px2rem(0);
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
width: px2rem(749);
|
||||
height: px2rem(606);
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(704);
|
||||
// height: px2rem(1052);
|
||||
position: relative;
|
||||
margin: px2rem(-30) auto 0;
|
||||
// overflow-y: scroll;
|
||||
|
||||
// &::-webkit-scrollbar {
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
li {
|
||||
width: px2rem(704);
|
||||
height: px2rem(278);
|
||||
background: url(../images/liBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin-bottom: px2rem(24);
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
|
||||
.name {
|
||||
width: px2rem(321);
|
||||
height: px2rem(40);
|
||||
position: absolute;
|
||||
right: px2rem(286);
|
||||
top: px2rem(46);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: bold;
|
||||
font-size: px2rem(44);
|
||||
color: #FACF50;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.id {
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
opacity: .6;
|
||||
font-size: px2rem(32);
|
||||
right: px2rem(283);
|
||||
top: px2rem(96);
|
||||
}
|
||||
|
||||
.gameName1 {
|
||||
position: absolute;
|
||||
right: px2rem(285);
|
||||
top: px2rem(161);
|
||||
color: #fff;
|
||||
opacity: .6;
|
||||
color: #CDCDCD;
|
||||
font-size: px2rem(28);
|
||||
|
||||
b {
|
||||
color: #fff;
|
||||
font-size: px2rem(32);
|
||||
}
|
||||
}
|
||||
|
||||
.gameName2 {
|
||||
position: absolute;
|
||||
right: px2rem(490);
|
||||
top: px2rem(161);
|
||||
color: #fff;
|
||||
opacity: .6;
|
||||
color: #CDCDCD;
|
||||
font-size: px2rem(28);
|
||||
|
||||
b {
|
||||
color: #fff;
|
||||
font-size: px2rem(32);
|
||||
}
|
||||
}
|
||||
|
||||
.gameGrade1 {
|
||||
position: absolute;
|
||||
right: px2rem(285);
|
||||
top: px2rem(215);
|
||||
color: #fff;
|
||||
opacity: .6;
|
||||
color: #CDCDCD;
|
||||
font-size: px2rem(28);
|
||||
|
||||
b {
|
||||
color: #fff;
|
||||
font-size: px2rem(32);
|
||||
}
|
||||
}
|
||||
|
||||
.gameGrade2 {
|
||||
position: absolute;
|
||||
right: px2rem(490);
|
||||
top: px2rem(215);
|
||||
color: #fff;
|
||||
opacity: .6;
|
||||
color: #CDCDCD;
|
||||
font-size: px2rem(28);
|
||||
|
||||
b {
|
||||
color: #fff;
|
||||
font-size: px2rem(32);
|
||||
}
|
||||
}
|
||||
|
||||
.txBg,
|
||||
.tx {
|
||||
width: px2rem(245);
|
||||
height: px2rem(272);
|
||||
position: absolute;
|
||||
right: px2rem(2.6);
|
||||
top: px2rem(2.7);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
z-index: 1;
|
||||
border-top-left-radius: px2rem(23);
|
||||
border-top-right-radius: px2rem(23);
|
||||
border-bottom-right-radius: px2rem(23);
|
||||
}
|
||||
}
|
||||
}
|
||||
BIN
view/molistar/modules/order/images/header.png
Normal file
BIN
view/molistar/modules/order/images/header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 633 KiB |
BIN
view/molistar/modules/order/images/liBg.png
Normal file
BIN
view/molistar/modules/order/images/liBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
BIN
view/molistar/modules/order/images/logo.png
Normal file
BIN
view/molistar/modules/order/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
view/molistar/modules/order/images/travel/back.png
Normal file
BIN
view/molistar/modules/order/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/modules/order/images/travel/backB.png
Normal file
BIN
view/molistar/modules/order/images/travel/backB.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
view/molistar/modules/order/images/txBg.png
Normal file
BIN
view/molistar/modules/order/images/txBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
109
view/molistar/modules/order/index.html
Normal file
109
view/molistar/modules/order/index.html
Normal file
@@ -0,0 +1,109 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>معلومات مرافق اللعب</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back.png" alt="">
|
||||
</div>
|
||||
<div class="header"></div>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="name">用户昵称</div>
|
||||
<div class="id">0:ID</div>
|
||||
<div class="gameName1"><b>吃鸡</b> :اسم اللعبة </div>
|
||||
<div class="gameGrade1"><b>高</b> :مهارة</div>
|
||||
<div class="gameName2"><b>吃鸡</b> :اسم اللعبة</div>
|
||||
<div class="gameGrade2"><b>高</b> :مهارة</div>
|
||||
<img src="./images/txBg.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
</li>
|
||||
<li>
|
||||
<div class="name">用户昵称</div>
|
||||
<div class="id">0:ID</div>
|
||||
<div class="gameName1"><b>吃鸡</b> :اسم اللعبة </div>
|
||||
<div class="gameGrade1"><b>高</b> :مهارة</div>
|
||||
<div class="gameName2"><b>吃鸡</b> :اسم اللعبة</div>
|
||||
<div class="gameGrade2"><b>高</b> :مهارة</div>
|
||||
<img src="./images/txBg.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
</li>
|
||||
<li>
|
||||
<div class="name">用户昵称</div>
|
||||
<div class="id">0:ID</div>
|
||||
<div class="gameName1"><b>吃鸡</b> :اسم اللعبة </div>
|
||||
<div class="gameGrade1"><b>高</b> :مهارة</div>
|
||||
<div class="gameName2"><b>吃鸡</b> :اسم اللعبة</div>
|
||||
<div class="gameGrade2"><b>高</b> :مهارة</div>
|
||||
<img src="./images/txBg.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
</li>
|
||||
<li>
|
||||
<div class="name">用户昵称</div>
|
||||
<div class="id">0:ID</div>
|
||||
<div class="gameName1"><b>吃鸡</b> :اسم اللعبة </div>
|
||||
<div class="gameGrade1"><b>高</b> :مهارة</div>
|
||||
<div class="gameName2"><b>吃鸡</b> :اسم اللعبة</div>
|
||||
<div class="gameGrade2"><b>高</b> :مهارة</div>
|
||||
<img src="./images/txBg.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
</li>
|
||||
<li>
|
||||
<div class="name">用户昵称</div>
|
||||
<div class="id">0:ID</div>
|
||||
<div class="gameName1"><b>吃鸡</b> :اسم اللعبة </div>
|
||||
<div class="gameGrade1"><b>高</b> :مهارة</div>
|
||||
<div class="gameName2"><b>吃鸡</b> :اسم اللعبة</div>
|
||||
<div class="gameGrade2"><b>高</b> :مهارة</div>
|
||||
<img src="./images/txBg.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
</li>
|
||||
<li>
|
||||
<div class="name">用户昵称</div>
|
||||
<div class="id">0:ID</div>
|
||||
<div class="gameName1"><b>吃鸡</b> :اسم اللعبة </div>
|
||||
<div class="gameGrade1"><b>高</b> :مهارة</div>
|
||||
<div class="gameName2"><b>吃鸡</b> :اسم اللعبة</div>
|
||||
<div class="gameGrade2"><b>高</b> :مهارة</div>
|
||||
<img src="./images/txBg.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
</li>
|
||||
<li>
|
||||
<div class="name">用户昵称</div>
|
||||
<div class="id">0:ID</div>
|
||||
<div class="gameName1"><b>吃鸡</b> :اسم اللعبة </div>
|
||||
<div class="gameGrade1"><b>高</b> :مهارة</div>
|
||||
<div class="gameName2"><b>吃鸡</b> :اسم اللعبة</div>
|
||||
<div class="gameGrade2"><b>高</b> :مهارة</div>
|
||||
<img src="./images/txBg.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
</li>
|
||||
<li>
|
||||
<div class="name">用户昵称</div>
|
||||
<div class="id">0:ID</div>
|
||||
<div class="gameName1"><b>吃鸡</b> :اسم اللعبة </div>
|
||||
<div class="gameGrade1"><b>高</b> :مهارة</div>
|
||||
<div class="gameName2"><b>吃鸡</b> :اسم اللعبة</div>
|
||||
<div class="gameGrade2"><b>高</b> :مهارة</div>
|
||||
<img src="./images/txBg.png" alt="" class="txBg">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
</li>
|
||||
</ul>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
86
view/molistar/modules/order/js/index.js
Normal file
86
view/molistar/modules/order/js/index.js
Normal file
@@ -0,0 +1,86 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
const showLoading = (content = 'جار التحميل...') => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success(e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = 'تم العملية', time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
// $('.back img').click(() => {
|
||||
// if (browser.android) {
|
||||
// window.androidJsObj.closeWebView()
|
||||
// } else {
|
||||
// window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
// }
|
||||
// })
|
||||
// 頂部返回事件
|
||||
$('.back img').click(() => {
|
||||
var productId = '我是字符串'
|
||||
if (browser.android) {
|
||||
window.androidJsObj.openPayment(productId)
|
||||
} else {
|
||||
window.webkit.messageHandlers.openPayment.postMessage(productId)
|
||||
}
|
||||
})
|
||||
|
||||
}, 100)
|
||||
})
|
||||
function openPaymentCallback(obj) {
|
||||
console.log('回调对象', obj);
|
||||
console.log('回调orderId', obj.orderId);
|
||||
console.log('回调code', obj.code);
|
||||
console.log('回调productId', obj.productId);
|
||||
}
|
||||
function getRecords() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/luckyBagFortunate/getRecords',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg("خطأ في الشبكة")
|
||||
}
|
||||
})
|
||||
}
|
||||
Reference in New Issue
Block a user