分享功能实现

main.js

@@ -2,6 +2,10 @@
 import Vue from 'vue'
 import App from './App'
 import navBar from '@/components/navBar/index.vue'
+
+// import shareAppMessage from './core/shareAppMessage.js';
+
+// Vue.prototype.$shareAppMessage = shareAppMessage; //分享
 Vue.component('navBar', navBar)
 
 import popup from '@/components/popup/index.vue'

pages/index.vue

@@ -159,9 +159,9 @@
 					}
 				],
 				bannerList: [
-					this.$picUrl + '/static/other/noMain_img3.png',
-					this.$picUrl + '/static/other/noMain_img3.png',
-					this.$picUrl + '/static/other/noMain_img3.png',
+					// this.$picUrl + '/static/other/noMain_img3.png',
+					// this.$picUrl + '/static/other/noMain_img3.png',
+					// this.$picUrl + '/static/other/noMain_img3.png',
 				],
 				bannerList1: [],
 				currentNum: 0,

pages/index/customMian/index.vue

@@ -157,9 +157,16 @@
 				</view>
 				<image src="/static/index/arrDown.png" mode=""></image>
 			</view>
-			<view class="right" @click="showFixInfo=true">
+			<button open-type="share" v-if="orderSuc">
+				<view class="right" @click="shareToWx" v-if="orderSuc">
+					分享
+				</view>
+			</button>
+
+			<view class="right" v-else @click="showFixInfo=true">
 				确认配置
 			</view>
+
 		</view>
 		<u-popup :show="showFixInfo" @close="close" @open="open" round='10'>
 			<view class="topBar" style="">
@@ -239,7 +246,13 @@
 
 				pConfig: -1,
 
-				shareCon: null
+				shareCon: null,
+
+				orderSuc: true,
+
+				shareData: {
+
+				}
 			}
 		},
 		async onLoad(o) {
@@ -298,6 +311,22 @@
 				console.log('所有灯id', this.ids);
 			}
 		},
