2020-08-18 09:42:26 +00:00
|
|
|
|
<template>
|
|
|
|
|
|
<u-modal v-model="show" :show-cancel-button="true" confirm-text="升级" title="发现新版本" @cancel="cancel" @confirm="confirm">
|
|
|
|
|
|
<view class="u-update-content">
|
|
|
|
|
|
<rich-text :nodes="content"></rich-text>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</u-modal>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
export default {
|
|
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
// 传递给uni-app"rich-text"组件的内容，可以使用"<br>"进行换行
|
|
|
|
|
|
content: `
|
|
|
|
|
|
1. 新增几个bug<br>
|
|
|
|
|
|
2. 新增Modal模态框组件<br>
|
|
|
|
|
|
3. 新增压窗屏组件，可以在APP上以弹窗的形式遮盖导航栏和底部tabbar<br>
|
|
|
|
|
|
`,
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
onReady() {
|
|
|
|
|
|
this.show = true;
|
|
|
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
cancel() {
|
|
|
|
|
|
this.closeModal();
|
|
|
|
|
|
},
|
|
|
|
|
|
confirm() {
|
|
|
|
|
|
this.closeModal();
|
|
|
|
|
|
},
|
|
|
|
|
|
closeModal() {
|
|
|
|
|
|
uni.navigateBack();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
2020-08-18 10:05:15 +00:00
|
|
|
|
page {
|
|
|
|
|
|
background-color: rgba(0, 0, 0, 0);
|
2020-08-18 09:42:26 +00:00
|
|
|
|
}
|
2020-08-18 10:05:15 +00:00
|
|
|
|
/deep/ .u-mode-center-box {
|
|
|
|
|
|
background-color: transparent;
|
2020-08-18 09:42:26 +00:00
|
|
|
|
}
|
2020-08-18 10:05:15 +00:00
|
|
|
|
// .u-full-content {
|
|
|
|
|
|
// background-color: #00C777;
|
|
|
|
|
|
// }
|
2020-08-18 09:42:26 +00:00
|
|
|
|
.u-update-content {
|
|
|
|
|
|
font-size: 26rpx;
|
|
|
|
|
|
color: $u-content-color;
|
|
|
|
|
|
line-height: 1.7;
|
|
|
|
|
|
padding: 30rpx;
|
|
|
|
|
|
}
|
2020-08-18 13:11:28 +00:00
|
|
|
|
::v-deep.u-mode-center-box {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
2020-08-18 09:42:26 +00:00
|
|
|
|
</style>
|
