feat: 分享好友页面;

pages.json

@@ -54,6 +54,9 @@
 			{
 				"path": "mine/setting"
 			},
+			{
+				"path": "mine/sharing"
+			},
 			{
 				"path": "mine/wallet"
 			},

pages/index/center.vue

@@ -56,7 +56,7 @@
 				</template>
 			</view>
 			<view class="tools flex">
-				<view class="tool" @click="onShare">
+				<view class="tool" @click="$utils.navigateTo('/pages_order/mine/sharing')">
 					<view class="tool-icon">
 						<image src="@/static/image/center/tool-share.png"></image>
 					</view>
@@ -127,11 +127,12 @@
 			</view>
 		</view>
 
-		<view class="service" @click="$utils.navigateTo('/pages_order/mine/service')">>
+		<view class="service" @click="$utils.navigateTo('/pages_order/mine/service')">
 			<image src="@/static/image/center/service.png" mode=""></image>
 		</view>
 
 		<popupActivate ref="popupActivate"></popupActivate>
+		<popupSharing ref="popupSharing"></popupSharing>
 
 		<tabber select="center" />
 	</view>
@@ -233,9 +234,6 @@
 			goSetting() {
 				// todo
 			},
-			onShare() {
-				// todo
-			},
 			onActivate() {
 				this.$refs.popupActivate.open(this.isAgent)
 			},

pages_order/mine/sharing.vue

@@ -0,0 +1,96 @@
+<template>
+  <view class="page">
+    <navbar title="分享好友" leftClick @leftClick="$utils.navigateBack" />
+
+    <view class="flex content">
+      <image class="bg" :src="imgurl"></image>
+      <view class="flex btns">
+        <button class="btn btn-back" @click="$utils.navigateBack">返回</button>
+        <button plain class="btn btn-save" @click="saveImg" >保存到相册</button>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+        imgurl: null,
+      }
+    },
+    onLoad() {
+      // todo: fetch imgurl
+      this.imgurl = '../../static/image/center/temp-share.png'
+    },
+    methods: {
+      saveImg(){
+        this.$authorize('scope.writePhotosAlbum').then((res) => {
+          this.imgApi(this.imgurl)
+        })
+      },
+			imgApi(image) {
+				/* 获取图片的信息 */
+				uni.getImageInfo({
+					src: image,
+					success: function(image) {
+						/* 保存图片到手机相册 */
+						uni.saveImageToPhotosAlbum({
+							filePath: image.path,
+							success: function() {
+								uni.showModal({
+									title: '保存成功',
+									content: '图片已成功保存到相册',
+									showCancel: false
+								});
+							},
+							complete(res) {
+								console.log(res);
+							}
+						});
+					}
+				});
+			},
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.page {
+  background-color: #111317;
+  height: 100vh;
+}
+
+.content {
+  margin-top: 79rpx;
+  flex-direction: column;
+}
+
+.bg {
+  width: 598rpx; 
+  height: 1063rpx;
+}
+
+.btns {
+  justify-content: space-between; 
+  margin-top: 53rpx;
+  width: 598rpx;
+}
+
+.btn {
+  width: 280rpx; 
+  height: 90rpx;
+  font-size: 36rpx;
+  color: #FFFFFF;
+  border-radius: 45rpx;
+  margin: 0;
+
+  &-back {
+    background-color: #4E5053;
+  }
+
+  &-save {
+    background-image: linear-gradient(to right, #02DED6, #05D9A2);
+  }
+}
+</style>