How to change the color of page using MPvue

Let’s start with the solution, the idea of the solution

<template>
  <div class="container"> <! --> <div class="noShippingAddress">
      <i class="icon-address"></ I >< span> Add recipient information </span> < I class="icon-arrow"></i> </div> </div> </template> <! < span style> < span style> page{background:#F7F7F7;
  }
</style>
<style lang="scss"scoped> .noShippingAddress{ display: flex; justify-content: space-between; align-items: center; padding: 19px 12px 19px 16px; box-sizing: border-box; Background: rgba (252163,12,0.2); .icon-address{ display: inline-block; width: 28px; height: 28px; background: url("https://taotingbao.oss-cn-hangzhou.aliyuncs.com/icon-address.png") no-repeat; background-size: 28px 28px; } span{ font-size:15px; font-weight:400; Color: rgba (51,51,51,1); } .icon-arrow { display: inline-block; width: 14px; height: 14px; background: url("https://taotingbao.oss-cn-hangzhou.aliyuncs.com/icon-arrow.png") no-repeat;
    background-size: 14px 14px;
  }
}
</style>

Copy the code