UI细节调整（除首页）

src/components/page-component/goods/app-goods-banner.vue

@@ -8,15 +8,18 @@
             <official-account></official-account>
         </view>
         <!-- #endif -->
-
+		
+		<view class="swiper_zhishi" v-if="picList.length>0">
+			<view :class="swiperKey===i?'view_active':''" v-for="(item1,i) in picList" :key="i"></view>
+		</view>
         <swiper
             class="swiper"
             v-bind:autoplay="autoplay"
-            v-bind:indicator-dots="picList.length>1"
+            v-bind:indicator-dots="false"
             circular
             @change='bannerChange'
-            indicator-color="rgba(255,255,255,.3)"
-            indicator-active-color="#30353c"
+            indicator-color="rgba(254,255,254,.4)"
+            indicator-active-color="#FFFFFF"
         >
             <!-- #ifndef MP-BAIDU || H5 -->
                 <swiper-item v-if="videoUrl && getVideo == 1 && sign !== 'lottery' && sign !== 'bargain' && sign !== 'community' && sign !== 'wholesale'">
@@ -128,16 +131,18 @@
         },
         data() {
             return {
+				swiperKey:0,
                 // #ifdef MP
                 autoplay: true,
                 // #endif
                 // #ifdef H5
-                autoplay: false
+                autoplay: false,
                 // #endif
             };
         },
         methods: {
-            bannerChange() {
+            bannerChange(e) {
+				this.swiperKey = e.detail.current
                 this.$event.trigger(this.$const.EVENT_VIDEO_END);
             },
             videoStart(videoStatus) {
@@ -185,6 +190,29 @@
     .app-goods-banner {
         position: relative;
         width: 750upx;
+		
+		
+		.swiper_zhishi {
+			display: flex;
+			align-items: center;
+			width: 80%;
+			justify-content: center;
+			position: absolute;
+			left: 50%;
+			transform: translateX(-50%);
+			bottom: 39rpx;
+			overflow: hidden;
+		z-index: 100;
+			view {
+				width: 81rpx;
+				height: 4rpx;
+				background: #c8c8c8;
+			}
+		
+			.view_active {
+				background: #f4f4f4;
+			}
+		}
     }
 
     .cart {

src/components/page-component/goods/bd-coupon.vue

@@ -64,7 +64,6 @@
                                 </text>
                             </view>
                         </view> -->
-						<view class="list">
 							<view v-for="(item,index) in coupons" :key="index">
 								<view class="item">
 									<!-- <image src="https://t17.9026.com/web/statics/image/index/img-coupon-bg-0.png" ></image> -->
@@ -112,7 +111,6 @@
 									</view>
 								</view>
 							</view>
-						</view>
                     </view>
                 </scroll-view>
             </view>
@@ -301,8 +299,7 @@ export default {
         width: 100%;
         background-color: #f7f7f7;
         .f-scroll-content {
-            padding: 0 24upx;
-            height: 995upx;
+            padding: 20rpx 24upx 0;
             width: 100%;
         }
         .f-item {
@@ -393,9 +390,6 @@ export default {
 		color: #777;
 	}
 
-.list {
-		background-color: #f7f7f7;
-	}
 
 	.item {
 		height: auto;
@@ -448,7 +442,7 @@ export default {
 	}
 
 	.item-right view {
-		margin-bottom: #{4rpx};
+		margin-bottom: #{5rpx};
 	}
 
 	.item-right-btn {

src/components/page-component/goods/u-attr.vue

@@ -864,7 +864,7 @@
 	}
 	.u-top {
 		margin: 0 24upx;
-		border-bottom: 1upx solid rgba(0,0,0,.1);
+		// border-bottom: 1upx solid rgba(0,0,0,.1);
 		height: 115upx;
 	}
 	.u-close-image {
@@ -1003,7 +1003,7 @@
 		height: 110upx;
 		width: 750upx;
 		padding: 20upx 24upx;
-		border-top: 1upx solid rgba(0,0,0,.1);
+		// border-top: 1upx solid rgba(0,0,0,.1);
 	}
 	.u-btn {
 		text-align: center;

src/pages/case/appointment/appointment-form.vue

@@ -36,7 +36,7 @@
 				<view class="hjx-ts-28 hjx-tw-600 hjx-tc-000">电话</view>
 				<view>
 					<view class="cross-center hjx-ts-28 ">
-						<input type="number" v-model="mobile" style="text-align:right;color: #000000;" placeholder="请输入"
+						<input type="number" v-model="mobile" maxlength="11" style="text-align:right;color: #000000;" placeholder="请输入"
 							placeholder-style="text-align:right" placeholder-class="hjx-tc-999" />
 					</view>
 
@@ -137,6 +137,27 @@
 				return `${year}-${month}-${day}`;
 			},
 			goAppointment() {
+				if(!this.username){
+					uni.showToast({
+						title:'请输入姓名',
+						icon:'none'
+					})
+					return
+				}
+				if(!this.$validation.mobile(this.mobile)){
+					uni.showToast({
+						title:'手机号不合法',
+						icon:'none'
+					})
+					return
+				}
+				if(this.date==='请选择' || this.time==='请选择'){
+					uni.showToast({
+						title:'请选择预约日期',
+						icon:'none'
+					})
+					return
+				}
 				this.$request({
 					url: this.$api.user.visit_appoint,
 					data: {
@@ -149,7 +170,10 @@
 				}).then(res => {
 					if (res.code === 0) {
 						uni.showToast({
-							title: '预约成功'
+							title: '预约成功',
+							complete:()=>{
+								uni.navigateBack()
+							}
 						})
 					} else {
 						uni.showToast({

src/pages/case/components/hxj-bd-info.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="bd-info">
+	<view class="bd-info" style="margin-top: 32rpx;">
 		<view class="main-between hxj-goods-name">
 			<view class="main-between-y">
 				<view class="main-left cross-center">
@@ -150,9 +150,10 @@
 	.hxj-goods-name {
 		width: 750rpx;
 		height: auto;
-		background: #F6F6F6;
+		background: rgba($color:#F6F6F6, $alpha: 0.5);
 		padding: 43rpx 30rpx 28rpx 46rpx;
 
+border-radius: 60rpx 0px 0px 0px;
 		.hxj-name {
 			max-width: 360rpx;
 			font-size: 28rpx;

src/pages/case/hot_sale_project.vue

@@ -185,7 +185,7 @@
 					font-size: 22rpx;
 					font-weight: 500;
 					color: #999999;
-					line-height: 45rpx;
+					margin: 10rpx 0 13rpx;
 				}
 				.price{
 					text{

src/pages/case/projectInfo.vue

@@ -10,7 +10,7 @@
 				:goods_id="compositionList.id" :isCart="false"></app-goods-banner>
 			<!-- 套装内商品 -->
 			<view style="background-color: #fff;">
-				<view class="link ">
+				<view class="link " style="margin-top: 20rpx;">
 					<view class="title1 main-left cross-center">
 						套装内商品
 						<image class="coupon_1" src="https://t17.9026.com/web/statics/image/index/coupon_1.png" mode="">

src/pages/coupon/list/list.vue

@@ -25,7 +25,10 @@
 								<!-- <view class="t-omit t-small-color time-area hjx-tc-B19D60">{{item.start_time.split(' ')[0]}} - {{item.end_time.split(' ')[0]}}</view> -->
 							</view>
 							<view class="item-right-btn cross-center" v-if="item.is_receive == `0`">
-								<view class="btn">立即领取</view>
+								<view class="btn" @click="receive(item)">立即领取</view>
+							</view>
+							<view class="item-right-btn cross-center" v-else>
+								<view class="btn btn1" @click="receive(item)">已领取</view>
 							</view>
 						</view>
 						<view class="coupon-info" @click="toDetail(item.id)">
@@ -296,6 +299,11 @@
 			line-height: 52rpx;
 			box-sizing: border-box;
 		}
+		
+		.btn1{
+			border: 1rpx solid #b1ac9d;
+			color: #b1ac9d;
+		}
 	}
 
 	.coupon-footer {

src/pages/index/hxj_index_component.vue

@@ -353,7 +353,6 @@
 				this.bottom_goods_index=index
 			},
 			swiperChange(e) {
-				console.log(e.detail.current)
 				this.swiperKey = e.detail.current
 			},
 			goPage(url) {

src/pages/order/index/index.vue

@@ -566,7 +566,7 @@ export default {
 }
 
 .hxj-order-status{
-	width: 113rpx;
+	width: auto;
 	height: 44rpx;
 	background: #F8F8F8;
 	border-radius: 4rpx;
@@ -575,6 +575,7 @@ export default {
 	color: #838584;
 	line-height: 44rpx;
 	text-align: center;
+	padding: 0 24rpx;
 }
 
 .order-item-box .view-3 {

src/pages/user-center/about-mall/ComplaintsSuggestions.vue

@@ -112,6 +112,7 @@
 			background: #F8F8F8;
 			border-radius: 6rpx;
 			margin: 24rpx auto 0;
+			padding: 10rpx;
 		}
 		/deep/.evalphlVal{
 			font-size: 28rpx;

src/plugins/composition/components/app-bd-info/app-bd-info.vue

@@ -108,6 +108,7 @@
 			text-decoration: line-through;
 			color: #999999;
 			line-height: 36rpx;
+			margin-left: 21rpx;
 		}
 		.tag{
 			width: auto;

src/plugins/composition/components/app-list/app-list.vue

@@ -534,11 +534,11 @@
                         }
                         .item-good-attr-arrow {
                             position: absolute;
-                            right: #{8rpx};
+                            right: #{1rpx};
                             top: 50%;
-                            margin-top: #{-6rpx};
-                            height: #{15.1rpx};
-                            width: #{9.9rpx};
+                            transform: translateY(-50%);
+                            height: 21rpx;
+                            width: 23rpx;
                         }
                     }
                 }

src/plugins/composition/detail/detail.vue

@@ -1,16 +1,17 @@
 <template>
 	<app-layout>
 		<app-bd-info v-if="list.length>0" @receive="receive" :info="list[0]" :coupons="goods_coupon_center" :total="total"></app-bd-info>
+		<view style="width: 678rpx;height: 1rpx;background-color: #EEEEEE;margin: 0 auto;"></view>
 		<!--商品优惠券-->
 		<bd-coupon @change="setCoupon" @on-show-change="val => {isCouponShow = val}" :isCustomEntry="true"
 			:myShow="isCouponShow" :theme="getTheme" :coupons="goods_coupon_center"></bd-coupon>
-		<view v-show="list.length>0"
-			style="font-size: 34rpx;font-weight: bold;color: #222222;line-height: 46rpx;padding:30rpx 0 0 35rpx;background-color: #fff;">
-			套餐内商品</view>
+		<view v-if="list.length>0"
+			style="font-size: 34rpx;font-weight: bold;color: #222222;line-height: 46rpx;padding:51rpx 0 0 35rpx;background-color: #fff;">
+			套装内商品</view>
 		<app-list v-if="loading" :hidden="false" :top="0" :theme="getTheme" :list="list" v-on:update="update"
 			v-on:change="getTotal" v-on:updateList="updateList"></app-list>
 		<view class="list" v-if="other.length > 0">
-			<view class="title">其他套餐</view>
+			<view class="title">其他套装</view>
 			<view v-for="(item, index) in other" :key="index" class="item dir-left-nowrap">
 				<app-composition :theme="getTheme" @click="choose(item)" @look="choose(item)" :item="item">
 				</app-composition>
@@ -43,9 +44,9 @@
 		</view>
 		<view class='no-tip' v-if="list.length == 0 && loading">
 			<image src="../image/pull-off.png"></image>
-			<view>您选购的套餐已下架</view>
+			<view>您选购的套装已下架</view>
 			<view @click="toComposition" class="to-composition" :style="{'background-color': getTheme.background}">
-				逛逛套餐专区</view>
+				逛逛套装专区</view>
 		</view>
 	</app-layout>
 </template>
@@ -213,7 +214,7 @@
 					}
 					// if (list[0].composition_list.length == 0) {
 					// 	uni.showToast({
-					// 		title: '请选择套餐',
+					// 		title: '请选择套装',
 					// 		icon: 'none',
 					// 		duration: 1000
 					// 	});