添加广告

components/my-swiper/my-swiper.vue

@@ -0,0 +1,120 @@
+<template>
+	<view>
+		<view class="uni-margin-wrap" v-if="list.length>0">
+			<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval">
+					<swiper-item v-for="(item,index) in list" :key="index">
+						<view class="content " @click="clickImg(item)">
+							<image class="image " :src="item.imageUrl"></image>
+							<view  class="number-box">
+								<text class="number">{{ index + 1 }}/{{ list.length }}</text>
+							</view>
+						</view>
+					</swiper-item>
+			</swiper>
+		</view>
+	</view>
+</template>
+
+<script>
+
+	import {getAdsList} from '@/api/home.js';
+	export default {
+		name: "my-swiper",
+		props: {
+			autoplay: {
+				type: Boolean,
+				default () {
+					return true
+				},
+			},
+			interval: {
+				type: Number,
+				default () {
+					return 3000
+				},
+			},
+			indicatorDots: { //是否显示面板指示点
+				type: Boolean,
+				default () {
+					return false
+				},
+			},
+
+			type: {
+				type: Number,
+				default () {
+					return -1
+				},
+			},
+		},
+		data() {
+			return {
+				list:[],
+			};
+		},
+		created(){
+			this.getAdsList(this.type);
+		},
+
+		methods:{
+			clickImg(item){
+				console.log("点击了广告图片",item)
+				//跳转到某个页面，路劲由后端配置
+				// uni.redirectTo({
+				// 	url: item.targetUrl
+				// });
+
+			},
+			getAdsList(type){
+				console.log("+++++++++++++++++++++加载广告+++++++++++++++++++++")
+				getAdsList({
+					type : type
+				}).then(res => {
+					this.list=res.data;
+				})
+			}
+		}
+	}
+</script>
+
+<style>
+	.uni-margin-wrap {
+		width: 750rpx;
+		height: 420rpx;
+	}
+
+	.swiper {
+		height: 420rpx;
+	}
+
+	.image{
+		width: 100%;
+		height: 100%;
+	}
+	.content{
+		width: 750rpx;
+		height: 420rpx;
+		position: relative;
+	}
+	.number-box{
+		background-color: rgba(0, 0, 0, 0.3);
+		border-radius: 6px;
+		padding: 2rpx 12rpx 2rpx 12rpx;
+		position: absolute;
+		left: 10rpx;
+		top: 10rpx;
+	}
+
+	.number{
+		overflow-wrap: break-word;
+		color: rgba(255, 255, 255, 1);
+		font-size: 20rpx;
+		font-weight: NaN;
+		text-align: center;
+		white-space: nowrap;
+		line-height: 28rpx;
+	}
+	.bord{
+		border: 1px solid red;
+	}
+</style>

pages/groupbuying_details/order_details_confirm/index.vue

@@ -95,7 +95,7 @@
 					</blok>
 				</view>
 
-				<productConSwiperGroupbuying class="skeleton-rect" ></productConSwiperGroupbuying>
+				<my-swiper :type=4 ></my-swiper>
 			</view>
 			<orderGoods :cartInfo="cartInfo" :is_confirm='true' :shipping_type="shippingType"></orderGoods>
 

pages/groupbuying_details/order_details_list/index.vue

@@ -143,11 +143,11 @@
 					</view>
 				</view>
 
-				<productConSwiperGroupbuying class="skeleton-rect"></productConSwiperGroupbuying>
+				<my-swiper :type=4 ></my-swiper>
 			</view>
 
+			<view :style="{height:'100rpx'}"></view>
 			<view class='footer op-area'>
-
 				<button class="info-btn" v-if="orderDetail.orderState == 2" @click="RefundShow = true">申请售后</button>
 				<button class="info-btn" v-if="orderDetail.orderState == 1" @click="cancelOrder()">取消订单</button>
 				<!-- <button class="action-btn" v-if="orderDetail.orderState == 1" @click="goPay()">去支付</button> -->
@@ -173,9 +173,6 @@
 		</u-popup>
 
 		<u-popup :show="selfTakeShow" @close="selfTakeShow = false">
-
-
-
 				<view class="box_3 flex-col">
 					<image	@click="selfTakeShow = false"
 							class="icon_2"
@@ -230,14 +227,13 @@ import authorize from '@/components/Authorize';
 // #endif
 import payment from '@/components/payment';
 import colors from "@/mixins/color";
