jpcj-h5/src/views/home/children/test/components/sujectThree.vue

<template>
	<div class="container">
		<div v-html="wxHtml0"></div>
		<div v-html="wxHtml1"></div>
		<van-button class="my-button" type="primary">前往灯光模拟</van-button>
		<van-button class="my-button" type="primary">前往观看视频</van-button>
	</div>
</template>

<script setup>
import { ref } from "vue";
let sc = "script";
let sty = "style";
let wxHtml0 = ref(`	<wx-open-launch-weapp style="display: block;text-align:center;width:75%;height:48px;border: none;position:absolute;top:0.66rem;z-index:9999;opacity:0" id="launch-btn" username="gh_a994fd2f498e" path="pages/lightMock/index.html?living_code=LIVING_CODE">
			<${sc} v-is="'script'" type="text/wxtag-template">
				<${sty} v-is="'style'">.openbtn{background-color:#38f;color:#f40;width:100px;height:40px;line-height:40px;}</${sty}>
				<div class="openbtn">跳转小程序</div>
			</${sc}>
		</wx-open-launch-weapp>`);

let wxHtml1 = ref(`	<wx-open-launch-weapp style="display: block;width:75%;height:48px;text-align:center;border: none;position:absolute;top:2.4rem;z-index:9999;opacity:0" id="launch-btn" username="gh_a994fd2f498e" path="pages/carVideo/index.html?living_code=LIVING_CODE">
			<${sc} v-is="'script'" type="text/wxtag-template">
				<${sty} v-is="'style'">.openbtn{background-color:#38f;color:#f40;width:100px;height:40px;line-height:40px;}</${sty}>
				<div class="openbtn">跳转小程序</div>
			</${sc}>
		</wx-open-launch-weapp>`);
</script>

<style lang="scss" scoped>
.container {
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
	flex-wrap: wrap;
}
.my-button {
	margin-top: 25px;
	width: 75%;
}
</style>