Skip to content

U
uni-app-ddh-shop
Commit 5562a4e9 authored by caimeng's avatar caimeng
Browse files
Options

1.0.8 更新弹框因为编译工具升级的问题；导致老版本的/deep/不能用

parent 7afd638c
Show whitespace changes
Inline Side-by-side
Showing with 314 additions and 285 deletions
components/showModal/upgradePopup.vue
View file @ 5562a4e9
<template> <template>
<view> <view>
<!-- 遮罩滚动锁定组件 --> <!-- 遮罩滚动锁定组件 -->
<page-meta :page-style="'overflow:' + (popupShow ? 'hidden' : 'visible')"></page-meta> <page-meta
<uni-popup ref="upgradePopup" background-color="#fff" class="upgradePopup" @change="upgradePopupChange" :page-style="'overflow:' + (popupShow ? 'hidden' : 'visible')"
:mask-click="false"> ></page-meta>
<uni-popup
ref="upgradePopup"
borderRadius="10px"
@change="upgradePopupChange"
:mask-click="false"
>
<view class="upgradePopup">
<view class="rocket-content"> <view class="rocket-content">
<view class="rocket-img"></view> <view class="rocket-img"></view>
</view> </view>
<view class="content-v-des"> <view class="content-v-des">
<view class="content-v">V{{ appUpgeadeObj.versionName }}</view> <view class="content-v">V{{ appUpgeadeObj.versionName }}</view>
<view class='content-text'>发现新版本</view> <view class="content-text">发现新版本</view>
<view class="title"> <view class="title">
<!-- 更新内容 --> <!-- 更新内容 -->
<scroll-view class="info_desc_scroll" scroll-y="true"> <scroll-view class="info_desc_scroll" scroll-y="true">
<rich-text v-if="appUpgeadeObj.content" class='scroll-text' <rich-text
:nodes="appUpgeadeObj.content"></rich-text> v-if="appUpgeadeObj.content"
class="scroll-text"
:nodes="appUpgeadeObj.content"
></rich-text>
</scroll-view> </scroll-view>
</view> </view>
</view> </view>
<view class="update-content"> <view class="update-content">
<text space="nbsp">{{ appUpgeadeObj.updateContent }}</text> <text space="nbsp">{{ appUpgeadeObj.updateContent }}</text>
</view> </view>
<view v-if="updateButtonBoolean" class="update-button"> <view v-if="updateButtonBoolean" class="update-button">
<button class="not-updated-button" :disabled="noUpdatedDisabled" <button
v-show="appUpgeadeObj.forceUpdate == false" type="warn" @tap.stop="noUpdate">暂不更新</button> class="not-updated-button"
<button v-show='appUpgeadeObj.type == "ANDROID"' class="updated-button" type="warn" :disabled="noUpdatedDisabled"
@tap.stop="upgradeNowAndroid">立即升级</button> v-show="appUpgeadeObj.forceUpdate == false"
<button v-show='appUpgeadeObj.type == "IOS"' class="updated-button" type="warn" type="warn"
@tap.stop="upgradeNow">立即升级</button> @tap.stop="noUpdate"
>
暂不更新
</button>
<button
v-show="appUpgeadeObj.type == 'ANDROID'"
class="updated-button"
type="warn"
@tap.stop="upgradeNowAndroid"
>
立即升级
</button>
<button
v-show="appUpgeadeObj.type == 'IOS'"
class="updated-button"
type="warn"
@tap.stop="upgradeNow"
>
立即升级
</button>
</view> </view>
<view v-if="progressBolean" class="progress-bar"> <view v-if="progressBolean" class="progress-bar">
<progress border-radius="90" font-size="24" activeColor="#DB4032" backgroundColor="#f0f0f0" show-info <progress
:percent="progressData.percent" stroke-width="15" /> border-radius="90"
font-size="24"
activeColor="#DB4032"
backgroundColor="#f0f0f0"
show-info
:percent="progressData.percent"
stroke-width="15"
/>
</view>
</view> </view>
</uni-popup> </uni-popup>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
appUpgeadeObj: { appUpgeadeObj: {
type: Object, type: Object,
default: () => { default: () => {
return {} return {};
}
}
}, },
components: {
}, },
},
components: {},
data() { data() {
return { return {
popupShow: false, popupShow: false,
...@@ -63,124 +95,124 @@ export default { ...@@ -63,124 +95,124 @@ export default {
// 进度条数据 // 进度条数据
progressData: { progressData: {
percent: 0, //百分比 percent: 0, //百分比
}, },
progressBolean: false, // 进度条的显示和隐藏 progressBolean: false, // 进度条的显示和隐藏
noUpdatedDisabled: false, noUpdatedDisabled: false,
isWGT: false,// 是否wgt资源包 isWGT: false, // 是否wgt资源包
}; };
}, },
watch: { watch: {
'progressData.percent': { "progressData.percent": {
handler(newdata) { handler(newdata) {
if (newdata) { if (newdata) {
this.progressBolean = true this.progressBolean = true;
this.updateButtonBoolean = false this.updateButtonBoolean = false;
} }
if (newdata == 100) { if (newdata == 100) {
this.noUpdatedDisabled = false this.noUpdatedDisabled = false;
} }
}, },
immediate: true, immediate: true,
}, },
}, },
beforeMount() { beforeMount() {
uni.hideTabBar() uni.hideTabBar();
}, },
mounted() { mounted() {
this.$refs.upgradePopup.open('center') this.$refs.upgradePopup.open("center");
}, },
methods: { methods: {
// 升级弹窗的change事件 // 升级弹窗的change事件
upgradePopupChange(e) { upgradePopupChange(e) {
this.popupShow = e.show this.popupShow = e.show;
}, },
// 暂不更新按钮事件 // 暂不更新按钮事件
noUpdate() { noUpdate() {
this.popupShow = false this.popupShow = false;
uni.showTabBar() uni.showTabBar();
setTimeout(() => { setTimeout(() => {
this.$emit('pause') this.$emit("pause");
}, 10) }, 10);
}, },
// 清空一些数据 // 清空一些数据
delStorageSync() { delStorageSync() {
// 清空一些数据 // 清空一些数据
uni.removeStorageSync('m-header-version') uni.removeStorageSync("m-header-version");
uni.removeStorageSync('m-header-device') uni.removeStorageSync("m-header-device");
uni.removeStorageSync('m-location-info') uni.removeStorageSync("m-location-info");
uni.removeStorageSync('m-network-info') uni.removeStorageSync("m-network-info");
uni.removeStorageSync('m-device-info') uni.removeStorageSync("m-device-info");
}, },
// 立即升级事件 // 立即升级事件
upgradeNow() { upgradeNow() {
this.delStorageSync(); this.delStorageSync();
const downloadUrl = this.appUpgeadeObj.downloadUrl const downloadUrl = this.appUpgeadeObj.downloadUrl;
plus.runtime.launchApplication({ plus.runtime.launchApplication(
{
action: `itms-apps://itunes.apple.com/cn/app/id6642694240`, action: `itms-apps://itunes.apple.com/cn/app/id6642694240`,
}, function (e) { },
console.log('Open system default browser failed: ' + e.message); function (e) {
return plus.runtime.openURL(downloadUrl) console.log("Open system default browser failed: " + e.message);
}) return plus.runtime.openURL(downloadUrl);
}
);
}, },
upgradeNowAndroid() { upgradeNowAndroid() {
this.delStorageSync(); this.delStorageSync();
let that = this let that = this;
that.noUpdatedDisabled = true that.noUpdatedDisabled = true;
const isAPK = that.containsApkExtension(that.appUpgeadeObj.downloadUrl) const isAPK = that.containsApkExtension(that.appUpgeadeObj.downloadUrl);
if (isAPK) { if (isAPK) {
plus.runtime.getProperty(plus.runtime.appid, () => { plus.runtime.getProperty(plus.runtime.appid, () => {
var downloadTask = uni.downloadFile({ var downloadTask = uni.downloadFile({
url: that.appUpgeadeObj.downloadUrl, url: that.appUpgeadeObj.downloadUrl,
success: (downloadResult) => { success: (downloadResult) => {
if (downloadResult.statusCode === 200) { if (downloadResult.statusCode === 200) {
plus.runtime.install(downloadResult.tempFilePath, { force: false }, plus.runtime.install(
downloadResult.tempFilePath,
{ force: false },
function () { function () {
console.log('下载APK成功，还是安装成功呢') console.log("下载APK成功，还是安装成功呢");
plus.cache.clear(); plus.cache.clear();
plus.runtime.restart(); plus.runtime.restart();
}, },
function (err) { function (err) {
console.log('err--------安装升级包失败', err) console.log("err--------安装升级包失败", err);
uni.showToast({ uni.showToast({
title: '安装升级包失败', title: "安装升级包失败",
icon: 'none' icon: "none",
});
}); });
} }
);
}
}, },
}); });
downloadTask.onProgressUpdate((res) => { downloadTask.onProgressUpdate((res) => {
this.progressData.percent = res.progress this.progressData.percent = res.progress;
});
}); });
})
} else { } else {
// 这里需要根据不同的应用市场，跳转到指定的地方 // 这里需要根据不同的应用市场，跳转到指定的地方
let appurl = "market://details?id=io.dcloud.ddh" let appurl = "market://details?id=io.dcloud.ddh";
plus.runtime.openURL(appurl) plus.runtime.openURL(appurl);
} }
}, },
containsApkExtension(url) { containsApkExtension(url) {
return /\.apk$/i.test(url); return /\.apk$/i.test(url);
} },
} },
}; };
</script> </script>
<style scoped lang="scss">
.upgradePopup {
z-index: 999;
/deep/.uni-popup__wrapper { <style scoped lang="scss">
.upgradePopup {
width: 602rpx; width: 602rpx;
background-image: url('./imgs/upgradeBackground.png'); background-image: url("./imgs/upgradeBackground.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
border-radius: 15rpx; border-radius: 15rpx;
// border: solid 1px red;
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -189,7 +221,7 @@ export default { ...@@ -189,7 +221,7 @@ export default {
height: 368rpx; height: 368rpx;
.rocket-img { .rocket-img {
background-image: url('./imgs/rocket.png'); background-image: url("./imgs/rocket.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
width: 152rpx; width: 152rpx;
...@@ -208,7 +240,7 @@ export default { ...@@ -208,7 +240,7 @@ export default {
.content-v { .content-v {
font-size: 75rpx; font-size: 75rpx;
color: #FFFFFF; color: #ffffff;
} }
.content-text { .content-text {
...@@ -242,9 +274,6 @@ export default { ...@@ -242,9 +274,6 @@ export default {
} }
} }
.update-content { .update-content {
margin-top: 44rpx; margin-top: 44rpx;
// border: solid 1rpx red; // border: solid 1rpx red;
...@@ -275,7 +304,7 @@ export default { ...@@ -275,7 +304,7 @@ export default {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #ffffff;
margin: 0rpx; margin: 0rpx;
flex: 1; flex: 1;
height: 80rpx; height: 80rpx;
...@@ -305,5 +334,5 @@ export default { ...@@ -305,5 +334,5 @@ export default {
} }
} }
} }
} </style>
</style>
\ No newline at end of file \ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment