以下是展示图
带尺寸的图片: 
首先把以下代码放到想要更新弹出的页面
//template部分<uni-popup ref="popup" background-color="#fff"><versionUp @handleCloseVersion="closeVersion"></versionUp></uni-popup>//script部分//检查版本号是否更新checkVersion() {//模拟接口获取最新版本号，版本号固定为整数,真机运行！let platform = uni.getSystemInfoSync().platform.toLocaleLowerCase() //手机平台let self = this//云打包时读取版本号// 获取当前app的版本const systemInfo = uni.getSystemInfoSync();// 应用程序版本号// 条件编译，只在APP渲染// #ifdef APPself.version_number = systemInfo.appWgtVersion;// this.$modal.msg(this.version_number)// #endif// plus.runtime.getProperty(plus.runtime.appid, function(wgtinfo) {//调用接口服务获取线上版本信息uni.request({url: '请求url', //接口地址。method:'GET',success: (res) => {let dd=res.data.datagetApp().globalData.config.version=dd.versiongetApp().globalData.config.appUrl=dd.appUrldd.platForm=platformdd.isForceUpdate=falseuni.setStorageSync('version', dd)// const newVersionName = '九官' //线上最新版本名const newVersionCode = parseFloat(dd.version.replace(/\./g, "")) //线上最新版本号const selfVersionCode = parseFloat(self.version_number.replace(/\./g, ""))//当前App版本号const durl = dd.appUrl//线上版本号高于当前，进行在线升级if (selfVersionCode < newVersionCode) {const popup = self.$refs.popup;if (popup) {popup.open('center'); // 打开uni-popup}}},// fail(res){// this.$modal.msg(res.msg)// }})// });},closeVersion() {this.$refs.popup.close()}
创建versionUp组件
链接: 组件地址
)