增加科目二和科目三,跳转按钮都是开放标签

src/views/home/children/test/components/sujectThree.vue

@@ -1,9 +1,9 @@
 <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 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>
 
@@ -11,17 +11,19 @@
 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">
+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:#38f;color:#f40;width:100px;height:40px;line-height:40px;}</${sty}>
-				<div class="openbtn">跳转小程序</div>
+				<${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;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">
+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:#38f;color:#f40;width:100px;height:40px;line-height:40px;}</${sty}>
-				<div class="openbtn">跳转小程序</div>
+				<${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>
@@ -34,6 +36,11 @@ let wxHtml1 = ref(`	<wx-open-launch-weapp style="display: block;width:75%;height
 	position: relative;
 	flex-wrap: wrap;
 }
+.open{
+	width: 690px;
+	margin: 0 auto;
+		margin-top: 25px;
+}
 .my-button {
 	margin-top: 25px;
 	width: 75%;