From c8ebb5b5d90877f8e98922a94c938aff039e14a9 Mon Sep 17 00:00:00 2001 From: Dragon <13925835632@139.com> Date: Mon, 27 Nov 2023 17:50:04 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=85=85=E5=80=BC=E5=BC=95?= =?UTF-8?q?=E5=AF=BC=E5=BC=B9=E7=AA=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- view/peko/modules/pay/css/index.css | 123 +++++++++++++++++++- view/peko/modules/pay/css/index.scss | 127 ++++++++++++++++++++- view/peko/modules/pay/images/guide.png | Bin 0 -> 14038 bytes view/peko/modules/pay/images/more_icon.png | Bin 0 -> 199 bytes view/peko/modules/pay/index.html | 18 ++- view/peko/modules/pay/js/index.js | 44 ++++++- 6 files changed, 305 insertions(+), 7 deletions(-) create mode 100644 view/peko/modules/pay/images/guide.png create mode 100644 view/peko/modules/pay/images/more_icon.png diff --git a/view/peko/modules/pay/css/index.css b/view/peko/modules/pay/css/index.css index 8aca33b..a15e8a8 100644 --- a/view/peko/modules/pay/css/index.css +++ b/view/peko/modules/pay/css/index.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; @import url("../../../common/css/flex.scss"); body { width: 100%; @@ -810,17 +811,19 @@ body { bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 9; + display: none; } .selectAddress .selectAddress_in { width: 8.50667rem; - height: 6.50667rem; + height: 5.33333rem; background: #fff; border-radius: 0.53333rem; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); + /*清除iIE的默认选择框样式*/ } .selectAddress .selectAddress_in .title { @@ -833,3 +836,121 @@ body { font-size: 0.42667rem; font-weight: 600; } + +.selectAddress .selectAddress_in .selectAddressList { + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + position: absolute; + width: 7.01333rem; + height: 1.33333rem; + line-height: 1.33333rem; + background: #F5F6FA; + border-radius: 1.33333rem; + left: 50%; + transform: translateX(-50%); + top: 1.97333rem; + border: none; + box-sizing: border-box; + color: #1F1B4F; + font-size: 0.42667rem; + font-weight: 400; + padding: 0 0.64rem; +} + +.selectAddress .selectAddress_in .selectAddressList img { + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.53333rem; + width: 0.4rem; + height: 0.26667rem; +} + +.selectAddress .selectAddress_in .selectAddressList option::-ms-expand { + display: none; +} + +.selectAddress .selectAddress_in .selectAddressList option { + padding: 0; + margin: 0; + float: left; + /*当时解决输入框光标顶满input框的问题是这么解决的 如果设置了行高就会顶满没有行高的话光标高度=文字的font-size */ + border: none; + outline: none; + padding-left: 20px; + color: #6d6d6d; + -webkit-appearance: none; + /*去除系统默认的样式*/ + -webkit-tap-highlight-color: transparent; + /* 点击去除高亮的颜色*/ + /*当input框禁止输入的时候会有一个灰色的底色 项目需要我设置了 白色底 跟页面背景一个颜色。*/ +} + +.selectAddress .selectAddress_in select::-ms-expand { + display: none; +} + +.selectAddress .selectAddress_in .but { + width: 5.94667rem; + height: 1.12rem; + line-height: 1.12rem; + border-radius: 1.14667rem; + position: absolute; + top: 3.84rem; + left: 50%; + transform: translateX(-50%); + text-align: center; + color: #FFFFFF; + font-size: 0.42667rem; + background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%); +} + +.selectAddress .selectAddress_in .list_in { + width: 7.01333rem; + height: 0; + box-sizing: border-box; + padding: 0rem; + background: #F5F6FA; + border-radius: 0.42667rem; + position: absolute; + top: 3.52rem; + left: 50%; + transform: translateX(-50%); + z-index: 1; + overflow-y: scroll; + transition: all .3s; +} + +.selectAddress .selectAddress_in .list_in::-webkit-scrollbar { + display: none; +} + +.selectAddress .selectAddress_in .list_in p { + width: 100%; + height: 1.33333rem; + line-height: 1.33333rem; + border-bottom: 0.01333rem dashed #cbbbbb; + color: #1F1B4F; + font-size: 0.37333rem; + box-sizing: border-box; +} + +.guidd { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.6); + z-index: 9; + display: none; +} + +.guidd img { + position: absolute; + top: 0.13333rem; + right: 0.26667rem; + width: 6.34667rem; + height: 3.92rem; +} diff --git a/view/peko/modules/pay/css/index.scss b/view/peko/modules/pay/css/index.scss index 388d333..c6f8a31 100644 --- a/view/peko/modules/pay/css/index.scss +++ b/view/peko/modules/pay/css/index.scss @@ -823,10 +823,11 @@ body { bottom: 0; background: rgba(0, 0, 0, .6); z-index: 9; + display: none; .selectAddress_in { width: px2rem(638); - height: px2rem(488); + height: px2rem(400); background: #fff; border-radius: px2rem(40); position: relative; @@ -844,5 +845,129 @@ body { font-size: px2rem(32); font-weight: 600; } + + .selectAddressList { + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + position: absolute; + width: px2rem(526); + height: px2rem(100); + line-height: px2rem(100); + background: #F5F6FA; + border-radius: px2rem(100); + left: 50%; + transform: translateX(-50%); + top: px2rem(148); + border: none; + box-sizing: border-box; + color: #1F1B4F; + font-size: px2rem(32); + font-weight: 400; + padding: 0 px2rem(48); + + img { + position: absolute; + top: 50%; + transform: translateY(-50%); + right: px2rem(40); + width: px2rem(30); + height: px2rem(20); + } + + option::-ms-expand { + display: none; + } + + option { + padding: 0; + margin: 0; + float: left; + /*当时解决输入框光标顶满input框的问题是这么解决的 如果设置了行高就会顶满没有行高的话光标高度=文字的font-size */ + border: none; + outline: none; + padding-left: 20px; + color: #6d6d6d; + -webkit-appearance: none; + /*去除系统默认的样式*/ + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + /* 点击去除高亮的颜色*/ + /*当input框禁止输入的时候会有一个灰色的底色 项目需要我设置了 白色底 跟页面背景一个颜色。*/ + } + + } + + /*清除iIE的默认选择框样式*/ + select::-ms-expand { + display: none; + } + + .but { + width: px2rem(446); + height: px2rem(84); + line-height: px2rem(84); + border-radius: px2rem(86); + position: absolute; + top: px2rem(288); + left: 50%; + transform: translateX(-50%); + text-align: center; + color: #FFFFFF; + font-size: px2rem(32); + background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%); + } + + .list_in { + width: px2rem(526); + height: 0; + // height: auto; + box-sizing: border-box; + padding: px2rem(0); + // padding: 0.2rem 0.53333rem; + background: #F5F6FA; + border-radius: px2rem(32); + position: absolute; + top: px2rem(264); + left: 50%; + transform: translateX(-50%); + z-index: 1; + overflow-y: scroll; + transition: all .3s; + // display: none; + + &::-webkit-scrollbar { + display: none; + } + + p { + width: 100%; + height: px2rem(100); + line-height: px2rem(100); + border-bottom: px2rem(1) dashed #cbbbbb; + color: #1F1B4F; + font-size: px2rem(28); + box-sizing: border-box; + } + } + } + +} + +.guidd { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, .6); + z-index: 9; + display: none; + + img { + position: absolute; + top: px2rem(10); + right: px2rem(20); + width: px2rem(476); + height: px2rem(294); } } \ No newline at end of file diff --git a/view/peko/modules/pay/images/guide.png b/view/peko/modules/pay/images/guide.png new file mode 100644 index 0000000000000000000000000000000000000000..9edfbca88a94c4e8d7b261d143967e3a7d6678f3 GIT binary patch literal 14038 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 literal 0 HcmV?d00001 diff --git a/view/peko/modules/pay/index.html b/view/peko/modules/pay/index.html index fa99149..f551b17 100644 --- a/view/peko/modules/pay/index.html +++ b/view/peko/modules/pay/index.html @@ -144,12 +144,22 @@
請確認儲值地區
- +
+ +
+
+

台湾

+

台湾

+

台湾

+

台湾

+
+
確認
+ +
+ +
diff --git a/view/peko/modules/pay/js/index.js b/view/peko/modules/pay/js/index.js index cda0e16..fcb7000 100644 --- a/view/peko/modules/pay/js/index.js +++ b/view/peko/modules/pay/js/index.js @@ -57,6 +57,7 @@ $(function () { // 请求地区列表 function getArea () { $('.area .area_in p').remove(); + $('.selectAddress .selectAddress_in .list_in p').remove(); showLoading(); networkRequest({ type: 'GET', @@ -72,7 +73,9 @@ function getArea () { isRecommendArr[i] = res.isRecommend; }); $('.area .area_in').append(str); + $('.selectAddress .selectAddress_in .list_in').append(str); $('.header .box .right i').text(res.data[0].areaName); + $('.selectAddress .selectAddress_in .selectAddressList').html(`${res.data[0].areaName}`); if (countryCode == '') { countryCode = res.data[0].areaCode; } @@ -82,6 +85,13 @@ function getArea () { $('.tabs i').hide(); } getChargePageInfoForH5(); + + if (window.localStorage.getItem('first')) { + $('.selectAddress').hide(); + } else { + $('.selectAddress').show(); + bodyScroolFun(true); + } } else { hideLoading(layerIndex); toastMsg(res.message); @@ -93,6 +103,39 @@ function getArea () { } }); } +// 调起选择下拉 +$('.selectAddress .selectAddress_in .selectAddressList').click(function () { + $('.selectAddress .selectAddress_in .list_in').css({ height: '6rem', 'padding': '0.2rem 0.53333rem' }); + return false +}) +// 首次切换地区 +$('.selectAddress .selectAddress_in .list_in').on('click', 'p', function () { + countryCode = $(this).attr('areacode'); + var texts = $(this).text(); + $('.header .box .right i').text(texts); + $('.selectAddress .selectAddress_in .selectAddressList').html(`${texts}`); + $('.selectAddress .selectAddress_in .list_in').css({ height: '0', 'padding': '0' }); + return false; +}) +// 关闭切换地区 +$('.selectAddress').click(function () { + window.localStorage.setItem('first', 1); + $('.selectAddress').hide(); + $('.selectAddress .selectAddress_in .list_in').css({ height: '0', 'padding': '0' }); + $('.guidd').show(); +}) +// 首次确认地区 +$('.selectAddress .selectAddress_in .but').click(function () { + window.localStorage.setItem('first', 1); + getChargePageInfoForH5(); + $('.selectAddress').hide(); + $('.guidd').show(); +}) +// 关闭引导图 +$('.guidd').click(function () { + $('.guidd').hide(); + bodyScroolFun(false); +}) // 渲染档位列表 function getChargePageInfoForH5 () { showLoading(); @@ -335,7 +378,6 @@ $('.userNull .userNull_in .but').click(function () { bodyScroolFun(false); $('.userNull').hide(); }) - // 代充列表接口 function rechargeUserList (regionCode) { showLoading();