diff --git a/view/molistar/modules/order/css/index.css b/view/molistar/modules/order/css/index.css new file mode 100644 index 00000000..19b94562 --- /dev/null +++ b/view/molistar/modules/order/css/index.css @@ -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; +} diff --git a/view/molistar/modules/order/css/index.scss b/view/molistar/modules/order/css/index.scss new file mode 100644 index 00000000..eb8ef1b9 --- /dev/null +++ b/view/molistar/modules/order/css/index.scss @@ -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); + } + } +} \ No newline at end of file diff --git a/view/molistar/modules/order/images/header.png b/view/molistar/modules/order/images/header.png new file mode 100644 index 00000000..f6b4c2b5 Binary files /dev/null and b/view/molistar/modules/order/images/header.png differ diff --git a/view/molistar/modules/order/images/liBg.png b/view/molistar/modules/order/images/liBg.png new file mode 100644 index 00000000..2c89caaf Binary files /dev/null and b/view/molistar/modules/order/images/liBg.png differ diff --git a/view/molistar/modules/order/images/logo.png b/view/molistar/modules/order/images/logo.png new file mode 100644 index 00000000..c2e895f8 Binary files /dev/null and b/view/molistar/modules/order/images/logo.png differ diff --git a/view/molistar/modules/order/images/travel/back.png b/view/molistar/modules/order/images/travel/back.png new file mode 100644 index 00000000..2b3812da Binary files /dev/null and b/view/molistar/modules/order/images/travel/back.png differ diff --git a/view/molistar/modules/order/images/travel/backB.png b/view/molistar/modules/order/images/travel/backB.png new file mode 100644 index 00000000..92e190c7 Binary files /dev/null and b/view/molistar/modules/order/images/travel/backB.png differ diff --git a/view/molistar/modules/order/images/txBg.png b/view/molistar/modules/order/images/txBg.png new file mode 100644 index 00000000..1b00e6e4 Binary files /dev/null and b/view/molistar/modules/order/images/txBg.png differ diff --git a/view/molistar/modules/order/index.html b/view/molistar/modules/order/index.html new file mode 100644 index 00000000..6bbcbff8 --- /dev/null +++ b/view/molistar/modules/order/index.html @@ -0,0 +1,109 @@ + + + + + + + معلومات مرافق اللعب + + + + + + +
+ +
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/order/js/index.js b/view/molistar/modules/order/js/index.js new file mode 100644 index 00000000..e8bb7b00 --- /dev/null +++ b/view/molistar/modules/order/js/index.js @@ -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("خطأ في الشبكة") + } + }) +} \ No newline at end of file