+		onShareAppMessage(params) {
+			if (params.from === 'button' || params.from === 'menu') {
+				this.shareData = {
+					title: '定制我家的主灯',
+					imageUrl: this.picUrl + '/static/other/noMain_img3.png',
+					path: '/pages/index/fullHouseWifi_step2/index?orderId=08e2d44b34b4bc182882242f02837797',
+					mpId: 'wx98ab2939999e13de',
+					type: 1,
+					// query: 'orderId=08e2d44b34b4bc182882242f02837797'
+					// params: {
+					// 	orderId: '08e2d44b34b4bc182882242f02837797'
+					// },
+				}
+				return this.shareData;
+			}
+		},
 		methods: {
 			back() {
 				uni.navigateBack()

pages/index/fullHouseWifi_step2/index.vue

@@ -66,7 +66,7 @@
 
 		<image @click="back" src="/static/index/backBtnImg.png" mode="" class="rule_img"></image>
 
-		<u-modal :show="showShare" title="分享链接" :content='content'></u-modal>
+		<!-- <u-modal :show="showShare" title="分享链接" :content='content'></u-modal> -->
 	</view>
 	</view>
 </template>
@@ -85,7 +85,7 @@
 		},
 		data() {
 			return {
-				showShare: true,
+				// showShare: true,
 
 				picUrl: this.$picUrl,
 				selHx: null,
@@ -98,41 +98,6 @@
 			}
 		},
 		async onLoad(o) {
-			// o.orderId = '08e2d44b34b4bc182882242f02837797'
-			const that = this;
-			// 获取当前页面实例
-			const pages = getCurrentPages();
-			const currentPage = pages[pages.length - 1];
-			// 获取页面链接携带的参数
-			const urlParams = currentPage.options;
-			console.log('urlParams', urlParams);
-
-			this.$toast('全屋WiFi页面测试数o数据:' + o.orderId + '|' + o.testData + '|' + JSON.stringify(o) + '||' + JSON
-				.stringify(urlParams), 'none', 5000)
-			// this.options = o
-			// this.options1 = JSON.stringify(o)
-
-			// 获取小程序启动时的参数
-			let obj = wx.getLaunchOptionsSync();
-			let query = null;
-
-			if (o.scene || obj.query.scene) {
-				// 这里是用开发者工具模拟的时候要先用 encodeURIComponent 编译，模拟真实传递参数的效果，项目发布审核的时候这句话要注释掉
-				// query = options ? encodeURIComponent(options.scene) : encodeURIComponent(obj.query.scene);
-				query = o ? decodeURIComponent(o.scene) : decodeURIComponent(obj.query.scene);
-				// query =  decodeURIComponent(obj.query.scene);
-				// this.query = query
-				//解析参数
-				let orderId = query.split("-")[0];
-				let testData = query.split("-")[1];
-
-				setTimeout(() => {
-					this.$toast('全屋WiFi页面测试数o2数据:' + orderId + '|' + testData + '|' + JSON.stringify(query),
-						'none', 5000)
-				}, 6000)
-			}
-
-			return
 			if (o.orderId) {
 				this.orderId = o.orderId
 				console.log('o.orderId', o.orderId);
@@ -145,7 +110,7 @@
 
 					this.shareCon = res.data
 
-					this.selHx = res.data.config.house_type
+					this.selHx = res.data.config.house_type_data
 				} else {
 					uni.showToast({
 						title: res.message,

unpackage/dist/build/mp-weixin/pages/index/fullHouseWifi_step2/index.json

@@ -1,7 +1,5 @@
 {
   "navigationBarTitleText": "",
   "enablePullDownRefresh": false,
-  "usingComponents": {
-    "u-modal": "/uni_modules/uview-ui/components/u-modal/u-modal"
-  }
+  "usingComponents": {}
 }

unpackage/dist/build/mp-weixin/pages/index/fullHouseWifi_step2/index.wxml

@@ -1 +1 @@
-<view class="page data-v-12fe2787"><nav-bar vue-id="ed4b4408-1" title="定制我家的全屋WIFI" back="{{true}}" color="black" background="white" class="data-v-12fe2787" bind:__l="__l"></nav-bar><image class="topImg data-v-12fe2787" src="{{picUrl+'/static/other/noMain_img4.png'}}" mode></image><view class="cen data-v-12fe2787"><image class="water data-v-12fe2787" src="/static/index/water.png" mode></image><image class="halfC data-v-12fe2787" src="/static/index/halfCircle_275.png" mode></image>定制我家的全屋WIFI</view><view class="parmasBox data-v-12fe2787"><view class="con data-v-12fe2787"><view class="top data-v-12fe2787"><view class="item data-v-12fe2787"><view class="name data-v-12fe2787">户型</view><view class="des data-v-12fe2787">{{''+selHx.value+''}}</view></view></view></view></view><block wx:if="{{orderId}}"><view class="parmasBox data-v-12fe2787"><view class="con data-v-12fe2787"><view class="top data-v-12fe2787"><view class="item data-v-12fe2787"><view class="name data-v-12fe2787">收货人</view><view class="des data-v-12fe2787">{{''+shareCon.name+''}}</view></view><view class="item data-v-12fe2787"><view class="name data-v-12fe2787">电话</view><view class="des data-v-12fe2787">{{''+shareCon.phone+''}}</view></view><view class="item data-v-12fe2787"><view class="name data-v-12fe2787">收货地址</view><view class="des data-v-12fe2787">{{''+shareCon.address+''}}</view></view><view class="item data-v-12fe2787"><view class="name data-v-12fe2787">备注</view><view class="des data-v-12fe2787">{{''+shareCon.remark+''}}</view></view></view></view></view></block><image class="rule_img data-v-12fe2787" src="/static/index/backBtnImg.png" mode data-event-opts="{{[['tap',[['back',['$event']]]]]}}" bindtap="__e"></image><u-modal vue-id="ed4b4408-2" show="{{showShare}}" title="分享链接" content="{{content}}" class="data-v-12fe2787" bind:__l="__l"></u-modal></view>
+<view class="page data-v-4f66bdb0"><nav-bar vue-id="ed4b4408-1" title="定制我家的全屋WIFI" back="{{true}}" color="black" background="white" class="data-v-4f66bdb0" bind:__l="__l"></nav-bar><image class="topImg data-v-4f66bdb0" src="{{picUrl+'/static/other/noMain_img4.png'}}" mode></image><view class="cen data-v-4f66bdb0"><image class="water data-v-4f66bdb0" src="/static/index/water.png" mode></image><image class="halfC data-v-4f66bdb0" src="/static/index/halfCircle_275.png" mode></image>定制我家的全屋WIFI</view><view class="parmasBox data-v-4f66bdb0"><view class="con data-v-4f66bdb0"><view class="top data-v-4f66bdb0"><view class="item data-v-4f66bdb0"><view class="name data-v-4f66bdb0">户型</view><view class="des data-v-4f66bdb0">{{''+selHx.value+''}}</view></view></view></view></view><block wx:if="{{orderId}}"><view class="parmasBox data-v-4f66bdb0"><view class="con data-v-4f66bdb0"><view class="top data-v-4f66bdb0"><view class="item data-v-4f66bdb0"><view class="name data-v-4f66bdb0">收货人</view><view class="des data-v-4f66bdb0">{{''+shareCon.name+''}}</view></view><view class="item data-v-4f66bdb0"><view class="name data-v-4f66bdb0">电话</view><view class="des data-v-4f66bdb0">{{''+shareCon.phone+''}}</view></view><view class="item data-v-4f66bdb0"><view class="name data-v-4f66bdb0">收货地址</view><view class="des data-v-4f66bdb0">{{''+shareCon.address+''}}</view></view><view class="item data-v-4f66bdb0"><view class="name data-v-4f66bdb0">备注</view><view class="des data-v-4f66bdb0">{{''+shareCon.remark+''}}</view></view></view></view></view></block><image class="rule_img data-v-4f66bdb0" src="/static/index/backBtnImg.png" mode data-event-opts="{{[['tap',[['back',['$event']]]]]}}" bindtap="__e"></image></view>

unpackage/dist/build/mp-weixin/pages/qrPage/index.wxml

@@ -1 +1 @@
-<view class="container data-v-ebc127dc"><nav-bar vue-id="1feea8ba-1" title="二维码进入的页面" back="{{true}}" color="white" background="green" class="data-v-ebc127dc" bind:__l="__l"></nav-bar><button data-event-opts="{{[['tap',[['getAccessToken',['$event']]]]]}}" bindtap="__e" class="data-v-ebc127dc">生成AccessToken</button><button data-event-opts="{{[['tap',[['genQr',['$event']]]]]}}" bindtap="__e" class="data-v-ebc127dc">生成进入小程序的二维码</button><button data-event-opts="{{[['tap',[['createPoster',['$event']]]]]}}" bindtap="__e" class="data-v-ebc127dc">测试生成海报</button><image src="{{testUrl}}" mode data-event-opts="{{[['tap',[['previewPic',['$event']]]]]}}" bindtap="__e" class="data-v-ebc127dc"></image><u-popup vue-id="1feea8ba-2" show="{{showPoster}}" mode="bottom" data-event-opts="{{[['^close',[['e0']]]]}}" bind:close="__e" class="data-v-ebc127dc" bind:__l="__l" vue-slots="{{['default']}}"><scroll-view style="{{'max-height:'+(posterheight+'px')+';'}}" scroll-y="true" class="data-v-ebc127dc"><wike-painter vue-id="{{('1feea8ba-3')+','+('1feea8ba-2')}}" board="{{posterObj}}" data-ref="painter" data-event-opts="{{[['^done',[['posterSuccess']]]]}}" bind:done="__e" class="data-v-ebc127dc vue-ref" bind:__l="__l"></wike-painter><view style="height:78px;" class="data-v-ebc127dc"></view><view class="dygbhg data-v-ebc127dc"><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="whole data-v-ebc127dc" bindtap="__e">取消</view><view data-event-opts="{{[['tap',[['toSave',['$event']]]]]}}" class="distinguish data-v-ebc127dc" bindtap="__e">保存/分享</view></view></scroll-view></u-popup></view>
+<view class="container data-v-3da1a2d8"><nav-bar vue-id="1feea8ba-1" title="二维码进入的页面" back="{{true}}" color="white" background="green" class="data-v-3da1a2d8" bind:__l="__l"></nav-bar><button data-event-opts="{{[['tap',[['getAccessToken',['$event']]]]]}}" bindtap="__e" class="data-v-3da1a2d8">生成AccessToken</button><button data-event-opts="{{[['tap',[['getAccessToken',['$event']]]]]}}" bindtap="__e" class="data-v-3da1a2d8">生成进入小程序的二维码</button><button data-event-opts="{{[['tap',[['createPoster',['$event']]]]]}}" bindtap="__e" class="data-v-3da1a2d8">测试生成海报</button><image src="{{testUrl}}" mode data-event-opts="{{[['tap',[['previewPic',['$event']]]]]}}" bindtap="__e" class="data-v-3da1a2d8"></image><u-popup vue-id="1feea8ba-2" show="{{showPoster}}" mode="bottom" data-event-opts="{{[['^close',[['e0']]]]}}" bind:close="__e" class="data-v-3da1a2d8" bind:__l="__l" vue-slots="{{['default']}}"><scroll-view style="{{'max-height:'+(posterheight+'px')+';'}}" scroll-y="true" class="data-v-3da1a2d8"><wike-painter vue-id="{{('1feea8ba-3')+','+('1feea8ba-2')}}" board="{{posterObj}}" data-ref="painter" data-event-opts="{{[['^done',[['posterSuccess']]]]}}" bind:done="__e" class="data-v-3da1a2d8 vue-ref" bind:__l="__l"></wike-painter><view style="height:78px;" class="data-v-3da1a2d8"></view><view class="dygbhg data-v-3da1a2d8"><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="whole data-v-3da1a2d8" bindtap="__e">取消</view><view data-event-opts="{{[['tap',[['toSave',['$event']]]]]}}" class="distinguish data-v-3da1a2d8" bindtap="__e">保存/分享</view></view></scroll-view></u-popup></view>

unpackage/dist/build/mp-weixin/project.config.json

@@ -19,7 +19,7 @@
     }
   },
   "compileType": "miniprogram",
-  "libVersion": "3.0.2",
+  "libVersion": "3.1.0",
   "appid": "wx98ab2939999e13de",
   "projectname": "jiancaiPro",
   "condition": {},

unpackage/dist/build/mp-weixin/uni_modules/uview-ui/components/u-action-sheet/u-action-sheet.json

@@ -1,10 +1,10 @@
 {
-  "component": true,
   "usingComponents": {
     "u-popup": "/uni_modules/uview-ui/components/u-popup/u-popup",
     "u-icon": "/uni_modules/uview-ui/components/u-icon/u-icon",
     "u-line": "/uni_modules/uview-ui/components/u-line/u-line",
     "u-loading-icon": "/uni_modules/uview-ui/components/u-loading-icon/u-loading-icon",
     "u-gap": "/uni_modules/uview-ui/components/u-gap/u-gap"
-  }
+  },
+  "component": true
 }

unpackage/dist/build/mp-weixin/uni_modules/uview-ui/components/u-icon/u-icon.json

@@ -1,4 +1,4 @@
 {
-  "component": true,
-  "usingComponents": {}
+  "usingComponents": {},
+  "component": true
 }

unpackage/dist/build/mp-weixin/uni_modules/uview-ui/components/u-popup/u-popup.json

@@ -1,9 +1,9 @@
 {
-  "component": true,
   "usingComponents": {
     "u-overlay": "/uni_modules/uview-ui/components/u-overlay/u-overlay",
     "u-transition": "/uni_modules/uview-ui/components/u-transition/u-transition",
     "u-status-bar": "/uni_modules/uview-ui/components/u-status-bar/u-status-bar",
     "u-icon": "/uni_modules/uview-ui/components/u-icon/u-icon"
-  }
+  },
+  "component": true
 }

unpackage/dist/build/mp-weixin/uni_modules/uview-ui/components/u-search/u-search.json

@@ -1,6 +1,6 @@
 {
-  "component": true,
   "usingComponents": {
     "u-icon": "/uni_modules/uview-ui/components/u-icon/u-icon"
-  }
+  },
+  "component": true
 }

