xiansin 4 years ago
parent
commit
b12dcd3fa4

+ 3 - 1
pages.json

xqd
@@ -1286,7 +1286,9 @@
                 {
                     "path": "detail/detail",
                     "style": {
-                        "navigationBarTitleText": "预售详情"
+                        "navigationBarTitleText": "预售详情",
+                        "transparentTitle": "auto",
+                        "navigationStyle": "custom"
                     }
                 },
                 {

+ 1 - 1
pages/goods/goods.vue

xqd
@@ -1,7 +1,7 @@
 <template>
     <app-layout>
 		<uni-nav-bar fixed="true" :background-color="titleBg"   left-icon="back" @click-left="back"
-		         :title="name"></uni-nav-bar>
+		         ></uni-nav-bar>
         <view v-if="!goods" class="u-goods-detail"></view>
         <template v-if="goods">
             <!--商品轮播图-->

+ 3 - 2
pages/poster/goods.vue

xqd xqd
@@ -48,7 +48,7 @@
                         <view class="dir-left-wrap box-grow-1 images-group">
                                 <image v-for="(item,key) in info.multi_map" :key="key"
                                         mode="aspectFill"
-                                        :src="item" @click="selectImages(key)"
+                                        :src="item" @click.stop="selectImages(key)"
                                         :class="chooseImages.indexOf(key)!=-1?'active '+ getTheme + '-m-border':''">
                                 </image>
                         </view>
@@ -287,7 +287,8 @@
                 let findIndex = this.info.chooseImages.findIndex(item => {
                     return item == this.info.multi_map[index]
                 });
-                if(findIndex != -1){
+
+                if(findIndex > -1){
                     if(this.info.chooseImages.length > 1){
                         this.chooseImages.splice(this.chooseImages.indexOf(index), 1)
                         this.info.chooseImages.splice(findIndex,1)

+ 3 - 3
plugins/advance/components/detail-price-share.vue

xqd
@@ -304,10 +304,10 @@
 
 <style scoped lang="scss">
     .detail-price-share {
-        padding: #{18rpx 20rpx 20rpx 20rpx};
         background-color: #ffffff;
-        width: 702upx;
-        margin: 0 24upx;
+        width: 100%;
+        padding: 20upx;
+        margin-top: 16upx;
         .presale {
             font-size: #{56rpx};
             margin-right: #{16rpx};

+ 14 - 6
plugins/advance/detail/detail.vue

xqd xqd xqd xqd xqd xqd
@@ -1,5 +1,7 @@
 <template>
 	<app-layout>
+        <uni-nav-bar fixed="true" :background-color="titleBg"   left-icon="back" @click-left="back"
+        ></uni-nav-bar>
         <view v-if="!detail" class="u-goods-detail"></view>
 		<template class="detail" v-if="detail">
             <!--商品轮播图-->
@@ -21,11 +23,6 @@
                 v-bind:s="s"
                 v-bind:theme="getTheme"
             ></detail-ad>
-			<!-- 详情标题 -->
-            <app-name v-bind:name="detail.name"></app-name>
-            <view v-if="detail.subtitle" class="goods-subtitle">
-                <view class="t-omit-three">{{detail.subtitle}}</view>
-            </view>
             <!--商品价格-->
             <detail-price-share
                 :theme-object="themeObject"
@@ -49,6 +46,11 @@
                 v-bind:poster-config="poster_config + `&goods_id=` + detail.id"
                 v-bind:poster-generate="poster_generate + `&goods_id=` + detail.id"
             ></detail-price-share>
+            <!-- 详情标题 -->
+            <app-name v-bind:name="detail.name"></app-name>
+            <view v-if="detail.subtitle" class="goods-subtitle">
+                <view class="t-omit-three">{{detail.subtitle}}</view>
+            </view>
             <!--商品会员-->
 			<view class="join-member" v-if="detail.level_show === 2">
 				<app-join-member
@@ -177,6 +179,7 @@
     import bdHc from '@/components/page-component/goods/bd-hc.vue';
     import bdCoupon from '@/components/page-component/goods/bd-coupon.vue';
     import bdXbc from '@/components/page-component/goods/bd-xbc.vue';
+    import uniNavBar from '@/components/page-component/uni-plugins/uni-nav-bar.vue';
 
     export default {
         name: "detail",
@@ -210,8 +213,12 @@
 				buttonDisabled: false,
                 poster_config: this.$api.advance.poster_config,
                 poster_generate: this.$api.advance.poster_generate,
+                titleBg:'rgba(255,255,255,0)',
             }
 	    },
+        onPageScroll:function(e){
+            this.titleBg = 'rgba(255,255,255,'+e.scrollTop / 300+')';
+        },
 		onLoad(data) {
             this.goods_id = data.id;
 			// #ifdef MP-WEIXIN
@@ -401,7 +408,8 @@
             bdKb,
             bdHc,
             bdCoupon,
-            bdXbc
+            bdXbc,
+            uniNavBar
         },
 	    computed: {
             ...mapGetters('mallConfig',{

+ 1 - 1
plugins/miaosha/goods/goods.vue

xqd
@@ -1,7 +1,7 @@
 <template>
     <app-layout>
         <uni-nav-bar fixed="true" :background-color="titleBg"  left-icon="back" @click-left="back"
-                     :title="name"></uni-nav-bar>
+                     ></uni-nav-bar>
         <view v-if="!detail" class="u-goods-detail"></view>
         <template v-if="detail">
             <!--商品轮播图-->

+ 1 - 1
plugins/pt/goods/goods.vue

xqd
@@ -1,7 +1,7 @@
 <template>
     <app-layout>
         <uni-nav-bar fixed="true" :background-color="titleBg"  @click-left="back"
-                     left-icon="back" :title="name"></uni-nav-bar>
+                     left-icon="back" ></uni-nav-bar>
         <view v-if="!loading" class="u-goods-detail"></view>
         <template v-else>
             <app-goods-banner