自学内容网 自学内容网

uniapp中在web端如何友好的展示app当前的版本等信息

一个小技巧,分享下在webapp中友好展示当前app信息的方法

实现效果

在这里插入图片描述

代码实现

  • 导入
import {
version,
name
} from './package.json'
  • 应用声明周期中处理
onLaunch: function() {
// #ifdef H5
console.log(
`%c hello uniapp %c v${version} `,
'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
'background:#007aff ;padding: 1px; border-radius: 0 3px 3px 0;  color: #fff; font-weight: bold;'
)
console.log(`%c hello uniapp %c v${name} `,
'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
'background:#5500ff ;padding: 1px; border-radius: 0 3px 3px 0;  color: #fff; font-weight: bold;')
// #endif
}

可以根据自己的实际需要,完善需要展示的信息,配色,内容。


原文地址:https://blog.csdn.net/qq_27702739/article/details/142655610

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!