微信小程序_文字单行背景自适应带角标

请按 效果 - 代码 - 错误思路 - 正确思路 - 知识点的顺序观看～

三口艾瑞八嘚～

效果

话不多说先看图吧您吶，PS只看”wechat“下方那一点～

想做小程序好久了，这周终于有时间搞一下～ 那么问题来了，好久没有写网页了，之前的老本全还回去了

幸好～ h5还算简单。。那就上呗，好了，不废话了。。

代码

home.wxml

<view class="home_address">
  <view>
    <text>停靠在：{
  {formatted_address}}</text>
    <image src="{
  {imgUrls_address}}" />
  </view>
</view>

home.wxss

.home_address {
  background-color: #e0004d;
  text-align: center;
  padding