feat: 第一次上传代码

2025-06-29 23:41:37 +08:00
commit 875c60d3ec
478 changed files with 385642 additions and 0 deletions
--- a/pages/module/OneFeelMK001.vue
+++ b/pages/module/OneFeelMK001.vue
@@ -0,0 +1,76 @@
+<template>
+	<view class="container">
+		<view class="mk-title">
+			<text class="title">避世放松 能量调节</text>
+		    <image class="wave" src="@/static/wave_icon.png" mode="widthFix"/>
+		</view>
+		<view class="container-scroll">
+			<view class="mk-card-item" v-for="(item, index) in 8" :key="index">
+				<image src="/static/test/mk_img_1.png"></image>
+				<text>#森系环境 #出工人必备-{{item}}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+</script>
+
+<style lang="scss" scoped>
+	.container {		
+		.mk-title {
+			padding: 4px 0;
+			display: inline-block;
+			position: relative;
+			.title {
+				font-weight: 400;
+				font-size: 16px;
+				color: #000000;
+				z-index: 2;
+				position: relative;
+			}
+			.wave {
+				position: absolute;
+				bottom: 2px;
+				left: 0;
+				width: 100%;
+				z-index: 1;
+			}
+		}
+		
+		.container-scroll {
+			display: flex;
+			flex-direction: row;
+			overflow-x: auto;
+			margin-top: 4px;
+			
+			/* 隐藏滚动条 */
+			scrollbar-width: none; 
+			&::-webkit-scrollbar {
+			  display: none; 
+			}
+			
+			.mk-card-item {
+				display: flex;
+				flex-direction: column;
+				width: 188px;
+				height: 154px;
+				background-color: #ffffff;
+				border-radius: 10px;
+				margin-right: 8px;
+				
+				image {
+					width: 188px;
+					height: 112px;
+				}
+				text {
+					padding: 12px;
+					text-align: center;
+					font-weight: 500;
+					font-size: 12px;
+					color: #333333;
+				}
+			}
+		}
+	}
+</style>