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