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

<template>
	<div class="container">
		<div class="open" v-html="wxHtml0"></div>
		<div class="open" 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;height:48px;border: none;z-index:9999;opacity:1" 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:#1989fa;color:#fff;width:75%;margin:0 auto;height:40px;line-height:40px;text-align:center;}</${sty}>
				<div class="openbtn"><span >前往灯光模拟</span></div>
				
			</${sc}>
		</wx-open-launch-weapp>`);

let wxHtml1 =  ref(`	<wx-open-launch-weapp style="display: block;text-align:center;height:48px;border: none;z-index:9999;opacity:1" 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:#1989fa;color:#fff;width:75%;margin:0 auto;height:40px;line-height:40px;text-align:center;}</${sty}>
				<div class="openbtn"><span >前往观看视频</span></div>
				
			</${sc}>
		</wx-open-launch-weapp>`);
</script>

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