# 代码执行 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>