Pārlūkot izejas kodu

commit 大额网银优化

zhengjinyi 3 gadi atpakaļ
vecāks
revīzija
c0efe673b5
2 mainītis faili ar 20 papildinājumiem un 18 dzēšanām
  1. 7 3
      common/css/iconfont.scss
  2. 13 15
      pages/user/order/order-pay.vue

+ 7 - 3
common/css/iconfont.scss

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 1519039 */
-  src: url('//at.alicdn.com/t/font_1519039_u43k2sbvzfj.woff2?t=1647842651579') format('woff2'),
-       url('//at.alicdn.com/t/font_1519039_u43k2sbvzfj.woff?t=1647842651579') format('woff'),
-       url('//at.alicdn.com/t/font_1519039_u43k2sbvzfj.ttf?t=1647842651579') format('truetype');
+  src: url('//at.alicdn.com/t/font_1519039_w6mj588b15f.woff2?t=1647943328937') format('woff2'),
+       url('//at.alicdn.com/t/font_1519039_w6mj588b15f.woff?t=1647943328937') format('woff'),
+       url('//at.alicdn.com/t/font_1519039_w6mj588b15f.ttf?t=1647943328937') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-fuzhi_o:before {
+  content: "\eb4e";
+}
+
 .icon-shibai:before {
   content: "\e735";
 }

+ 13 - 15
pages/user/order/order-pay.vue

@@ -85,11 +85,12 @@
 					<view class="tui-prompt-item">
 						<text class="text">户名:</text>
 						{{ bigPayInfo.receiveName }}
+						<view class="copy" @click.stop="copyClipboard(bigPayInfo.receiveName)"><text class="iconfont icon-fuzhi_o"></text></view>
 					</view>
 					<view class="tui-prompt-item">
 						<text class="text">收款账号:</text>
 						{{ bigPayInfo.receiveAccountNo }}
-						<view class="clipboard" @click.stop="copyClipboard(bigPayInfo)">复制</view>
+						<view class="copy" @click.stop="copyClipboard(bigPayInfo.receiveAccountNo)"><text class="iconfont icon-fuzhi_o"></text></view>
 					</view>
 					<view class="tui-prompt-item">
 						<text class="text">银行:</text>
@@ -248,7 +249,7 @@
 				}
 				this.PayService.PayOrderTransferUnion({payAmount:this.accMul(this.payAmount,100),orderId:this.orderId}).then(response =>{
 					this.bigPayInfo = JSON.parse(response.data.data.payInfo)
-					this.mbOrderId = response.data.data.mbOrderId;
+					this.mbOrderId = response.data.data.mbOrderId
 					this.modal = true
 					console.log('PayInfo',this.bigPayInfo)
 				})
@@ -408,12 +409,11 @@
 			},
 			copyClipboard(data){
 				//复制账号
-				let thoruiData =  data.receiveName + '' + data.receiveAccountNo
-				thorui.getClipboardData(thoruiData, (res) => {
+				thorui.getClipboardData(data, (res) => {
 					if (res) {
-						this.$util.msg('复制成功',2000,true,'success')
+						this.$util.msg('复制',2000)
 					} else {
-						this.$util.msg('复制失败',2000,true,'none')
+						this.$util.msg('复制失败',2000)
 					}
 				})
 			},
@@ -422,7 +422,7 @@
 				thorui.getClipboardData(data, (res) => {
 					if (res) {
 						this.isShowTip = false
-						this.$util.msg('复制成功',2000,true,'success')
+						this.$util.msg('复制',2000)
 						// 友盟埋点收集复制网银链接
 						if(process.env.NODE_ENV != 'development'){
 							this.$uma.trackEvent('Um_Event_CopyUnionPay', {
@@ -433,7 +433,7 @@
 							})
 						}
 					} else {
-						this.$util.msg('复制失败',2000,true,'none')
+						this.$util.msg('复制失败',2000)
 					}
 				})
 			},
@@ -764,19 +764,17 @@
 			.text{
 				font-weight: bold;
 			}
-			.clipboard{
+			.copy{
 				height: 38rpx;
 				box-sizing: border-box;
 				padding: 0 24rpx;
-				background:#FFE6DC;
 				text-align: center;
-				font-size: $font-size-22;
-				color: #E15616;
-				border-radius: 18rpx;
 				line-height: 36rpx;
 				display: inline-block;
-				margin-left: 20rpx;
-				border: 1px solid #E15616;
+				.iconfont{
+					font-size: $font-size-40;
+					color: #666666;
+				}
 			}
 		}	
 	}