准备建分支

components/Logon/Logon.vue

@@ -13,7 +13,8 @@
 	import {
 		jieqiFn,
 		BASE_URL,
-		CDX
+		CDX,
+		appId
 	} from '@/config'
 	export default {
 		onLaunch: function() {
@@ -139,7 +140,7 @@
 				let lat = this;
 				if (window.location.href.indexOf('share_user_id') > -1) {
 					let wx_url =
-						"https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxf1f500397f18b91d&redirect_uri=https://ygsn.lastbs.com?page=null&response_type=code&scope=snsapi_userinfo&state=sid_" +
+						`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${CDX}?page=null&response_type=code&scope=snsapi_userinfo&state=sid_`+
 						this.getQueryString("share_user_id") + "-bFxen_" + this.getQueryString("bfxren") +
 						"-#wechat_redirect";
 					window.location.href = wx_url; // 跳转路径 移动端
@@ -246,7 +247,7 @@
 					})
 				} else {
 					let wx_url =
-						`https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxf1f500397f18b91d&redirect_uri=${CDX}?page=null&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`;
+						`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${CDX}?page=null&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`;
 					window.location.href = wx_url; // 跳转路径 移动端
 				}
 			}

config/index.ts

@@ -1,18 +1,18 @@
 // 开发环境
 export const BASE_URL = 'https://help-community-yfb.lastbs.com'
 export const BASE_URL_SECOND = 'https://help-community-yfb.lastbs.com'
-export const CDX = ''//不进行重定向（本地开发）
-// export const CDX = 'https://ygsn-yfb.lastbs.com'//重定向到测试服
+// export const CDX = ''//不进行重定向（本地开发）
+export const CDX = 'https://thjk.lastbs.com'//重定向到测试服
 
 
 // 生产环境
 // export const BASE_URL = 'https://help-community.lastbs.com/'
 // export const BASE_URL_SECOND = 'https://help-community.lastbs.com/'
-// export const CDX = 'https://ygsn.lastbs.com'
+// export const CDX = 'https://thjk-yfb.lastbs.com'
 
 
-export const app_id = "wx1c4fc8e7d1aa4aa8"
-
+// export const app_id = "wxe0ad4956596b4534"
+export const appId = "wxe0ad4956596b4534"
 export const solarParams = [
 	{ pinyin: 'lichun', chinese: '立春', wuXing: 'mu' },
 	{ pinyin: 'yushui', chinese: '雨水', wuXing: 'mu' },

pages.json

@@ -49,6 +49,14 @@
 				"navigationBarTitleText" : "喜宴",
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path" : "pages/LDY/LDYtianXie",
+			"style" : 
+			{
+				"navigationBarTitleText" : "喜宴",
+				"navigationStyle": "custom"
+			}
 		}
 	],
 	// 分包

pages/LDY/LDY.vue

@@ -15,7 +15,9 @@
 		<!-- 中段 -->
 		<view class="topImgBox1">
 			<view class="" style="text-align: center;">
-				<image src="http://gips3.baidu.com/it/u=3886271102,3123389489&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960" class="img1s"></image>
+				<image
+					src="http://gips3.baidu.com/it/u=3886271102,3123389489&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960"
+					class="img1s"></image>
 			</view>
 			<view class="tobBox">
 				<image src="@/static/LDY/bj2.png" class="img1"></image>
@@ -31,7 +33,7 @@
 						<!-- 模拟上边框 -->
 					</view>
 					<view class="box1s">
-						
+
 					</view>
 					<view class="XianB">
 						<!-- 模拟下边框 -->
@@ -45,11 +47,14 @@
 					</view>
 					<view class="box1s">
 						<view class="tex1">
-							新郎“杨光志”  新娘“张可”
+							新郎“杨光志” 新娘“张可”
 						</view>
 						<view class="tex1" style="margin-top: 20rpx;">
 							送您一个花神红包，请点击领取
 						</view>
