uniapp

uniapp

组件代码如下：

<template><view class="navigation-bar" :style="'height:'+height"><view class="navigation-bar-fixed" :style="{height:height,background:(!ansparent&&!config.linear)?config.bgcolor:'transparent'}"><!-- capsule or normal --><view v-if="[1,2].pe)!= -1" :class="pe==1?'navigation-bar-capsule':'navigation-bar-textbox'" :style="{top:marginTop}"><view class="button-action" hover-class="button-action-active" @click="back_"><image src="/static/icon/back_.png" mode=""></image></view><view class="button-v-line"></view><view v-if="!config.share" class="button-action" hover-class="button-action-active" @click="home_"><image src="/static/icon/home_.png" mode=""></image></view><view v-if="config.share" class="button-action" hover-class="button-action-active"><button class="button_clear" open-type="share" hover-class="none"><image src="/static/icon/share_.png" mode=""></image></button></view></view><!-- custom button --><view v-if="[3,4].pe)!= -1" @click="conduct_" :class="pe == 3?'navigation-bar-custom-capsule':'navigation-bar-custom-textbox'" :style="{top:marginTop}"><image v-if="uIcon" class="custom-icon" :src="uIcon"></image><text class="custom-describe">{{uText}}</text></view><!-- title --><view class="navigation-bar-title" :style="'margin-top:'+marginTop+';color:'+config.fontcolor">{{title}}</view>