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

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

实现效果

代码实现

  • 导入
js 复制代码
	import {
		version,
		name
	} from './package.json'
  • 应用声明周期中处理
js 复制代码
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
}

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

相关推荐
消失的旧时光-19431 分钟前
8方向控制圆盘View
android·前端
自由日记5 分钟前
前端学习:选择器的类别
前端·javascript·学习
念念不忘 必有回响5 分钟前
Nginx前端配置与服务器部署详解
服务器·前端·nginx
江城开朗的豌豆6 分钟前
Webpack打包:从“庞然大物”到“精致小可爱”
前端·javascript
安当加密6 分钟前
基于ASP身份认证网关实现Web系统免代码改造的单点登录方案
java·开发语言·前端
JarvanMo8 分钟前
Bitrise 自动化发布 Flutter 应用终极指南(一)
前端
代码哈士奇9 分钟前
使用vite+vue3+ElementPlus+pinia搭建中后台应用-前端
前端·vue3·管理系统·vite7
亿元程序员12 分钟前
当一个Cocos博主被问有没有Unity教程...
前端
lkx0978822 分钟前
笔记C++语言,太焦虑了
前端·c++·笔记
勇敢di牛牛24 分钟前
【css】快速上手Flexbox布局(理论讲解+实战)
前端·css3