+						<view class="" style="font-size: 0;">
+							<image class="imgs" src="@/static/LDY/hongBao1.gif" mode="" @click="show=true"></image>
+						</view>
 					</view>
 					<view class="XianB">
 						<!-- 模拟下边框 -->
@@ -57,6 +62,21 @@
 				</view>
 			</view>
 		</view>
+		<!-- 迎接花神弹窗 -->
+		<up-popup :show="show" mode="center" bgColor='transparent'>
+			<view class="pop">
+				<view class="flexa" style="font-size: 0;width: 200rpx;margin: 0 auto;">
+					<image class="img" src="@/static/jieqi/1.png" mode=""></image>
+					<image class="img" src="@/static/jieqi/1.png" mode=""></image>
+				</view>
+				<view class="btnBox" >
+					<image class="btnImg" src="@/static/LDY/btn.png"></image>
+					<view class="btnTex" @click="btnFn">
+						迎接
+					</view>
+				</view>
+			</view>
+		</up-popup>
 	</view>
 </template>
 
@@ -76,21 +96,31 @@
 	import {
 		jieqiFn
 	} from '@/config' //返回节气样式（a,b),a是节气名称，b是类型，1是返回背景颜色，2是返回边框颜色，3是返回字体颜色
+	const show=ref(false)
+	// 点击迎接按钮
+	const btnFn=()=>{
+		uni.navigateTo({
+			url:'/pages/LDY/LDYtianXie'
+		})
+	}
 </script>
 
 <style lang="scss" scoped>
 	page {
 		background: #f6f6f6;
 	}