-import productConSwiperGroupbuying from "@/components/productConSwiperGroupbuying";
-import {getUserOrderDetail, orderCancel, modifySelfTake} from '@/api/home.js';
+
+import {getUserOrderDetail, orderCancel, modifySelfTake,getAdsList} from '@/api/home.js';
 import {getGrouponSelfTakeList} from '@/api/groupon.js';
 export default {
 	components: {
 		payment,
 		couponListWindow,
-		productConSwiperGroupbuying,
 		addressWindow,
 		home,
 		// #ifdef MP

pages/message/message.vue

@@ -18,7 +18,7 @@
         </swiper-item>
       </swiper>
     </view>
-
+    <my-swiper :type=4 ></my-swiper>
 
   </view>
 </template>
@@ -85,7 +85,6 @@ export default {
 .message {
   display: flex;
   flex-direction: column;
-  height: 100%;
 
   .sys-head {
     position: relative;

pages/order/orderAfterSales/orderAfterSales.vue

@@ -59,7 +59,8 @@
 											<!-- <text class="line-thr">{{item.goodsName}}</text> -->
 										</view>
 										<view class=" number-box">
-											<u-number-box :min=0 :max="formCopy.goodsList[i].goodsNum" v-model="item.goodsNum" > </u-number-box>
+											<u-number-box :min=0 :max="formCopy.goodsList[i].goodsNum"
+												v-model="item.goodsNum"> </u-number-box>
 										</view>
 									</view>
 								</view>
@@ -91,23 +92,15 @@
 				<view class="Refund_view_title">请选择退货/退款原因</view>
 				<view class="">
 					<scroll-view :scroll-top="scrollTop" scroll-y="true" :style="{'height':'400rpx'}">
-						<u-radio-group
-								v-model="reason"
-								placement="column"
-						>
-							<u-radio
-									:customStyle="{marginBottom: '8px'}"
-									v-for="(item, index) in reasonList"
-									:key="index"
-									:label="item.reason"
-									:name="item.reason"
-							>
+						<u-radio-group v-······model="reason" placement="column">
+							<u-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in reasonList"
+								:key="index" :label="item.reason" :name="item.reason">
 							</u-radio>
 						</u-radio-group>
 
 					</scroll-view>
 				</view>
-				<button class="Refund_view_btn" @click="RefundShow = false" >
+				<button class="Refund_view_btn" @click="RefundShow = false">
 					确定
 				</button>
 			</view>
@@ -132,7 +125,7 @@
 			return {
 
 				reason: '',
-				goodsIds:[],
+				goodsIds: [],
 				reasonList: [],
 				form: {},
 				formCopy: {},
@@ -152,23 +145,23 @@
 			console.log(this.height)
 		},
 		methods: {
-			afterSalesSubmit(){
+			afterSalesSubmit() {
 				console.log(this.goodsIds)
 
-				if (this.goodsIds.length<=0){
+				if (this.goodsIds.length <= 0) {
 					uni.$u.toast('请选择商品')
 					return
 				}
 
-				if (!this.reason){
+				if (!this.reason) {
 					uni.$u.toast('请选择原因')
 					return
 				}
-				let flag =false
-				let afterSalesGoods =[]
-				this.form.goodsList.forEach(item =>{
+				let flag = false
+				let afterSalesGoods = []
+				this.form.goodsList.forEach(item => {
 					if (this.goodsIds.indexOf(item.id) !== -1) {
-						if (!item.goodsNum){
+						if (!item.goodsNum) {
 							uni.$u.toast('请选择商品数量')
 							flag = true
 						}
@@ -176,28 +169,28 @@
 					}
 				})
 
-				if (flag){
+				if (flag) {
 					return;
 				}
 
-				let params ={
-					reason:this.reason,
-					orderId:this.form.orderId,
-					afterSalesGoodsList:afterSalesGoods
+				let params = {
+					reason: this.reason,
+					orderId: this.form.orderId,
+					afterSalesGoodsList: afterSalesGoods
 				};
 				afterSalesSubmit(params).then(res => {
 					uni.$u.toast(res.msg)
-				}).catch(err =>{
+				}).catch(err => {
 					uni.$u.toast(err.msg)
 				})
 			},
 
-			vGoods(item,index){
+			vGoods(item, index) {
 				item.isVGoods = !item.isVGoods;
-				this.$set(this.form.goodsList,index,item)
-				if (this.goodsIds.indexOf(item.id) === -1){
+				this.$set(this.form.goodsList, index, item)
+				if (this.goodsIds.indexOf(item.id) === -1) {
 					this.goodsIds.push(item.id)
-				}else {
+				} else {
 					this.goodsIds = this.goodsIds.filter(iter => iter !== item.id)
 				}
 			},
@@ -220,4 +213,4 @@
 <style lang="scss" scoped>
 	@import "/static/css/common.css";
 	@import './index.rpx.css';
-</style>
+</style>

pages/user/index.vue

@@ -358,6 +358,8 @@
 							退出登录
 						</button>
 					</view>
+					<my-swiper :type=4 ></my-swiper>
+
 				</view>
 
 

pages/users/user_return_list/detail/detail.vue

@@ -117,9 +117,10 @@
 		</view>
 
 		<!--这里是广告-->
-<!--		<view class="section_3 flex-col">-->
-<!--			<view class="tag_1 flex-col"><text class="text_23">1/3</text></view>-->
-<!--		</view>-->
+		<view class="ads">
+			<my-swiper :type=4 ></my-swiper>
+
+		</view>
 		<!--广告结束-->
 	</view>
 </template>

pages/users/user_return_list/detail/index.rpx.css

@@ -445,3 +445,6 @@
     white-space: nowrap;
     line-height: 28rpx;
 }
+.ads{
+    margin-top: 15rpx;
+}