TianHeJianKang/pages/LDY/LDYtianXie.vue

<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>