u-full-screen.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <template>
  2. <u-modal v-model="show" :show-cancel-button="true" confirm-text="升级" title="发现新版本" @cancel="cancel"
  3. @confirm="confirm">
  4. <view class="u-update-content">
  5. <rich-text :nodes="content"></rich-text>
  6. </view>
  7. </u-modal>
  8. </template>
  9. <script>
  10. export default {
  11. data() {
  12. return {
  13. show: false,
  14. content: `
  15. 1. 修复badge组件的size参数无效问题<br>
  16. 2. 新增Modal模态框组件<br>
  17. 3. 新增压窗屏组件,可以在APP上以弹窗的形式遮盖导航栏和底部tabbar<br>
  18. 4. 修复键盘组件在微信小程序上遮罩无效的问题
  19. `,
  20. }
  21. },
  22. onReady() {
  23. this.show = true;
  24. },
  25. methods: {
  26. cancel() {
  27. this.closeModal();
  28. },
  29. confirm() {
  30. this.closeModal();
  31. },
  32. closeModal() {
  33. uni.navigateBack();
  34. }
  35. }
  36. }
  37. </script>
  38. <style scoped lang="scss">
  39. @import "../../libs/css/style.components.scss";
  40. .u-full-content {
  41. background-color: #00C777;
  42. }
  43. .u-update-content {
  44. font-size: 26 rpx;
  45. color: $u-content-color;
  46. line-height: 1.7;
  47. padding: 30 rpx;
  48. }
  49. </style>