vue 移动端顶部导航组件

废话不多说，下面是我自己写的vue移动端顶部导航组件给大家分享一下 ，动态绑定背景颜色，字体颜色，以及回退图标。需要的直接拿去放项目里用吧～

示例图：

HTML

<template>
  <div class="appraisalTooBar" :style="{background:bgColor, opacity:bgOpacity}">
   <div class="left_box"  @click="backApp()">
     <img class="appraisal_img" :src="ImgSrc" alt=""/>
   </div>
    <p class="appraisal_title" :style="{color:titleColoe}">{
  
  {title}}</p>
    <div class="appraisal_text"
         @click="handleShare"
         :style="{color:rightTextColor}">{
  
  {rightText}}</div>
  </div>
</template>

JS

<script>
//因为回退键是需要判断是在什么端会回退到哪一层，所以需要引入我之前封装好的验证工具类，不知道的可以看上一片博客，直接拿去用。
[验证不同设备的工具类封装](https://mp.youkuaiyun.com/postedit/828