58 lines
1.2 KiB
Vue
58 lines
1.2 KiB
Vue
<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">
|
||
page {
|
||
background-color: rgba(0, 0, 0, 0);
|
||
}
|
||
/deep/ .u-mode-center-box {
|
||
background-color: transparent;
|
||
}
|
||
// .u-full-content {
|
||
// background-color: #00C777;
|
||
// }
|
||
.u-update-content {
|
||
font-size: 26rpx;
|
||
color: $u-content-color;
|
||
line-height: 1.7;
|
||
padding: 30rpx;
|
||
}
|
||
::v-deep.u-mode-center-box {
|
||
background-color: transparent;
|
||
}
|
||
</style> |