-// 上半段
+
+	// 上半段
 	.topImgBox {
 		position: relative;
 		font-size: 0;
+
 		.img1 {
 			width: 750rpx;
 			height: 360rpx;
 		}
-		.tobBox{
+
+		.tobBox {
 			position: absolute;
 			top: 0;
 			left: 0;
@@ -98,121 +128,173 @@
 			height: 360rpx;
 			// background: rgba(0, 0, 0, 0.6);
 			padding-top: 218rpx;
-			.tex1{
+
+			.tex1 {
 				font-weight: 600;
 				font-size: 32rpx;
 				color: #FFBB46;
 				text-align: center;
 			}
-		
+
 		}
 	}
+
 	// 中段
-	.topImgBox1{
+	.topImgBox1 {
 		position: relative;
 		font-size: 0;
 		width: 750rpx;
 		height: 680rpx;
-		.img1s{
+
+		.img1s {
 			width: 640rpx;
 			height: 666rpx;
 		}
-		.tobBox{
+
+		.tobBox {
 			position: absolute;
 			top: 0;
 			left: 0;
-			.img1{
+
+			.img1 {
 				width: 750rpx;
 				height: 680rpx;
 			}
 		}
 	}
-// 下半段
+
+	// 下半段
 	.bottomImgBox {
 		position: relative;
 		font-size: 0;
+
 		.img2 {
 			width: 750rpx;
 			height: 1254rpx;
 		}
-		.bottomBox{
+
+		.bottomBox {
 			position: absolute;
 			top: 0;
 			left: 0;
 			width: 750rpx;
 			height: 1254rpx;
-			background: rgba(0, 0, 0, 0.6);
+			// background: rgba(0, 0, 0, 0.6);
 			padding-top: 38rpx;
 		}
 	}
 
-// 新人信息框
-.box1{
-	width: 686rpx;
-	height: 294rpx;
-	background: #F09455;
-	border-radius: 8rpx;
-	margin: 0 auto;
-	padding-top: 8rpx;
-	.XianT{
-		width: 654rpx;
-		height: 10rpx;
-		background: #FFEFC2;
-		margin: 0 auto;
-		border-radius: 4rpx 4rpx 0 0;
-	}
-	.box1s{
-		width: 670rpx;
-		height: 256rpx;
-		background: #FFEFC2;
+	// 新人信息框
+	.box1 {
+		width: 686rpx;
+		height: 294rpx;
+		background: #F09455;
+		border-radius: 8rpx;
 		margin: 0 auto;
-		border-radius: 4rpx;
-	}
-	.XianB{
-		width: 654rpx;
-		height: 10rpx;
-		background: #FFEFC2;
-		margin: 0 auto;
-		border-radius: 0 0 4rpx 4rpx;
+		padding-top: 8rpx;
+
+		.XianT {
+			width: 654rpx;
+			height: 10rpx;
+			background: #FFEFC2;
+			margin: 0 auto;
+			border-radius: 4rpx 4rpx 0 0;
+		}
+
+		.box1s {
+			width: 670rpx;
+			height: 256rpx;
+			background: #FFEFC2;
+			margin: 0 auto;
+			border-radius: 4rpx;
+		}
+
+		.XianB {
+			width: 654rpx;
+			height: 10rpx;
+			background: #FFEFC2;
+			margin: 0 auto;
+			border-radius: 0 0 4rpx 4rpx;
+		}
 	}
-}
-// 领取红包
-.box2{
-	width: 686rpx;
-	height: 804rpx;
-	background: #F09455;
-	border-radius: 8rpx;
-	margin: 0 auto;
-	padding-top: 8rpx;
-	margin-top: 32rpx;
-	.XianT{
-		width: 654rpx;
-		height: 10rpx;
-		background: #FFEFC2;
+
+	// 领取红包
+	.box2 {
+		width: 686rpx;
+		height: 804rpx;
+		background: #F09455;
+		border-radius: 8rpx;
 		margin: 0 auto;
-		border-radius: 4rpx 4rpx 0 0;
+		padding-top: 8rpx;
+		margin-top: 32rpx;
+
+		.XianT {
+			width: 654rpx;
+			height: 10rpx;
+			background: #FFEFC2;
+			margin: 0 auto;
+			border-radius: 4rpx 4rpx 0 0;
+		}
+
+		.box1s {
+			width: 670rpx;
+			height: 766rpx;
+			background: #FFEFC2;
+			margin: 0 auto;
+			border-radius: 4rpx;
+			text-align: center;
+			padding-top: 42rpx;
+
+			.tex1 {
+				font-weight: 600;
+				font-size: 36rpx;
+				color: #E60000;
+			}
+
+			.imgs {
+				width: 622rpx;
+				height: 622rpx;
+			}
+		}
+
+		.XianB {
+			width: 654rpx;
+			height: 10rpx;
+			background: #FFEFC2;
+			margin: 0 auto;
+			border-radius: 0 0 4rpx 4rpx;
+		}
 	}
-	.box1s{
-		width: 670rpx;
-		height: 766rpx;
-		background: #FFEFC2;
-		margin: 0 auto;
-		border-radius: 4rpx;
+	
+	// 弹窗
+	.pop{
 		text-align: center;
-		padding-top: 42rpx;
-		.tex1{
-			font-weight: 600;
-			font-size: 36rpx;
-			color: #E60000;
+		.img{
+			width: 80rpx;
+			height: 80rpx;
+			border-radius: 50%;
+			margin: 10rpx;
+		}
+		.btnBox{
+			position: relative;
+			margin-top: 20rpx;
+			.btnImg{
+				width: 398rpx;
+				height: 108rpx;
+			}
+				
+			.btnTex{
+				position: absolute;
+				top: 0;
+				left: 50%;
+				transform: translateX(-50%);
+				width: 398rpx;
+				height: 108rpx;
+				line-height: 108rpx;
+				font-weight: 600;
+				font-size: 36rpx;
+				color: #FFEFD0;
+			}
 		}
 	}
-	.XianB{
-		width: 654rpx;
-		height: 10rpx;
-		background: #FFEFC2;
-		margin: 0 auto;
-		border-radius: 0 0 4rpx 4rpx;
-	}
-}
-
 </style>

pages/LDY/LDYtianXie.vue

@@ -0,0 +1,103 @@
+<template>
+	<view>
+		<view class="box2">
+			<view class="XianT">
+				<!-- 模拟上边框 -->
+			</view>
+			<!-- 正文部分 -->
+			<view class="box1s">
+				<view class="tex">
+					<span style="width: 60rpx;display: inline-block;"></span>一年有24个节气，每个生命在娘胎里孕育40周、280天，经历18个节气，缺失6个节气，与之对应的脏腑先天不足，能量较弱，后天容易出问健康问题。
+				</view>
+				<view class="tex" style="text-align: center;text-align-last: center;">
+					 请建立正确生活方式，补足先天缺失！
+				</view>
+				<view class="" style="font-size: 0;margin-top: 20rpx;">
+					<image class="imgWSM" src="@/static/LDY/wsm.png" mode=""></image>
+				</view>
+				<view class="tex1">
+					输入生日 请出花神
+				</view>
+			</view>
+			<view class="XianB">
+				<!-- 模拟下边框 -->
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		ref,
+		reactive
+	} from 'vue'
+	import {
+		HTTP
+	} from '@/api/http.js'
+	import {
+		onShow,
+		onLoad
+	} from '@dcloudio/uni-app'
+	import {
+		jieqiFn
+	} from '@/config' //返回节气样式（a,b),a是节气名称，b是类型，1是返回背景颜色，2是返回边框颜色，3是返回字体颜色
+</script>
+
+<style lang="scss" scoped>
+	page {
+		background: #B71515;
+	}
+
+	.box2 {
+		width: 686rpx;
+		height: 1320rpx;
+		background: #F09455;
+		border-radius: 8rpx;
+		margin: 0 auto;
+		padding-top: 8rpx;
+		margin-top: 32rpx;
+
+		.XianT {
+			width: 654rpx;
+			height: 10rpx;
+			background: #FFEFC2;
+			margin: 0 auto;
+			border-radius: 4rpx 4rpx 0 0;
+		}
+
+		// 正文部分
+		.box1s {
+			width: 670rpx;
+			height: 1282rpx;
+			background: #FFEFC2;
+			margin: 0 auto;
+			border-radius: 4rpx;
+			text-align: center;
+			padding: 32rpx;
+			.tex {
+				text-align: justify;
+				text-align-last: left;
+				line-height: 50rpx;
+			}
+			.imgWSM{
+				width: 622rpx;
+				height: 272rpx;
+			}
+			.tex1{
+				font-weight: 600;
+				font-size: 32rpx;
+				color: #E45050;
+				margin-top: 32rpx;
+			}
+
+		}
+
+		.XianB {
+			width: 654rpx;
+			height: 10rpx;
+			background: #FFEFC2;
+			margin: 0 auto;
+			border-radius: 0 0 4rpx 4rpx;
+		}
+	}
+</style>

unpackage/dist/build/web/assets/DanMu-BcLyxs-7.css

@@ -0,0 +1 @@
+.l-barrage[data-v-64388d25]{width:100%;height:100%;position:relative;overflow:hidden}.l-barrage-item[data-v-64388d25]{position:absolute;height:20px;top:0;left:100%;white-space:nowrap;animation-name:barrageMove-64388d25;animation-timing-function:linear;animation-play-state:var(--l-barrage-play-state);animation-duration:var(--l-barrage-time);animation-iteration-count:var(--l-barrage-loop-count, 1);display:inline-block}@keyframes barrageMove-64388d25{to{transform:translate(var(--l-barrage-offset))}}.daMu[data-v-c7ad8377]{position:absolute;display:flex;background:rgba(0,0,0,.3);font-weight:400;font-size:.75rem;color:#fff;padding:.125rem .5rem;border-radius:.25rem}

unpackage/dist/build/web/assets/LDYtianXie-BIdLVbZw.css

@@ -0,0 +1 @@
+uni-page-body[data-v-b4afecbd]{background:#b71515}body[data-v-b4afecbd]{background:#b71515}.box2[data-v-b4afecbd]{width:21.4375rem;height:41.25rem;background:#f09455;border-radius:.25rem;margin:0 auto;padding-top:.25rem;margin-top:1rem}.box2 .XianT[data-v-b4afecbd]{width:20.4375rem;height:.3125rem;background:#ffefc2;margin:0 auto;border-radius:.125rem .125rem 0 0}.box2 .box1s[data-v-b4afecbd]{width:20.9375rem;height:40.0625rem;background:#ffefc2;margin:0 auto;border-radius:.125rem;text-align:center;padding:1rem}.box2 .box1s .tex[data-v-b4afecbd]{text-align:justify;text-align-last:left;line-height:1.5625rem}.box2 .box1s .imgWSM[data-v-b4afecbd]{width:19.4375rem;height:8.5rem}.box2 .box1s .tex1[data-v-b4afecbd]{font-weight:600;font-size:1rem;color:#e45050;margin-top:1rem}.box2 .XianB[data-v-b4afecbd]{width:20.4375rem;height:.3125rem;background:#ffefc2;margin:0 auto;border-radius:0 0 .125rem .125rem}

unpackage/dist/build/web/assets/_plugin-vue_export-helper.BCo6x5W8.js

@@ -0,0 +1 @@
+const o=(o,t)=>{const c=o.__vccOpts||o;for(const[s,n]of t)c[s]=n;return c};export{o as _};

unpackage/dist/build/web/assets/guiYuan-CTMNOKfP.css

@@ -0,0 +1 @@
+uni-page-body[data-v-8d8d3c8d]{background:#f6f6f6}body[data-v-8d8d3c8d]{background:#f6f6f6}

unpackage/dist/build/web/assets/index-D4I6NloF.css

@@ -0,0 +1 @@
+.swiper-box[data-v-934f8a04]{background:red}.box[data-v-1c900a37]{width:21.4375rem;border:.03125rem solid #ff0000;padding:.625rem;margin:0 auto}.box .img[data-v-1c900a37]{width:4.6875rem;height:3.125rem}.box .rigth[data-v-1c900a37]{margin-left:.5rem}.box .rigth .title[data-v-1c900a37]{font-weight:600}.box .rigth .weiZhhi[data-v-1c900a37]{color:#000}uni-page-body[data-v-8bf6a306]{background:#f6f6f6}body[data-v-8bf6a306]{background:#f6f6f6}.top[data-v-8bf6a306]{position:relative;font-size:0}.top .topImg[data-v-8bf6a306]{width:23.4375rem;height:12.5rem}.top .danMu[data-v-8bf6a306]{position:absolute;top:0;left:0}.listBox[data-v-8bf6a306]{margin-top:.9375rem}

unpackage/dist/build/web/assets/jiaZhai-BWvguUgl.css

@@ -0,0 +1 @@
+uni-page-body[data-v-1fed8ab6]{background-color:#fff}body[data-v-1fed8ab6]{background-color:#fff}

unpackage/dist/build/web/assets/pages-LDY-LDYtianXie.D1LF86GI.js

@@ -0,0 +1 @@
+import{o as s,c as a,w as e,i as t,b as l,I as n,j as c,m as i}from"./index-Ac3InObO.js";import{_ as o}from"./_plugin-vue_export-helper.BCo6x5W8.js";const r=o({__name:"LDYtianXie",setup:o=>(o,r)=>{const d=t,p=i;return s(),a(d,null,{default:e((()=>[l(d,{class:"box2"},{default:e((()=>[l(d,{class:"XianT"}),l(d,{class:"box1s"},{default:e((()=>[l(d,{class:"tex"},{default:e((()=>[n("span",{style:{width:"60rpx",display:"inline-block"}}),c("一年有24个节气，每个生命在娘胎里孕育40周、280天，经历18个节气，缺失6个节气，与之对应的脏腑先天不足，能量较弱，后天容易出问健康问题。 ")])),_:1}),l(d,{class:"tex",style:{"text-align":"center","text-align-last":"center"}},{default:e((()=>[c(" 请建立正确生活方式，补足先天缺失！ ")])),_:1}),l(d,{class:"",style:{"font-size":"0","margin-top":"20rpx"}},{default:e((()=>[l(p,{class:"imgWSM",src:"/assets/wsm-at-TruLa.png",mode:""})])),_:1}),l(d,{class:"tex1"},{default:e((()=>[c(" 输入生日 请出花神 ")])),_:1})])),_:1}),l(d,{class:"XianB"})])),_:1})])),_:1})}},[["__scopeId","data-v-b4afecbd"]]);export{r as default};

unpackage/dist/build/web/assets/pages-guiYuan-guiYuan.6tpev-qH.js

@@ -0,0 +1 @@
+import{o as e,c as a,w as s,i as _,j as t}from"./index-Ac3InObO.js";import"./DanMu.vue_vue_type_style_index_0_scoped_c7ad8377_lang.BNnk-u-I.js";import{_ as d}from"./_plugin-vue_export-helper.BCo6x5W8.js";const o=d({__name:"guiYuan",setup:d=>(d,o)=>{const u=_;return e(),a(u,null,{default:s((()=>[t(" 贵缘 ")])),_:1})}},[["__scopeId","data-v-8d8d3c8d"]]);export{o as default};

unpackage/dist/build/web/assets/pagesGL-index-index.fkiYTpIg.js

@@ -0,0 +1 @@
+import{o as e,c as s,w as a,i as t,j as _}from"./index-Ac3InObO.js";import"./DanMu.vue_vue_type_style_index_0_scoped_c7ad8377_lang.BNnk-u-I.js";const n={__name:"index",setup:n=>(n,d)=>{const o=t;return e(),s(o,null,{default:a((()=>[_(" 我是后台首页啊 ")])),_:1})}};export{n as default};

unpackage/dist/build/web/assets/u-icon-CdhY0fff.css

@@ -0,0 +1 @@
+.u-empty[data-v-aac41742],.u-empty__wrap[data-v-aac41742],.u-tabs[data-v-aac41742],.u-tabs__wrapper[data-v-aac41742],.u-tabs__wrapper__scroll-view-wrapper[data-v-aac41742],.u-tabs__wrapper__scroll-view[data-v-aac41742],.u-tabs__wrapper__nav[data-v-aac41742],.u-tabs__wrapper__nav__line[data-v-aac41742]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}@font-face{font-family:uicon-iconfont;src:url(https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf) format("truetype")}.u-icon[data-v-aac41742]{display:flex;align-items:center}.u-icon--left[data-v-aac41742]{flex-direction:row-reverse;align-items:center}.u-icon--right[data-v-aac41742]{flex-direction:row;align-items:center}.u-icon--top[data-v-aac41742]{flex-direction:column-reverse;justify-content:center}.u-icon--bottom[data-v-aac41742]{flex-direction:column;justify-content:center}.u-icon__icon[data-v-aac41742]{font-family:uicon-iconfont;position:relative;display:flex;flex-direction:row;align-items:center}.u-icon__icon--primary[data-v-aac41742]{color:#3c9cff}.u-icon__icon--success[data-v-aac41742]{color:#5ac725}.u-icon__icon--error[data-v-aac41742]{color:#f56c6c}.u-icon__icon--warning[data-v-aac41742]{color:#f9ae3d}.u-icon__icon--info[data-v-aac41742]{color:#909399}.u-icon__img[data-v-aac41742]{height:auto;will-change:transform}.u-icon__label[data-v-aac41742]{line-height:1}

unpackage/dist/build/web/assets/uni-app.es.ZMNBSlAW.js

@@ -0,0 +1 @@
+import{U as s,V as a,H as o,W as r,X as t,Y as n}from"./index-Ac3InObO.js";function e(s,a){return"string"==typeof s?a:s}const i=r=>(t,n=o())=>{!s&&a(r,t,n)},f=i(r),p=i(n),c=i(t);export{f as a,p as b,c as o,e as r};

unpackage/dist/build/web/index.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <link rel="stylesheet" href="/assets/uni.f02f79bd.css">
+
+    <meta charset="UTF-8" />
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title>TianHeJianKang</title>
+    <!--preload-links-->
+    <!--app-context-->
+    <script type="module" crossorigin src="/assets/index-Ac3InObO.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-A-AVrPer.css">
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+  </body>
+</html>