From edd2c9ea0cef5d94f07db09ba277775e171c1f64 Mon Sep 17 00:00:00 2001 From: yujialong <479214531@qq.com> Date: Wed, 9 Aug 2023 10:16:25 +0800 Subject: [PATCH] =?UTF-8?q?=E5=88=86=E4=BA=AB=E3=80=81=E6=9A=82=E6=97=A0?= =?UTF-8?q?=E6=9D=83=E9=99=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- libs/share.js | 36 +++++++++ main.js | 5 +- pages/index/index.vue | 2 +- pages/orders/orders.vue | 157 +++++++++++++++++++++++++--------------- styles/common.scss | 28 ++++++- 5 files changed, 165 insertions(+), 63 deletions(-) create mode 100644 libs/share.js diff --git a/libs/share.js b/libs/share.js new file mode 100644 index 0000000..a8d0166 --- /dev/null +++ b/libs/share.js @@ -0,0 +1,36 @@ +export default{ + // 监听用户点击右上角菜单的「转发」按钮时触发的事件 + onShareAppMessage() { + // 设置转发的参数 + return { + title: "职站商城", + // path: '', + imageUrl: "", + success: function(res) { + if (res.errMsg == 'shareAppMessage:ok') { + console.log("成功", res) + } + }, + fail: function(res) { + console.log("失败", res) + } + } + }, + // 分享到朋友圈 + onShareTimeline:function(res){ + return { + title: '职站商城', + // imageUrl:'/static/image/phone.png', + query:'' + } + }, + // 收藏 + onAddToFavorites:function(res) { + return { + title: '职站商城', + // imageUrl:'/static/image/phone.png', + query: '', + } + } + +} \ No newline at end of file diff --git a/main.js b/main.js index 803a916..6997c8a 100644 --- a/main.js +++ b/main.js @@ -4,10 +4,12 @@ import Vue from 'vue' import App from './App' import util from '@/libs/util' import uma from './libs/uma' +import share from './libs/share' Vue.config.productionTip = false Vue.prototype.$util = util Vue.use(uma) +Vue.mixin(share) App.mpType = 'app' @@ -22,7 +24,8 @@ Vue.prototype.auth = function(text){ } const app = new Vue({ - ...App + ...App, + share }) app.$mount() // #endif diff --git a/pages/index/index.vue b/pages/index/index.vue index 6962b00..04d28c7 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -426,7 +426,7 @@ bottom: 140rpx; right: 60rpx; .icon { - width: 110rpx; + width: 106rpx; } .uni-badge { font-size: 32rpx; diff --git a/pages/orders/orders.vue b/pages/orders/orders.vue index 6397686..125f389 100644 --- a/pages/orders/orders.vue +++ b/pages/orders/orders.vue @@ -1,66 +1,74 @@ @@ -145,6 +153,7 @@ } }, onShow() { + this.$uma.trackEvent('order') // 友盟统计 this.per = true // 清除订单缓存 try { @@ -159,6 +168,38 @@ const auth = uni.getStorageSync('auth') if (!auth.includes('订单')) { this.per = false + this.list = [ + { + businessManagerName: '智信云', + customerName: '智信云师资培训班', + orderContent: 'python实训系统', + createTime: '2023-08-08' + }, + { + businessManagerName: '智信云智信云智信云', + customerName: '智信云师资培训班', + orderContent: 'python实训系统', + createTime: '2023-08-08' + }, + { + businessManagerName: '智信云智信云', + customerName: '智信云师资培训班', + orderContent: 'python系统', + createTime: '2023-08-08' + }, + { + businessManagerName: '智信云', + customerName: '智信云师资培训班智信云师资培训班', + orderContent: 'python实训系统,实训系统', + createTime: '2023-08-08' + }, + { + businessManagerName: '智信云', + customerName: '智信云师资培训班', + orderContent: 'python实训系统', + createTime: '2023-08-08' + } + ] } this.tabs = [] auth.includes('订单:我的订单') && this.tabs.push({ @@ -175,7 +216,7 @@ this.curTab = this.tabs[0].id this.tabs = [] } - this.initList() + this.per && this.initList() }, getList() { const data = { @@ -317,5 +358,7 @@ } .oh { overflow: hidden; + min-height: 100vh; + filter: blur(10px); } diff --git a/styles/common.scss b/styles/common.scss index b687e69..37743d8 100644 --- a/styles/common.scss +++ b/styles/common.scss @@ -260,19 +260,39 @@ ul { } } .per-mask { - z-index: 3; + z-index: 1000; position: fixed; top: 0; left: 0; display: flex; + flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; - font-size: 28rpx; - color: #333; - background-color: rgba(255, 255, 255, 0.95); -webkit-user-drag: none; -webkit-user-select: none; user-select: none; + .mask { + position: relative; + width: 100%; + height: 100%; + // background-color: rgba(255, 255, 255, 0.8); + filter: blur(10px); + } + .texts { + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 100%; + text-align: center; + } + .text { + margin-bottom: 40rpx; + font-size: 28rpx; + color: #333; + } + .qrcode { + width: 78%; + } } \ No newline at end of file