111

api/order.js

@@ -108,6 +108,7 @@ export function refundReason(data) {
 	});
 }
 
+
 // 确认收货
 export function orderTake(data) {
 	return request({

api/product.js

@@ -28,6 +28,15 @@ export function goodsDetail(data, id) {
 	});
 }
 
+// 发送浏览记录
+export function browse(data) {
+	return request({
+		url: '/api/browse',
+		method: 'get',
+		data
+	});
+}
+
 // 砍价列表
 export function getBargainList(data) {
 	return request({

api/user.js

@@ -25,6 +25,14 @@ export function lookOneself(data){
 		
 	})
 }
+//下级浏览记录
+export function getbrowse(data){
+	return request({
+		url:'/api/getbrowse',
+		method:'get',
+		data
+	})
+}
 /*
  * 获取推广人排行
  * */

components/mosowe-swiper/mosowe-swiper.vue

@@ -0,0 +1,349 @@
+<template>
+	<view class="mosowe-swiper" style="'height:240rpx'">
+		<swiper
+			class="uni-swiper"
+			:indicator-dots="indicator === 'dots'"
+			:indicator-color="indicatorColor"
+			:indicator-active-color="indicatorActiveColor"
+			:autoplay="autoplay"
+			:current="active"
+			:interval="interval"
+			:duration="duration"
+			:vertical="vertical"
+			:disable-touch="touchable"
+			:previous-margin="canPyramid ? pyramidMargin : ''"
+			:next-margin="canPyramid ? pyramidMargin : ''"
+			:display-multiple-items="canPyramid ? 1 : itemNums"
+			circular
+			@change="bannerChange"
+			>
+		<!-- 非微信小程序 -->
+		<!-- #ifndef MP-WEIXIN -->
+				<swiper-item
+					class="item" 
+					v-for="(item,index) of lists" 
+					:key="index"
+					:class="canPyramid && active !== index ? 'swiper-pyramid' : canPyramid && active === index ? 'swiper-active' : ''"
+					@click="bannerClick({item,index})"
+					>
+					<!-- 仅图片展示 -->
+					<image :src="imageKey ? item[imageKey] : item" class="image" v-if="swiperType === 'image'"></image>
+					<!-- 仅文字展示 -->
+					<text  class="text" v-if="swiperType === 'text'">{{textKey ? item[textKey] : item}}</text>
+					<!-- 图文左右轮播 -->
+					<view class="imageTextLine"  v-if="swiperType === 'imageTextLine'">
+						<view class="user">
+							<image class="avatar" :src="item[imageKey]" />
+							<text class="content">{{item[textKey]}} <span  class="l">{{item[time]}}前</span>预览了</text>	
+						</view>
+						<view class="shop">
+							<image class="avatar" :src="item[imageshop]" />
+							<text class="content">{{item[name]}}</text>
+						</view>
+					</view>
+				</swiper-item>
+		<!-- #endif -->
+		</swiper>
+	</view>
+</template>
+
+<script>
+		/*
+		 待增加：
+		 1. dot自定义功能，加入slot插槽；
+		 2. 考虑下nvue
+		 */
+export default {
+  name: 'mosowe-swiper',
+  components: {},
+  props: {
+		current: { // 当前展示的索引
+			type: Number,
+			default: 0
+		},
+		autoplay: { // 是否自动切换
+			type: Boolean,
+			default: true
+		},
+		interval: { // 自动切换时间间隔
+			type: Number,
+			default: 3000
+		},
+		duration: { // 切换动画时长
+			type: Number,
+			default: 500
+		},
+		vertical: { // 滑动方向是否为纵向
+			type: Boolean,
+			default: false
+		},
+		indicator: { // 指示点样式：dots点，number数字右下角，空则不会显示
+			type: String,
+			default: ''
+		},
+		indicatorColor: { // dot点样式：默认颜色
+			type: String,
+			default: 'rgba(255, 255, 255, 0.5)'
+		},
+		indicatorActiveColor: { // dot点选中样式：高亮颜色
+			type: String,
+			default: '#ffffff'
+		},
+		scene: { // 场景值
+			type: String,
+			default: ''
+		},
+		touchable: { // 是否禁用手动滑动
+			type: Boolean,
+			default: false
+		},
+		lists: { // 轮播列表
+			type: Array,
+			default: () => {
+				return [];
+			} 
+		},
+		swiperType: { // 轮播类型:image图片轮播，imageTextLine图文一行轮播，text文本轮播
+			type: String,
+			default: 'image'
+		},
+		previewImage: { // 开启图片预览
+			type: Boolean,
+			default: false
+		},
+		imageKey: { // 图片的key值，重复使用的组件可能遇到不同的key，此处传图片的key
+			type: String,
+			default: ''
+		},
+		imageshop: { // 商品图片
+			type: String,
+			default: ''
+		},
+		name: { // 商品名字
+			type: String,
+			default: ''
+		},
+		textKey: { // 文本的key值，重复使用的组件可能遇到不同的key，此处传文本的key
+			type: String,
+			default: ''
+		},
+		time: {//时间
+			type: String,
+			default: ''
+		},
+		height: { // 轮播区的高度，单位rpx
+			type: Number,
+			default: 300
+		},
+		pyramid: { // 金字塔式，横向且纯图模式有效，开启金字塔模式时，active初始化最少为1，最大为this.lists.length -2
+			type: Boolean,
+			default: false
+		},
+		pyramidMargin: { // 金字塔式，前后露出的距离，单位rpx，px
+			type: String,
+			default: '30rpx'
+		},
+		itemNums: { // 同时展示个数,开启金字塔模式时, itemNums = 1
+			type: String,
+			default: '1'
+		}
+	},
+  data () { 
+    return {
+			active: 0,
+			activePrev: -1,
+			activeNext: -1,
+			canPyramid: false,
+			touchStartTime: 0, // 微信小程序端：触摸事件判断点击或滑动
+    };
+  },
+	created () {
+		this.active = this.current;
+		if (this.pyramid && this.swiperType === 'image' && !this.vertical) {
+			this.canPyramid = true;
+			if (this.active === 0 || this.active < 0 || this.active > this.lists.length - 1) {
+				this.lists.length ? '' : this.active = 1;
+			} else if (this.active === this.lists.length - 1) {
+				this.active = this.lists.length -2;
+			}
+		}
+	},
+  methods: {
+		// 微信小程序：banner触摸时，禁止手动滑动的时候触发
+		WXAPP_bannerTouch () {
+			if(this.previewImage) {
+				this.touchStartTime = new Date().getTime();
+			}
+		},
+		// 微信小程序：触摸完
+		WXAPP_bannerTouchEnd (item) {
+			let t = new Date().getTime();
+			if (t-this.touchStartTime <= 200) { // 点击
+				this.bannerClick(item);
+			} else {
+				if (this.touchable) {
+					return false;
+				}
+			}
+		},
+		// banner轮播时
+		bannerChange (e) {
+			this.active = e.detail.current;
+			this.$emit('change', e.detail.current);
+		},
+		// banner点击时
+		bannerClick (item) {
+			console.log(item);
+			if (this.swiperType === 'image' && this.previewImage) { // 纯图片模式下，开启预览模式
+				let urls = [];
+				if (this.imageKey) {
+					for (let image of this.lists) {
+						urls.push(image[this.imageKey]);
+					}					
+				} else {
+					urls = this.lists;
+				}
+				console.log(urls);
+				uni.previewImage({
+					current: item.index,
+					urls: urls
+				});
+			}
+			this.$emit('bclick', item);
+		},
+		
+  }
+};
+</script>
+
+<style lang="scss">
+	.shop{
+		display: flex;
+	}
+	.user .content{
+		margin-bottom:10rpx  !important;
+	}
+	.shop .content{
+		margin-top: 18rpx;
+	}
+	.imageTextLine{
+		margin-left: 40rpx;
+	}
+	.imageTextLine image{
+		width: 50rpx;
+	}
+.l{
+	color:#d8ad77;
+}
+.mosowe-swiper{
+	width: 100%;
+	position: relative;
+	.uni-swiper {
+		height: inherit;
+		.uni-swiper-dot{
+			width: 20px !important;
+			height: 8px !important;
+			border-radius: 4px;
+		}
+		.item {
+			box-sizing: border-box;
+			.image{
+				width: 100%;
+				height: 100%;
+			}
+			// 支付宝
+			/* #ifdef MP-ALIPAY */
+			&.swiper-pyramid{
+				padding: 0 30rpx;
+			}
+			/* #endif */
+			
+			// 非支付宝
+			/* #ifndef MP-ALIPAY */
+			&.swiper-pyramid{
+				padding: 30rpx;
+			}
+			&.swiper-prev {
+				animation: prev .5s forwards;
+			}
+			&.swiper-next {
+				animation: next .5s forwards;
+			}
+			&.swiper-active {
+				animation: actives .5s forwards;
+			}
+			/* #endif */
+		}
+	}
+	// 纯图
+	.image{
+		width: 100%;
+		height: 100%;
+	}
+	// 纯文
+	.text{
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		width: 100%;
+		display: block;
+	}
+	// 图文一行
+	.imageTextLine {
+		height: 240rpx !important;
+		overflow: hidden;
+		width: 100%;
+		align-items: center;
+		.avatar{
+			flex: 0 0 50rpx;
+			height: 50rpx;
+			border-radius: 50%;
+			margin-right: 10rpx;
+		}
+		.content{
+			width: 260rpx !important;
+			// flex: 1;
+			white-space: nowrap;
+			text-overflow: ellipsis;
+			overflow: hidden;
+		}
+	}
+	.custom-indicator{
+		position: absolute;
+		right: 30rpx;
+		bottom: 30rpx;
+		background: rgba(0, 0, 0, 0.2);
+		width: 80rpx;
+		height: 40rpx;
+		line-height: 40rpx;
+		font-size: 24rpx;
+		color: #fff;
+		border-radius: 30rpx;
+		text-align: center;
+	}
+}
+@keyframes prev {
+	0%{
+		padding: 0;
+	}
+	100% {
+		padding: 30rpx;
+	}
+}
+@keyframes next {
+	0%{
+		padding: 0;
+	}
+	100% {
+		padding: 30rpx;
+	}
+}
+@keyframes actives {
+	0%{
+		padding: 30rpx;
+	}
+	100% {
+		padding: 0;
+	}
+}
+</style>

components/mosowe-swiper/readme.md

@@ -0,0 +1,165 @@
+## mosowe-swiper：适用于uni-app的轮播图插件
+
+轮播组件，本插件兼容H5、APP、微信小程序、支付宝小程序
+
+### 组件功能
+
+1. 普通轮播（文本、图片，图文轮播，支持上下、左右轮播）
+2. 堆叠轮播（图片）
+3. 图片预览（图片）
+4. 数字角标
+
+### 使用方式
+
+若`page.json`中配置了`"easycom": true`，则无需`script`引入就可以使用，没有则需要引入。
+
+### 属性
+
+| 名称                 | 类型    | 默认值                   | 说明                                                         |
+| :------------------- | :------ | :----------------------- | :----------------------------------------------------------- |
+| lists                | Array   | []                       | 轮播列表                                                     |
+| current              | Number  | 0                        | 初始化展示的索引                                             |
+| autoplay             | Boolean | true                     | 是否自动切换                                                 |
+| interval             | Number  | 3000                     | 自动切换时间间隔                                             |
+| duration             | Number  | 500                      | 切换动画时长                                                 |
+| vertical             | Boolean | false                    | 滑动方向是否为纵向                                           |
+| indicator            | String  |                          | 指示点样式，可选：dots（点），number（数字右下角），空则不会显示 |
+| indicatorColor       | String  | rgba(255, 255, 255, 0.5) | dot点样式：默认颜色                                          |
+| indicatorActiveColor | String  | #ffffff                  | dot点选中样式：高亮颜色                                      |
+| scene                | String  |                          | 场景值                                                       |
+| touchable            | Boolean | false                    | 是否禁用手动滑动                                             |
+| swiperType           | String  | image                    | 轮播类型，可选：image（图片轮播），imageTextLine（图文一行轮播），text（文本轮播） |
+| previewImage         | Boolean | false                    | 点击时开启图片预览，支付宝无预览                             |
+| imageKey             | String  |                          | 图片的key值，重复使用的组件可能遇到不同的key，此处传图片的key，若lists为字符串数组，不写即可 |
+| textKey              | String  |                          | 文本的key值，重复使用的组件可能遇到不同的key，此处传文本的key，若lists为字符串数组，不写即可 |
+| height               | Number  | 300                      | 轮播区的高度，单位rpx                                        |
+| pyramid              | Boolean | false                    | 堆叠式，横向且纯图模式有效，开启金字塔模式时，active初始化最少为1，最大为this.lists.length -2，支付宝小程序不堆叠 |
+| pyramidMargin        | String  |                          | 堆叠式轮播，前后露出的距离，单位rpx，px                      |
+| itemNums             | String  |                          | 同时展示个数,开启堆叠式轮播模式时, itemNums = 1              |
+
+### 事件
+
+| 名称   | 参数                                     | 说明   |
+| ------ | ---------------------------------------- | ------ |
+| change | index：当前索引                          | 轮播时 |
+| bclick | {item，index}：item当前项，index当前索引 | 点击时 |
+
+### 示例
+
+1. 图片轮播
+
+```javascript
+banner: [
+    {
+        image: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3892521478,1695688217&fm=26&gp=0.jpg',
+    },
+    {
+        image: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1595526004030&di=4be554bfcbc76570e275724fd10cb11c&imgtype=0&src=http%3A%2F%2Fa2.att.hudong.com%2F36%2F48%2F19300001357258133412489354717.jpg',
+    },
+    {
+        image: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1595526004029&di=2feebadbbdcf7db486a58ce72d5a263b&imgtype=0&src=http%3A%2F%2Fp2.so.qhimgs1.com%2Ft01dfcbc38578dac4c2.jpg'
+    }
+],
+```
+
+```html
+<mosowe-swiper
+    :lists="banner"
+    :touchable="false"
+    indicator="dots"
+    imageKey="image"
+    previewImage
+    pyramid
+    pyramidMargin="90rpx"
+    @change="bannerChange"
+    />
+```
+
+​	2. 文字轮播
+
+```javascript
+
+text: [
+    {
+        title: '车静安寺客户嘎哈放框架傲胜'
+    },
+    {
+        title: '任务的确认吧是发是对方是个地方个三四个'
+    },
+    {
+        title: '接口环境看是否度萨芬，吧撒打发看了会焦点时发卡机撒打发'
+    },
+],
+```
+
+```html
+<view class='swiper'>
+    <mosowe-swiper
+        :lists="text"
+        :touchable="true"
+        vertical
+        swiperType="text"
+        textKey="title"
+        :height="80"
+        />
+</view>
+```
+
+文本文字的大小、颜色等可在调用的父级直接更改：
+
+```scss
+.swiper{
+    height: 80rpx;
+    font-size: 28rpx;
+    line-height: 80rpx;
+    padding: 0 30rpx;
+    box-sizing: border-box;
+    background-color: #fe8252;
+    color: #fff;
+    }
+```
+
+
+
+3. 不带key的文字
+
+```javascript
+text2: [
+    '车静安寺客户嘎哈放框架傲胜',
+    '任务的确认吧是发是对方是个地方个三四个',
+    '接口环境看是否度萨芬，吧撒打发看了会焦点时发卡机撒打发'
+],
+```
+
+```html
+<mosowe-swiper
+    :lists="text2"
+    :touchable="false"
+    vertical
+    swiperType="text"
+    :height="80"
+    />
+```
+
+### 版本修复
+ 1.0.2
+	1. 金字塔模式下一张图片，会导致主屏不显示
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

manifest.json

@@ -1,6 +1,6 @@
 {
     "name" : "玲卿+",
-    "appid" : "__UNI__1A5A954",
+    "appid" : "__UNI__3F4A9DF",
     "description" : "",
     "versionName" : "1.0.0",
     "versionCode" : "100",

pages.json

@@ -101,6 +101,12 @@
 				"navigationBarTitleText": "推荐排行榜"
 			}
 		},
+		{
+			"path": "pages/user/browse",
+			"style": {
+				"navigationBarTitleText": "下级浏览记录"
+			}
+		},
 		{
 			"path": "pages/user/team",
 			"style": {

pages/product/product.vue

@@ -75,7 +75,7 @@
 
 <script>
 import uniNumberBox from '@/components/uni-number-box.vue';
-import { goodsDetail, cartAdd,seckillGoods } from '@/api/product.js';
+import {browse, goodsDetail, cartAdd,seckillGoods } from '@/api/product.js';
 import { mapState } from 'vuex';
 import store from '@/store/index.js';
 import {spread, orderData, userinfo } from '@/api/user.js';
@@ -189,6 +189,7 @@ export default {
 				obj.userInfo = data;
 				console.log(data,"123456")
 			})
+		
 		//保存商品id
 		this.goodsid = options.id;
 		this.goodsType = options.type;
@@ -204,7 +205,9 @@ export default {
 		console.log(obj.isVip, 'vip');
 		saveUrl();
 		this.goodsDetail();
-		// 注册邀请信息
+		// 发送浏览记录
+		this.liulan(options.id)
+			// 注册邀请信息
 		// #ifdef H5
 		let bool = uni.getStorageSync('weichatBrowser') || '';
 		if (bool) {
@@ -226,6 +229,12 @@ export default {
 		...mapState(['weichatObj', 'baseURL', 'urlFile'])
 	},
 	methods: {
+		// 发送浏览记录
+		liulan(id){
+			browse({id:id}).then(e =>{
+				console.log(e)
+			})
+		},
 		//收藏
 		toFavorite(item) {
 			let obj = this;

pages/user/browse.vue

@@ -0,0 +1,130 @@
+<template>
+	<view>
+		<view class="CommissionRank">
+		    <view class="wrapper">
+		      <view class="list">
+		      <view class="item acea-row row-between-wrapper" v-for="(item,index) in rankList" :key="index">
+		        <view class="num" v-if="index <3">
+		          <image :src="'../../static/img/'+(index+1)+'.png'"></image>
+		        </view>
+		        <view class="num" v-else>
+		        {{index+1}}
+		        </view>
+		        <view class="picTxt acea-row row-between-wrapper">
+		          <view class="pictrue"><image :src="item.avatar ? item.avatar : '/static/images/f.png'"></image></view>
+		          <view class="text line1">{{item.nickname}}</view>
+		        </view>
+		        <view class="people font-color">￥{{item.brokerage_price}}</view>
+		      </view>
+		    </view>
+		    </view>
+		  </view>
+		  <!-- #ifdef MP -->
+		 <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
+		  <!-- #endif -->
+	</view>
+</template>
+
+<script>
+	import {getbrowse, getBrokerageRank } from '@/api/user.js';
+	import {
+		toLogin
+	} from '@/libs/login.js';
+	 import {
+	 	mapGetters
+	 } from "vuex";
+	 // #ifdef MP
+	 import authorize from '@/components/Authorize';
+	 // #endif
+	export default {
+		components: {
+			// #ifdef MP
+			authorize
+			// #endif
+		},
+		data() {
+			return {
+				    active: 0,
+				    rankList:[],
+				    page:1,
+				    limit:20,
+				    loadend:false,
+				    loading:false,
+				    loadTitle:'加载更多',
+				    type:'week',
+				    position:0,
+			};
+		},
+		onLoad(){
+			this.getBrokerageRankList()
+		},
+		methods: {
+			 onLoadFun:function(){
+					this.isShowAuth = false;
+			    this.getBrokerageRankList();
+			  },
+			  getBrokerageRankList:function(){
+			      if(this.loadend) return;
+			      if(this.loading) return;
+				  this.loading = true;
+				  this.loadTitle = '';
+					getbrowse({
+			        page:this.page,
+			        limit:this.limit,
+			      }).then(res=>{
+			        let list = res.data.rank;
+			        let loadend = list.length < this.limit;
+			        this.rankList.push.apply(this.data);
+					this.loading = false;
+					this.loadend = loadend;
+					this.loadTitle = loadend ? '😕我也是有底线的':'加载更多';
+					this.$set(this,'rankList',this.rankList);
+					this.position = res.data.position;
+			      }).catch(err=>{
+					  this.loading = false;
+					  this.loadTitle = '加载更多';
+			      })
+			    }
+		},
+		 onReachBottom: function () {
+			 this.page= this.page+1
+		    this.getBrokerageRankList();
+		  }
+	}
+</script>
+
+<style scoped lang="scss">
+	.rank{
+		color: #e93323 !important;
+	}
+	.nav{
+		display: flex;
+	}
+	.nav view{
+		text-align: center;
+		flex: 1;
+	}
+	.header{
+		border-bottom-left-radius: 20rpx;
+		border-bottom-right-radius: 20rpx;
+	}
+	.CommissionRank .header{
+		background-image: url(../../static/img/phb.jpg);
+		background-repeat: no-repeat;
+		width: 100%;height: 344rpx;background-size: 100% 100%;
+	}
+	.CommissionRank .header .rank {font-size: 33rpx;color: #fff;position: absolute;top: 160rpx;left: 48rpx;}
+	.CommissionRank .header .rank .num {font-size: 51rpx;font-weight: bold;margin: 0 10rpx;}
+	.CommissionRank .wrapper {width: 710rpx;background-color: #fff;border-radius: 20rpx;margin: -76rpx auto 0 auto;}
+	.CommissionRank .wrapper .nav {height: 99rpx;border-bottom: 2.5rpx solid #f3f3f3;font-size: 30rpx;font-weight: bold;color: #999;line-height: 99rpx;}
+	.CommissionRank .wrapper .nav .item.font-color {border-bottom: 4rpx solid #e93323;}
+	.CommissionRank .wrapper .list {padding: 0 30rpx;}
+	.CommissionRank .wrapper .list .item {border-bottom: 1px solid #f3f3f3;height: 101rpx;font-size: 28rpx;}
+	.CommissionRank .wrapper .list .item .num {color: #666;width: 70rpx;}
+	.CommissionRank .wrapper .list .item .num image {width: 34rpx;height: 40rpx;display: block;}
+	.CommissionRank .wrapper .list .item .picTxt {width: 350rpx;}
+	.CommissionRank .wrapper .list .item .picTxt .pictrue {width: 68rpx;height: 68rpx;}
+	.CommissionRank .wrapper .list .item .picTxt .pictrue image {width: 100%;height: 100%;display: block;border-radius: 50%;}
+	.CommissionRank .wrapper .list .item .picTxt .text {width: 262rpx;color: #333;}
+	.CommissionRank .wrapper .list .item .people {width: 175rpx;text-align: right;}
+</style>

pages/user/promoter_rank.vue

@@ -7,13 +7,13 @@
 		    </view>
 		    <view class="wrapper">
 		      <view class="nav acea-row row-around">
-		        <view class="item" :class="active == index ? 'font-color' : ''" v-for="(item,index) in navList" :key="index" @click="switchTap(index)">
+		       <view class="item" :class="active == index ? 'font-color' : ''" v-for="(item,index) in navList" :key="index" @click="switchTap(index)">
 		          {{ item }}
 		        </view>
 		      </view>
 		      <view class="list">
 		      <view class="item acea-row row-between-wrapper" v-for="(item,index) in rankList" :key="index">
-		        <view class="num" v-if="index <= 3">
+		        <view class="num" v-if="index <3">
 		          <image :src="'../../static/img/'+(index+1)+'.png'"></image>
 		        </view>
 		        <view class="num" v-else>
@@ -29,7 +29,7 @@
 		    </view>
 		  </view>
 		  <!-- #ifdef MP -->
-		  <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
+		 <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
 		  <!-- #endif -->
 	</view>
 </template>
@@ -57,7 +57,7 @@
 				    active: 0,
 				    rankList:[],
 				    page:1,
-				    limit:10,
+				    limit:20,
 				    loadend:false,
 				    loading:false,
 				    loadTitle:'加载更多',
@@ -106,6 +106,7 @@
 			    }
 		},
 		 onReachBottom: function () {
+			 this.page= this.page+1
 		    this.getBrokerageRankList();
 		  }
 	}

pages/user/user.vue

@@ -20,7 +20,8 @@
 				</view>
 				<view class="kpi" v-show="userInfo.level!=0">
 					<image style="width: 34rpx; height: 34rpx; margin-right: 8rpx;" src="../../static/icon/vip.png"
-						mode=""></image> <span v-if="userInfo.is_bonus==1">联合创始人</span><span v-else><span>{{userInfo.is_vip==1?'钻石':''}}</span>VIP</span>
+						mode=""></image> <span v-if="userInfo.is_bonus==1">联合创始人</span><span
+						v-else><span>{{userInfo.is_vip==1?'钻石':''}}</span>VIP</span>
 				</view>
 			</view>
 			<view class="info-right">
@@ -48,8 +49,8 @@
 				</view>
 			</view>
 		</view>
-		
-		<view class="haoyue-box" >
+
+		<view class="haoyue-box">
 			<view class="vip-box">
 				<view class="box-top">
 					vip积分
@@ -59,7 +60,7 @@
 				</view>
 			</view>
 			<view class="" style="width: 2rpx; height: 100rpx; background-color: #EEEEEE;">
-				
+
 			</view>
 			<view class="vip-box">
 				<view class="box-top">
@@ -97,11 +98,31 @@
 					<view class="oitem-font">已完成</view>
 				</view>
 			</view>
-			
-			
-			
 		</view>
-		
+
+		<view class="main-box yulan" v-if="liulan.length>0">
+			<view class="title flex">
+				<view class="title-left">
+					<image class="title-icon" src="../../static/user/user10.png" mode=""></image>
+					<view class="title-font">我的销售</view>
+				</view>
+				<image class="title-right" mode=""></image>
+			</view>
+			<view class="main flex">
+				<mosowe-swiper 
+				:lists="liulan"
+				:touchable="true"
+				vertical
+				imageKey="avatar"
+				textKey="nickname"
+				imageshop="image"
+				name="pname"
+				time='add_time'
+				swiperType="imageTextLine"
+				:height="80"></mosowe-swiper>
+			</view>
+		</view>
+
 		<uni-list class="tool-list">
 			<uni-list-item title="vip积分充值" @click="navTo('/pages/money/vipRecharge')" thumb="/static/user/user18.png">
 			</uni-list-item>
@@ -109,8 +130,6 @@
 			</uni-list-item>
 			<uni-list-item title="我的收藏" @click="navTo('/pages/user/favorites')" thumb="/static/user/user11.png">
 			</uni-list-item>
-			<!-- <uni-list-item title="点击试试" @click="navTo('/pages/public/login')" thumb="/static/user/user11.png">
-			</uni-list-item> -->
 			<uni-list-item title="客服中心" @click="openKf()" thumb="/static/user/user09.png"></uni-list-item>
 			<uni-list-item title="设置" @click="navTo('/pages/set/userinfo')" thumb="/static/user/user13.png">
 			</uni-list-item>
@@ -133,22 +152,6 @@
 				</view>
 			</view>
 		</uni-popup>
-		<!-- <uni-popup ref="popupqd" type="center">
-			<view class="popup">
-				<view class="popup-dox"><image class="popup-logo" src="../../static/img/sign-popup.png"></image></view>
-				<view class="popup-title">
-					获得
-					<text>{{ today_integral }}</text>
-					{{ today_type }}
-				</view>
-				<view class="popup-tip">
-					明天签到可得
-					<text>{{ tom_integral }}</text>
-					{{ tom_type }}
-				</view>
-				<view class="popup-btn" @click="closeQd">知道了</view>
-			</view>
-		</uni-popup> -->
 	</view>
 </template>
 <script>
@@ -161,8 +164,9 @@
 	} from 'vuex';
 	import uniList from '@/components/uni-list/uni-list.vue';
 	import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
-
+	import mosoweSwiper from '@/components/mosowe-swiper/mosowe-swiper.vue'
 	import {
+		getbrowse,
 		orderData,
 		getUserInfo,
 		myspread
@@ -176,11 +180,13 @@
 		pageAtTop = true;
 	export default {
 		components: {
+			mosoweSwiper,
 			uniList,
 			uniListItem
 		},
 		data() {
 			return {
+				liulan:[],
 				isPhone: false,
 				all: 0, //推荐人数
 				current: 4,
@@ -255,6 +261,11 @@
 					this.all = data.total;
 				})
 			}
+			getbrowse().then(e=>{
+				console.log(e,'888888888888888888888888')
+				this.liulan=e.data
+				console.log(e)
+			})
 			this.loadBaseData();
 		},
 		onReady() {
@@ -370,6 +381,7 @@
 				});
 				// }
 			},
+			
 			navToo(url) {
 				// let pages = getCurrentPages();
 				// console.log(pages, 'pages');
@@ -417,6 +429,13 @@
 	};
 </script>
 <style lang="scss">
+	.mosowe-swiper{
+		height: 240rpx;
+	}
+	.yulan{
+		overflow: hidden;
+		height: 240rpx;
+	}
 	%flex-center {
 		display: flex;
 		flex-direction: column;
@@ -709,16 +728,17 @@
 		display: flex;
 		justify-content: space-around;
 		align-items: center;
+
 		.vip-box {
 			display: flex;
 			flex-direction: column;
 			align-items: center;
-			
+
 			.box-top {
 				font-size: 30rpx;
 				line-height: 50rpx;
 				font-weight: 500;
-				
+
 			}
 
 			.box-bottom {

unpackage/dist/build/h5/index.html

@@ -1,2 +1,2 @@
 <!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>玲卿+</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
-            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/index/static/index.2772579d.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/index/static/js/chunk-vendors.22c39357.js></script><script src=/index/static/js/index.647a8513.js></script></body></html>
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/index/static/index.2772579d.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/index/static/js/chunk-vendors.0088bced.js></script><script src=/index/static/js/index.3f8c0627.js></script></body></html>