Merge branch 'master' of http://git.liuniu946.com/zhang/jingcai

pages.json

@@ -273,6 +273,15 @@
             }
             
         }
+        ,{
+            "path" : "pages/details/details",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "他的粉絲",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"tabBar": {
 		"color": "#C0C4CC",

pages/details/details.vue

@@ -0,0 +1,144 @@
+<template>
+	<view class="">
+		<view class="list" v-for="item in 12" :key="item">
+			<view class="top">
+				<view class="nc">123****032@qq.com</view>
+				<view class="">
+					<image class="img" src="../../static/shouye/huiyuan.png" mode=""></image>
+				</view>
+			</view>
+			<view class="center" @click="navX">
+				<view class="sj">2023.05.05 15:00</view>
+				<view class="xq">詳情</view>
+				<view class="">
+					<image class="ima" src="../../static/icon/jt.png" mode=""></image>
+				</view>
+			</view>
+			<view class="xian"></view>
+			<view class="last">
+				<view class="left">互娛金額：</view>
+				<view class="leftT">5000U</view>
+				<view class="right">推廣數：</view>
+				<view class="rightT">50</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+.list {
+	width: 684rpx;
+	height: 262rpx;
+	background: #191A1F;
+	border-radius: 16rpx;
+	margin-left: 36rpx;
+	margin-top: 25rpx;
+}
+.top {
+	display: flex;
+	justify-content: start;
+}
+.nc {
+	height: 31rpx;
+	font-size: 32rpx;
+	font-family: PingFang SC;
+	font-weight: bold;
+	color: #FFFFFF;
+	margin-left: 35rpx;
+	padding-top: 40rpx;
+}
+.img {
+	width: 100rpx;
+	height: 32rpx;
+	margin-left: 20rpx;
+	margin-top: 46rpx;
+	object-fit: cover;
+}
+
+.center {
+	display: flex;
+	justify-content: start;
+}
+.sj {
+	margin-left: 34rpx;
+	margin-top: 25rpx;
+	height: 22rpx;
+	float: length($list: 231rpx);
+	font-size: 28rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #999999;
+}
+.xq {
+	margin-top: 25rpx;
+	margin-left: 290rpx;
+	height: 26rpx;
+	font-size: 28rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #999999;
+	float: length($list: 54rpx);
+}
+.ima {
+	width: 13rpx;
+	height: 19rpx;
+	// background: #FFFFFF;
+	margin-top: 35rpx;
+	margin-left: 20rpx;
+}
+.xian {
+	width: 618rpx;
+	height: 1rpx;
+	background: #DDE1EB;
+	opacity: 0.2;
+	margin-left: 20rpx;
+	margin-top: 30rpx;
+}
+.last {
+	display: flex;
+	// 
+	justify-content: start;
+}
+.left {
+	font-size: 28rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #999999;
+	margin-left: 36rpx;
+	margin-top: 30rpx;
+}
+.leftT {
+	font-size: 28rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #b98134;
+	// margin-left: 10rpx;
+	margin-top: 30rpx;
+}
+.right {
+	font-size: 28rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #999999;
+	margin-left: 220rpx;
+	margin-top: 30rpx;
+}
+.rightT {
+	font-size: 28rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #ffffff;
+	margin-top: 30rpx;
+	
+}
+</style>

pages/recharge/recharge.vue

@@ -29,7 +29,7 @@
 			</view>
 			
 			<view class="last">
-				<view class="le" >
+				<view class="le" @click="savePic">
 					<view class="lef">保存相冊</view>
 				</view>
 				<view class="le" style="margin-left: 30rpx;">
@@ -69,8 +69,6 @@
 			qr.canvasContext = canvasContext;
 			// 调用绘制方法将二维码图案绘制到canvas上
 			qr.drawCanvas();
-			// 我之前写的保存的是地址 没让保存图片 他要保存图片的话 浏览器应该会给出长安保存选项  或者他自己截图 不用管这个了
-			// 我这个收款地址，二维码怎么改变
 		},
 		methods: {
 			// 复制地址
@@ -83,6 +81,24 @@
 					},
 				});
 			},
+			savePic(Url){
+					Url = this.address //图片路径，也可以传值进来
+					var triggerEvent = "touchstart"; //指定下载方式
+				    var blob=new Blob([''], {type:'application/octet-stream'}); //二进制大型对象blob
+				    var url = URL.createObjectURL(blob); //创建一个字符串路径空位
+				    var a = document.createElement('a'); //创建一个 a 标签
+				    a.href = Url;  //把路径赋到a标签的href上
+				    //正则表达式，这里是把图片文件名分离出来。拿到文件名赋到a.download,作为文件名来使用文本
+				    a.download = Url.replace(/(.*\/)*([^.]+.*)/ig,"$2").split("?")[0]; 
+				    /* var e = document.createEvent('MouseEvents');  //创建事件（MouseEvents鼠标事件）
+				    e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); //初始化鼠标事件（initMouseEvent已弃用）*/
+				    
+					var e = new MouseEvent('click', ( true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null));  
+					//派遣后，它将不再执行任何操作。执行保存到本地
+				    a.dispatchEvent(e); 
+				    //释放一个已经存在的路径（有创建createObjectURL就要释放revokeObjectURL）
+				    URL.revokeObjectURL(url);  
+				},
 		},
 	};
 </script>

pages/tabulation/tabulation.vue

@@ -29,7 +29,7 @@
 					<image class="img" src="../../static/shouye/huiyuan.png" mode=""></image>
 				</view>
 			</view>
-			<view class="center">
+			<view class="center"  @click="navX">
 				<view class="sj">2023.05.05 15:00</view>
 				<view class="xq">詳情</view>
 				<view class="">
@@ -53,6 +53,13 @@
 			return {
 				
 			};
+		},
+		methods: {
+			navX() {
+				uni.navigateTo({
+					url: '/pages/details/details'
+				})
+			},
 		}
 	}
 </script>