MingGaoApp_vue/MingGaoApp/pages/my/version.vue

<template>
	<view>
		<view class="" style="width: 100%;height: 30rpx;background-color: #f7f7f7;">
			
		</view>
		<view class="gengxin_box">
			<image src="../../static/image/pilianggengxin.png" mode="" class="gengxin"></image>
			<view class="gengxin_box_dian" v-if="newversion">

			</view>
		</view>
		<u-collapse>
			<u-collapse-item :title="item.app_version" name="Docs guide" v-for="(item,index) in versionlist"
				:key="item.app_version">
				<text class="u-collapse-content" v-for="items,indexs in item.app_message"
					:key="indexs">{{indexs+1+'、'}}{{items}}</text>
			</u-collapse-item>
		</u-collapse>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				current_version: "",
				newversion: false,
				versionlist: []
			}
		},
		methods: {
			async getversions() {
				const res = await this.$myRequest({
					url: '/api/api_gateway?method=app.my.get_app_history',
					data: {
						current_version: this.current_version
					}
				})
				var news = res.new_app.app_version.match(/\d+/g).join("")
				var old = this.current_version.match(/\d+/g).join("")
				if (news > old) {
					this.newversion = true
				} else {
					this.newversion = false
				}
				this.versionlist = res.version_list
			},
		},
		onLoad(option) {
			console.log(option)
			this.current_version = option.id
			this.getversions()
		}
	}
</script>

<style lang="less" scoped>
	.gengxin_box {
		width: 54rpx;
		height: 54rpx;
		position: absolute;
		top: -70rpx;
		right: 10rpx;
		z-index: 9999;
		display: flex;
		.gengxin {
			width: 44rpx;
			height: 44rpx;

		}

		.gengxin_box_dian {
			width: 10rpx;
			height: 10rpx;
			background-color: red;
			border-radius: 50%;
			margin: 0 5rpx;
		}
	}
</style>