chore(组件): 引入DiyMinx的js及修复组件错误

components-diy/diy-payment-qrcode.vue

@@ -39,7 +39,8 @@
 </template>
 
 <script>
-// 付款码
+// 付款码展示
+import DiyMinx from './minx.js'
 export default {
 	name: 'diy-payment-qrcode',
 	props: {
@@ -47,10 +48,11 @@ export default {
 			type: Object
 		}
 	},
+	mixins: [DiyMinx],
 	data() {
 		return {};
 	},
-	created() {},
+	created() { },
 	computed: {
 		warpCss() {
 			var obj = '';
@@ -59,7 +61,7 @@ export default {
 	},
 	watch: {
 		// 组件刷新监听
-		componentRefresh: function(nval) {}
+		componentRefresh: function (nval) { }
 	},
 	methods: {
 		toLink() {
@@ -72,7 +74,7 @@ export default {
 			// #ifndef H5
 			// 允许从相机和相册扫码,h5端不起作用
 			uni.scanCode({
-				success: function(res) {
+				success: function (res) {
 					console.log('条码类型：' + res.scanType);
 					console.log('条码内容：' + res.result);
 				}
@@ -95,8 +97,10 @@ export default {
 	display: flex;
 	background-color: #fff;
 	border-radius: 16rpx;
+
 	.qrocde-left {
 		flex: 1;
+
 		.qrocde-desc {
 			margin-top: 20rpx;
 			margin-bottom: 26rpx;
@@ -105,16 +109,19 @@ export default {
 			justify-content: center;
 			color: $color-tip;
 			font-size: $font-size-tag;
+
 			.iconfont {
 				margin-left: 10rpx;
 				font-size: $font-size-tag;
 				font-weight: bold;
 			}
 		}
+
 		.qrocde-action {
 			padding-bottom: 36rpx;
 			display: flex;
 			justify-content: center;
+
 			button {
 				display: flex;
 				align-items: center;
@@ -123,22 +130,27 @@ export default {
 				width: 230rpx;
 				height: 86rpx;
 				border-radius: 50rpx;
+
 				&:first-of-type {
 					margin-right: 46rpx;
 					background-color: $base-color;
 				}
+
 				&:last-of-type {
 					background-color: #999;
 				}
+
 				.iconfont {
 					margin-right: 10rpx;
 				}
+
 				.action-name {
 					font-size: 30rpx;
 				}
 			}
 		}
 	}
+
 	.qrocde-right {
 		position: relative;
 		display: flex;
@@ -149,15 +161,18 @@ export default {
 		width: 90rpx;
 		z-index: 2;
 		box-sizing: border-box;
+
 		.name {
 			font-size: $font-size-sub;
 			writing-mode: tb-rl;
 			color: #fff;
 			letter-spacing: 6rpx;
 		}
+
 		.iconfont {
 			color: #fff;
 		}
+
 		&::after {
 			content: '';
 			position: absolute;
@@ -166,12 +181,13 @@ export default {
 			width: 500rpx;
 			height: 500rpx;
 			border-radius: 50%;
-			background-color:  $base-color;
+			background-color: $base-color;
 			transform: translateY(-50%);
 			z-index: -1;
 		}
 	}
 }
+
 .payment-popup {
 	padding: 0 30rpx 40rpx;
 	background-color: #fff;
@@ -185,6 +201,7 @@ export default {
 		position: relative;
 		border-bottom: 2rpx solid $color-line;
 		margin-bottom: 20rpx;
+
 		.iconfont {
 			position: absolute;
 			float: right;
@@ -192,10 +209,12 @@ export default {
 			font-size: $font-size-toolbar;
 		}
 	}
+
 	.content-wrap {
 		max-height: 600rpx;
 		overflow-y: auto;
 	}
+
 	button {
 		margin-top: 40rpx;
 	}