|
@@ -1,9 +1,11 @@
|
|
|
<template>
|
|
|
- <view class="top-view flex-row"
|
|
|
+ <view>
|
|
|
+ <view class="top-view flex-row"
|
|
|
:style="{'padding-top':`${statusBarHeight1}px`,background:`rgba(255,255,255,${opacity})`}">
|
|
|
<view class="navHei" :style="{'height':`calc(${navabarHeight}rpx)`,'width':'100%',}">
|
|
|
<view v-if="isback" class="left" @tap="bindReturnView">
|
|
|
- <view class="pos">
|
|
|
+ <img v-if="type" class="return-view" :src="'https://qiniu.bms16.com/'+ (whiteColor?'Fjpnr3cH9ZqTQrGlw3Ywp3qbJGIG':'FnHXbzly7aXi8zLghrTU5BZdwH5_')" />
|
|
|
+ <view v-else class="pos">
|
|
|
<view class="car-detail-style">
|
|
|
<image class="return-view"
|
|
|
src="https://qiniu.bms16.com/FnHXbzly7aXi8zLghrTU5BZdwH5_" mode="aspectFit"></image>
|
|
@@ -14,9 +16,11 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <text class="top-text">{{name}}</text>
|
|
|
+ <text class="top-text" :class="whiteColor?'whiteClass':''">{{name}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view v-if="type" :style="{'height':`calc(${navabarHeight}rpx + ${statusBarHeight1}px)`}"></view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -33,7 +37,15 @@
|
|
|
scroll: {
|
|
|
default: 0,
|
|
|
type: Number
|
|
|
- }
|
|
|
+ },
|
|
|
+ type:{
|
|
|
+ type: Boolean,
|
|
|
+ default: false
|
|
|
+ },
|
|
|
+ whiteColor:{
|
|
|
+ type: Boolean,
|
|
|
+ default: false
|
|
|
+ },
|
|
|
},
|
|
|
watch: {
|
|
|
scroll(n) {
|
|
@@ -135,7 +147,9 @@
|
|
|
/* transform: translate(-90%,50%); */
|
|
|
left: 10%;
|
|
|
}
|
|
|
-
|
|
|
+ .top-text.whiteClass {
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
.view-height {
|
|
|
/* border-bottom:2rpx solid #060809 ; */
|
|
|
/* margin-bottom: 32rpx; */
|