From 43067d7e0963ad7a207cae941cda1579e51ca133 Mon Sep 17 00:00:00 2001 From: 819527061@qq.com <123456> Date: 星期五, 15 九月 2023 16:25:18 +0800 Subject: [PATCH] 支付宝中间页面 --- /dev/null | 0 src/components/page/IndexTest.vue | 131 ++++++++++++++++++++++++++++++++++++++++++- src/assets/images/duigouIcon.png | 0 src/assets/images/wxIcon.png | 0 src/assets/duigouIcon/对钩-圆.png | 0 5 files changed, 126 insertions(+), 5 deletions(-) diff --git "a/src/assets/duigouIcon/\345\257\271\351\222\251-\345\234\206.png" "b/src/assets/duigouIcon/\345\257\271\351\222\251-\345\234\206.png" new file mode 100644 index 0000000..26fa56a --- /dev/null +++ "b/src/assets/duigouIcon/\345\257\271\351\222\251-\345\234\206.png" Binary files differ diff --git a/src/assets/images/duigouIcon.png b/src/assets/images/duigouIcon.png new file mode 100644 index 0000000..26fa56a --- /dev/null +++ b/src/assets/images/duigouIcon.png Binary files differ diff --git a/src/assets/images/wxIcon.png b/src/assets/images/wxIcon.png new file mode 100644 index 0000000..be6a724 --- /dev/null +++ b/src/assets/images/wxIcon.png Binary files differ diff --git "a/src/assets/images/\345\276\256\344\277\241\345\233\276\347\211\207_20230103200147.png" "b/src/assets/images/\345\276\256\344\277\241\345\233\276\347\211\207_20230103200147.png" deleted file mode 100644 index ef72690..0000000 --- "a/src/assets/images/\345\276\256\344\277\241\345\233\276\347\211\207_20230103200147.png" +++ /dev/null Binary files differ diff --git "a/src/assets/images/\345\276\256\344\277\241\345\233\276\347\211\207_20230103200303.png" "b/src/assets/images/\345\276\256\344\277\241\345\233\276\347\211\207_20230103200303.png" deleted file mode 100644 index 9658d38..0000000 --- "a/src/assets/images/\345\276\256\344\277\241\345\233\276\347\211\207_20230103200303.png" +++ /dev/null Binary files differ diff --git "a/src/assets/images/\346\234\252\346\240\207\351\242\230-1.png" "b/src/assets/images/\346\234\252\346\240\207\351\242\230-1.png" deleted file mode 100644 index c2e66e1..0000000 --- "a/src/assets/images/\346\234\252\346\240\207\351\242\230-1.png" +++ /dev/null Binary files differ diff --git a/src/components/page/IndexTest.vue b/src/components/page/IndexTest.vue index 9102021..e9166b5 100644 --- a/src/components/page/IndexTest.vue +++ b/src/components/page/IndexTest.vue @@ -50,6 +50,39 @@ </div> </div> + <div class="dialog-box"> + <el-dialog + title="鏀粯" + :close-on-click-modal="false" + :visible.sync="dialogVisible" + width="100%"> + <div class="dialog-main-box"> + <div class="dialog-main-line"> + <h1>鍚堣璐圭敤</h1> + <h1>17.00鍏�</h1> + </div> + <div class="dialog-main-line"> + <h1>鍋滆溅鏃堕暱</h1> + <h1>3灏忔椂2鍒嗛挓</h1> + </div> + <div class="dialog-main-line-middle"> + <h1>17.00<font>鍏�</font></h1> + </div> + <div class="wx-img-box"> + <div class="wx-img-l"> + <img src="../../assets/images/wxIcon.png" alt=""> + <h1>寰俊鏀粯</h1> + </div> + <div class="wx-img-r"> + <img src="../../assets/images/duigouIcon.png" alt=""> + </div> + </div> + </div> + <span slot="footer" class="dialog-footer"> + <el-button type="primary">绔� 鍗� 鏀� 浠�</el-button> + </span> + </el-dialog> + </div> </div> </template> @@ -60,6 +93,7 @@ name: 'dashboard', data() { return { + dialogVisible:false, payFlag:false, outParkId:"", type:null, @@ -75,6 +109,7 @@ } }, created(){ + let ua = window.navigator.userAgent.toLowerCase(); //鍒ゆ柇鏄笉鏄井淇� if (ua.match(/MicroMessenger/i) == "micromessenger") { @@ -86,10 +121,10 @@ //鏀粯瀹� this.type = 1 } - if(this.type == null){ - this.$message.error("璇风敤寰俊鎴栨敮浠樺疂鎵弿浜岀淮鐮�") - return; - } + // if(this.type == null){ + // this.$message.error("璇风敤寰俊鎴栨敮浠樺疂鎵弿浜岀淮鐮�") + // return; + // } var url = window.location.href; @@ -97,7 +132,11 @@ if(count >1){ this.code = this.getCodeFromUrl(url) this.code2 = this.getCode2FromUrl(url) - window.location.href = "http://hesuancj.cn/#/indexTest?code="+this.code+"&state=STATE&code2="+this.code2 + //window.location.href = "http://hesuancj.cn/#/indexTest?code="+this.code+"&state=STATE&code2="+this.code2 + window.location.href = " http://192.168.0.113:8083/#/indexTest?code="+this.code+"&state=STATE&code2="+this.code2 + } + if(this.code != null || this.code != '') { + this.dialogVisible = true } var cs = url.split('?')[1]; var cs_arr = cs.split('&'); @@ -301,6 +340,39 @@ font-size: 0.347rem /* 26/75 */; } } + .dialog-box{ + .el-dialog{ + bottom: 0; + position: fixed; + left: 0; + margin: 0; + } + .el-dialog__body{ + padding: 2.67vw /* 20/7.5 */; + } + .el-dialog__header{ + width: 100%; + display: flex; + justify-content: center; + align-items: center; + padding: 1.87vw /* 14/7.5 */; + background: rgba(103,201,122,0.1); + } + .el-dialog__title{ + font-size: 4vw /* 30/7.5 */; + } + .el-dialog__headerbtn{ + top: 2.67vw /* 20/7.5 */; + } + .dialog-footer{ + display: flex; + width: 100% !important; + .el-button{ + width: 100%; + background: rgba(74,76,89,1); + } + } + } </style> <style lang="scss" scoped> @@ -385,4 +457,53 @@ .weizhang-main-bootom{ margin-top: 0.333rem /* 25/75 */; } + .dialog-main-box{ + .dialog-main-line{ + display: flex; + justify-content: space-between; + h1{ + font-size: 3.2vw /* 24/7.5 */; + color: rgba(0,0,0,0.9); + line-height: 2; + } + } + .dialog-main-line-middle{ + width: 100%; + display: flex; + justify-content: center; + padding: 2.67vw /* 20/7.5 */ 0; + h1{ + font-size: 8vw /* 60/7.5 */; + line-height: 2; + color: rgba(0,0,0,1); + font{ + font-size: 3.73vw /* 28/7.5 */; + margin-left: 0.67vw /* 5/7.5 */; + } + } + } + .wx-img-box{ + width: 100%; + display: flex; + justify-content: space-between; + .wx-img-l{ + display: flex; + img{ + width: 5.33vw /* 40/7.5 */; + object-fit: contain; + } + h1{ + font-size: 3.47vw /* 26/7.5 */; + margin-left: 1.33vw /* 10/7.5 */; + } + } + .wx-img-r{ + width: 4vw /* 30/7.5 */; + height: 4vw /* 30/7.5 */; + img{ + width: 100%; + } + } + } + } </style> -- Gitblit v1.9.1