只使用一个div和css

<template>
	<view class="text1">
		<span>I have a nice subtle inner</span>
		<br />
		<span>rounding, don't I look pretty?</span>
	</view>
</template>

<style>
.text1 {
	box-shadow:
		-10px -10px 0px -1px green, //左边阴影
		10px -10px 0px -1px green, //顶部阴影
		-10px 10px 0px -1px green, //底部阴影
		10px 10px 0px -1px green !important; //右边阴影
	background-color: #007AFF;
	margin: 10px;
	display: inline-block;
	border-radius: 12px;
	padding: 20px;
	line-height: 30px;
	outline: green solid 10px;
}
</style>

轮廓：
outline
阴影：
box-shadow