banner 图跳转

api/groupon.js

@@ -1,5 +1,13 @@
 import request from "@/utils/request.js";
 
+//获取文章
+export function getArticle(id) {
+    return request.get("/v1/article-detail?id="+id,null,{
+        noAuth:true
+    });
+}
+
+
 //获取协议
 export function getNoticeByType(type) {
     return request.get("/v1/getNoticeByType?type=" +type,null);

components/my-swiper/my-swiper.vue

@@ -60,9 +60,16 @@
 			clickImg(item){
 				console.log("点击了广告图片",item)
 				//跳转到某个页面，路劲由后端配置
-				// uni.redirectTo({
-				// 	url: item.targetUrl
-				// });
+				if (item.skipType === 2){//跳转到文章链接
+					uni.navigateTo({
+						url: '/pages/groupbuying/article/article?id='+item.dataId
+					});
+				}
+				if (item.skipType === 3){ //跳转到团购详情链接
+					uni.navigateTo({
+						url: item.targetUrl
+					});
+				}
 
 			},
 			getAdsList(type){

pages/groupbuying/article/article.vue

@@ -0,0 +1,52 @@
+<template>
+	<view class="page   flex-col" :style="{'height':height}">
+		<scroll-view scroll-y="true" class="scroll-y" >
+			<view class="content-box  flex-col">
+<!--				<web-view  src="http://www.gzqcdj.cn/doc/2.html"></web-view>-->
+				<rich-text v-html="article.content">
+				</rich-text>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import {getArticle} from '@/api/groupon.js'
+	export default {
+		data() {
+			return {
+				height:"",
+				article:{}
+			};
+		},
+		created(){
+			let sysInfo=uni.getSystemInfoSync();
+			this.height= sysInfo.windowHeight - sysInfo.windowBottom +'px';
+			console.log("获取到的高度",this.height)
+		},
+
+		onLoad(e){
+			console.log(e)
+			this.getArticle(e.id);
+		},
+		methods: {
+			getArticle(id){
+				console.log(id)
+				getArticle(id).then(res =>{
+					this.article = res.data
+					uni.setNavigationBarTitle({
+						title: res.data.title
+					});
+				})
+
+			},
+
+		},
+	};
+</script>
+
+<style scoped lang="scss">
+	@import '/static/css/common.css';
+	@import './index.rpx.css';
+
+</style>

pages/groupbuying/article/index.rpx.css

@@ -0,0 +1,21 @@
+.scroll-y{
+    height: 95%;
+    overflow: hidden;
+
+}
+.content-box {
+    height: 100%;
+    width: 100%;
+    text-indent:2rem;
+    padding: 20rpx 30rpx 20rpx 30rpx;
+}
+.text_5 {
+    width: 686rpx;
+    height: 100%;
+    overflow-wrap: break-word;
+    color: rgba(51, 51, 51, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: left;
+    line-height: 44rpx;
+}

pages/index/diy/index_mall.vue

@@ -30,15 +30,13 @@
 
 			<!-- 轮播 -->
 			<view class="swiper-group">
-				<u-swiper height="210" :list="swiperList" @change="e => current = e.current" :autoplay="false">
+				<u-swiper height="210" :list="swiperList" @change="e => current = e.current" :autoplay="false" keyName="imageUrl"  @click="clickImageUrl">
 					<view slot="indicator" class="indicator">
 						<view class="indicator__dot" v-for="(item, index) in swiperList" :key="index"
 							:class="[index === current && 'indicator__dot--active']">
 						</view>
 					</view>
 				</u-swiper>
-
-
 			</view>
 
 			<view class="header-group">
@@ -155,11 +153,7 @@ export default {
 				'洛阳亲友如相问',
 				'一片冰心在玉壶'
 			],
-			swiperList: [
-				'https://cdn.uviewui.com/uview/swiper/swiper3.png',
-				'https://cdn.uviewui.com/uview/swiper/swiper2.png',
-				'https://cdn.uviewui.com/uview/swiper/swiper1.png',
-			],
+			swiperList: [],
 			navigationList: [{
 				title: '最新团购',
 				id: '0'
@@ -212,6 +206,25 @@ export default {
 		// }
 	},
 	methods: {
+
+		clickImageUrl(e){
+			console.log(e)
+
+			let item =this.swiperList[e]
+
+			console.log(item)
+			if (item.skipType === 2){//跳转到文章链接
+				uni.navigateTo({
+					url: '/pages/groupbuying/article/article?id='+item.dataId
+				});
+			}
+			if (item.skipType === 3){ //跳转到团购详情链接
+				uni.navigateTo({
+					url: item.targetUrl
+				});
+			}
+		},
+
 		swiperChange(e) {
 			this.tabIndex = e.detail.current
 		},
@@ -353,9 +366,10 @@ export default {
 			}).then(res => {
 				if (res.data.length > 0) {
 					that.swiperList = []
-					res.data.forEach(element => {
-						that.swiperList.push(element.imageUrl)
-					});
+					that.swiperList = res.data
+					// res.data.forEach(element => {
+					// 	that.swiperList.push(element.imageUrl)
+					// });
 				}
 			});
 		},