unpackage/dist/build/mp-weixin/uni_modules/uview-ui/components/u-status-bar/u-status-bar.json

@@ -1,4 +1,4 @@
 {
-  "usingComponents": {},
-  "component": true
+  "component": true,
+  "usingComponents": {}
 }

unpackage/dist/build/mp-weixin/uni_modules/uview-ui/components/u-sticky/u-sticky.json

@@ -1,4 +1,4 @@
 {
-  "component": true,
-  "usingComponents": {}
+  "usingComponents": {},
+  "component": true
 }

unpackage/dist/build/mp-weixin/uni_modules/uview-ui/components/u-swiper-indicator/u-swiper-indicator.json

@@ -1,4 +1,4 @@
 {
-  "usingComponents": {},
-  "component": true
+  "component": true,
+  "usingComponents": {}
 }

unpackage/dist/build/mp-weixin/uni_modules/uview-ui/components/u-swiper/u-swiper.json

@@ -1,7 +1,7 @@
 {
-  "component": true,
   "usingComponents": {
     "u-loading-icon": "/uni_modules/uview-ui/components/u-loading-icon/u-loading-icon",
     "u-swiper-indicator": "/uni_modules/uview-ui/components/u-swiper-indicator/u-swiper-indicator"
-  }
+  },
+  "component": true
 }