我的uniapp自定义模板

浪裡遊2025-03-21 16:12

uniapp自定义模板

如有纰漏请谅解，以官方文档为准
后面这段时间我会学习小程序开发的知识，会持续更新
可以查看我的github，后续我会上传我的uniapp相关练习代码
有兴趣的话可以浏览我的个人网站，我会在上面持续更新内容，我新配置了评论功能，可以留下一个友善的评论，这对我有很大帮助

vue 复制代码

<template>
	<view class="wrapper">
		<view class="container">
			<!-- 内容放在这里 -->
		</view>
	</view>
</template>

<script setup>

</script>

<style scoped>
	html {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}

	*,
	*::before,
	*::after {
		box-sizing: inherit;
	}

	body {
		height: 100%;
		margin: 0;
	}

	.wrapper {
		width: 100vw;
		height: 100vh;
		padding: 5rpx;
		box-sizing: border-box;
	}

	.container {
		width: 100%;
		height: 50%;
	}
</style>

上面是我认为比较方便的模板，可以根据需要自行更改

随意一个项目，点击新建页面

选择自定义模板

在当前文件夹新建一个.vue后缀的文件，将自己喜欢的模板粘贴进去，保存即可（文件名即模板名）