新增线上配置

zhangback

2026-03-30 0bafa6aa253c9ef6f5cb24e9a24c5282860e4c59

 ui/car_wx_app/components/nav/index.vue

@@ -1,29 +1,41 @@
<template>
  <u-navbar :bgColor="bgColor" :left-icon="leftIcon"
            :leftIconColor="leftIconColor"  :leftText="leftText"
            :isShowLeft="isShowLeft" :placeholder="true"
            :title="title" :titleStyle="titleStyle"
  <u-navbar
    :bgColor="bgColor"
    :left-icon="leftIcon"
    :leftIconColor="leftIconColor"
    :leftText="leftText"
    :isShowLeft="isShowLeft"
    :placeholder="true"
    :title="displayTitle"
    :titleStyle="titleStyle"
            @leftClick="leftClick"
  >
    <view
        class="u-nav-slot"
        slot="right"
    >
      <u-icon :color="rightIconColor" @click="rightIconClick"
    <view v-if="rightIcon" class="u-nav-slot" slot="right">
      <u-icon
        :color="rightIconColor"
        @click="rightIconClick"
          :name="rightIcon"
          size="20"
      ></u-icon>
      />
    </view>
  </u-navbar>
</template>

<script>
import { navigateBack, navigateToBack, getPageParams } from '@/common/router'

export default {
  name: "index",
  name: 'NavBar',
  props:{
    // 标题 - 可以直接传字符串，或从页面参数中读取
    title:{
      type: String,
      default: ''
    },
    // 标题字段名 - 如果从页面参数中读取，指定字段名
    titleKey: {
      type: String,
      default: 'title'
    },
    leftText:{
      type: String,
@@ -37,22 +49,24 @@
      type: String,
      default: 'arrow-left'
    },

    bgColor:{
      type: String,
      default: '#409effc1'
      default: '#409eff'
    },
    isShowLeft:{
      type: Boolean,
      default: true
    },
    // 自定义返回路径 - 可以是页面键名或路径
    customBack:{
      type: String,
      default: ''
    },
    customType:{
    // 返回方式: navigateBack(默认返回上一页) | navigateTo(跳转到指定页)
    backType: {
      type: String,
      default: 'redirectTo'
      default: 'navigateBack',
      validator: (value) => ['navigateBack', 'navigateTo'].includes(value)
    },
    rightIcon:{
      type: String,
@@ -61,47 +75,53 @@
    rightIconColor:{
      type: String,
      default: '#fff'
    },
    rightClick:{
      default:()=>{}
    }
  },
  data(){
    return{
      titleStyle:{
        color: "#fff"
      pageParams: {}
    }
  },
  computed: {
    // 最终显示的标题
    displayTitle() {
      // 优先使用 props 传入的 title
      if (this.title) {
        return this.title
      }
      // 其次从页面参数中读取
      if (this.pageParams[this.titleKey]) {
        return this.pageParams[this.titleKey]
      }
      return ''
    },
    // 标题样式
    titleStyle() {
      return {
        color: '#fff',
        fontSize: '16px',
        fontWeight: 500
      }
    }
  },
  mounted() {
    // 获取页面参数
    this.pageParams = getPageParams()
  },
  methods:{
    leftClick(){
      // 如果父组件监听了 back 事件，由父组件接管返回逻辑
      if (this.$listeners && this.$listeners.back) {
        this.$emit('back')
        return
      }
      if (this.customBack){
        if (this.customType == 'navigateBack'){
          console.log('返回')
          uni.navigateBack({
            delta: 1,
            success: function () {
              console.log('返回成功')
            },
            fail: function (e) {
              console.log(e)
            }
          });
        navigateToBack(this.customBack)
        }else{
          uni.$u.route({
            url: this.customBack,
            type: this.customType
          }).catch(e=>{
            console.log(e)
          })
        }
      }else{
        uni.redirectTo();
        navigateBack()
      }
    },
   rightIconClick(){
    console.log(1)
      // this.rightClick();
    this.$emit('rightClick')
    }
  }
@@ -109,5 +129,8 @@
</script>

<style scoped>

.u-nav-slot {
  display: flex;
  align-items: center;
}
</style>