# 代码执行 DIY

  • 这个组件只能用vue写一些纯静态。样式需要写到style里面

<view style="display: flex; justify-content: center;align-items: center; height: 100vh;">
	<view style="width: 90%; height: auto; float: left;  margin: 50px 5%; background-color: #000000; border-radius: 10px; padding: 18px;  box-sizing: border-box;">
		<view style="width: 100%; height: 60px;">
			<img src="https://oss.mengpengkeji.com/image/20240118/bde051d8e1eb4c15b9167f2342b57720.png?x-oss-process=style/wide_250" style="width: 60px; height: 60px; float: left; border-radius: 5px;"></img>   //头像
			<view style="width: 100%; height: 60px; box-sizing: border-box; margin-top: -60px; float: left; padding: 10px 0px 10px 70px; display: flex; align-items: center;">
				<text style="width: 100%; height: 20px; line-height: 38px; font-size: 14px; float: left; margin: 0px; padding: 0px; font-weight: 600; white-space: nowrap; color: #fff;">校园云创业交流社区</text>
			</view>
		</view>
		<view style="display: flex; justify-content: center; align-items: center; width: 100%;">
			<img src="https://oss.mengpengkeji.com/image/20240118/0ebb65a4dd2a2875debec6b565f29c3e.png" style="width: 100%; margin: 20px 0px;" ></img>  // 二维码

			<text style="width: 100%; float: left; text-align: center; font-size: 14px; font-weight: 600; height: 20px; line-height: 20px; color: #fff;">
				长按识别上方二维码
			</text>
		</view>
	</view>
</view>
上次更新时间: 2024/1/18 18:35:26