Merge pull request '修复链接失败' (#217) from xbx into master

Reviewed-on: http://git.luyuan.tk/luyuan/deming/pulls/217

App.vue

@@ -4,9 +4,9 @@
 		globalData: {  
 			im: {}  
 		},  
-        computed: {
+		computed: {
-            ...mapState(["hasLogin"])
+				...mapState(["hasLogin"])
-        },
+		},
 		onLaunch() {
 			getApp().globalData.im = this.imService
 			// 缓存token
@@ -16,23 +16,23 @@
 					this.loginIn(res.data);
 				}
 			})
-            // 刷新token
+			// 刷新token
-            if (this.hasLogin) {
+			if (this.hasLogin) {
-                this.refreshToken_function();
+					this.refreshToken_function();
-            }
+			}
 		},
 		methods: {
 			...mapMutations(['loginIn']),
-            // 刷新token
+			// 刷新token
-            refreshToken_function(){
+			refreshToken_function(){
-            	this.$u.api.refreshToken({}).then((res) => {
+				this.$u.api.refreshToken({}).then((res) => {
-            		// console.log(res);
+					// console.log(res);
-            		if (res.errCode == 0) {
+					if (res.errCode == 0) {
-            			let token = res.data.token;
+						let token = res.data.token;
-            			uni.setStorageSync('token', token);//存储toke值
+						uni.setStorageSync('token', token);//存储toke值
-            		}
+					}
-            	})
+				})
-            },
+			},
 		}
 	}
 </script>

common/api/shop.js

@@ -54,6 +54,10 @@ export default {
 			getRecommendList(){
                 return vm.$u.post('MemberExpert/recommendList');
 			},
+			// 获取所有达人
+			getAllRecommendList({ page }) {
+				return vm.$u.post('MemberExpert/getRecommendList', { page });
+			},
 			// 达人（搜索）列表
 			getExpertList({ page, store_id, live_status, like_nickname }){
                 return vm.$u.post('MemberExpert/expertList', {
@@ -192,9 +196,9 @@ export default {
 				});
 			},
 			// 商品搜索
-			ShopSearch({keyword,page = 1,order = 'goods_salenum'}){
+			ShopSearch({keyword, page = 1, order = 'goods_salenum',sid=''}){
 				return vm.$u.post('ShopSearch/search',{
-					keyword,page,order
+					keyword,page,order,store_id:sid
 				})
 			},
 			// 秒杀推荐
@@ -202,9 +206,10 @@ export default {
 				return vm.$u.post('Spike/recommendedSpike');
 			},
 			// 秒杀详情
-			getSpikeInfo({ groupbuy_id }) {
+			getSpikeInfo({ groupbuy_id, goods_id }) {
 				return vm.$u.post('Spike/spikeInfo', {
-					groupbuy_id: groupbuy_id
+					groupbuy_id: groupbuy_id,
+					goods_id: goods_id,
 				});
 			},
 			// 秒杀列表
@@ -221,13 +226,23 @@ export default {
 				});
 			},
 			// 拼团商品详情
-			getPinTuanDetails({ pintuan_id }) {
+			getPinTuanDetails({ pintuan_id, goods_id }) {
-				return vm.$u.post('Specialci/pintuanInfo', { pintuan_id: pintuan_id });
+				return vm.$u.post('Specialci/pintuanInfo', { 
+					pintuan_id: pintuan_id,
+					goods_id: goods_id,
+				});
 			},
 			// 推荐拼团
 			getPinTuanPush() {
 				return vm.$u.post('Specialci/pintuanPush');
 			},
+			// 拼团验证
+			pintuanVerify({ pintuan_id, pintuangroup_headid }) {
+				return vm.$u.post('Specialci/pintuanVerify', {
+					pintuan_id: pintuan_id,
+					pintuangroup_headid: pintuangroup_headid,
+				});
+			},
 			// 开团/参团
 			withImmediate({ pintuan_id, pintuangroup_headid, pintuangroup_id}) {
 				return vm.$u.post('Specialci/withImmediate', {
@@ -265,8 +280,8 @@ export default {
 				});
 			},
 			// 获取直播列表
-			tabLiveList(){
+			tabLiveList({page}){
-				return vm.$u.post('Specialci/tabLiveList')
+				return vm.$u.post('Specialci/tabLiveList',{page})
 			},
 			// 商城-活动广告
 			getStoreActivity() {

common/api/user.js

@@ -217,6 +217,12 @@ export default {
 					page: page,
 				});
 			},
+			// 删除浏览记录
+			delMemberBrowse({ goods_id }) {
+				return vm.$u.post('Member/delMemberBrowse', {
+					goods_id: goods_id,
+				});
+			},
 			// 意见反馈列表
 			getFeedbackList({ page }) {
 				return vm.$u.post('Member/feedbackList', {
@@ -304,8 +310,8 @@ export default {
 				return vm.$u.post('Message/informationList', { });
 			},
 			// 关注列表
-			snsfriendList({ }) {
+			snsfriendList({page}) {
-				return vm.$u.post('message/snsfriendList', { });
+				return vm.$u.post('message/snsfriendList', {page});
 			},
 			// 关注达人
 			attentionMember({ member_id }) {
@@ -408,9 +414,38 @@ export default {
 				return vm.$u.post('article/articleCollectList');
 			},
 			// 关注用户列表
-			attentionMemberList() {
+			attentionMemberList({ page = 1,role } = {}) {
-				return vm.$u.post('member/attentionMemberList');
+				return vm.$u.post('member/attentionMemberList', { page, role });
 			},
-        }
+			// 可用优惠券商品
+			couponGoodsList({ voucher_id, page, order }) {
+				return vm.$u.post('Coupon/couponGoodsList', { 
+					page: page,
+					voucher_id: voucher_id,
+					order: order,
+				});
+			},
+			//取消红点
+			dynamicRead({id}) {
+				return vm.$u.post('message/dynamicRead', { 
+					friend_tomid:id
+				});
+			},
+			//店铺取关
+			attentionMemberRemove({id}) {
+				return vm.$u.post('Member/attentionMemberRemove', { 
+					friend_tomid:id
+				});
+			},
+			// 设置里的帮助
+			getSettingHelpList() {
+				return vm.$u.post('document/help');
+			},
+			//获取默认头像
+			getDefaultAvatar(){
+				return vm.$u.post("member/getDefaultAvatar")
+			}
+		}
+		
     }
 }

common/http.interceptor.js

@@ -47,24 +47,34 @@ const install = (Vue, vm) => {
             // 假设201为token失效，这里跳转登录
             // vm.$u.toast('您还没有登录哦，请先去登录！');
             if (res.data.data.action != "memberinfo") {
-                uni.showModal({
+                uni.showToast({
-                    title: "温馨提示",
+                    title: "您还没有登录，请先去登录哦！",
-                    content: "您还未登录，请立即登录",
+                    icon: "none"
-                    cancelText: "以后再说",
-                    confirmText: "立即登录",
-                    confirmColor: "#FF780F",
-                    success(res) {
-                        // console.log(res);
-                        if (res.confirm) {
-                            setTimeout(() => {
-                                // 此为uView的方法，详见路由相关文档
-                                vm.$u.route('/pageA/login/login')
-                            }, 500)
-                        }
-                        if (res.cancel) {
-                        }
-                    }
                 })
+                setTimeout(() => {
+                    // 此为uView的方法，详见路由相关文档
+                    uni.navigateTo({
+                        url: "/pageA/login/login",
+                    })
+                }, 1000)
+                // uni.showModal({
+                //     title: "温馨提示",
+                //     content: "您还未登录，请立即登录",
+                //     cancelText: "以后再说",
+                //     confirmText: "立即登录",
+                //     confirmColor: "#FF780F",
+                //     success(res) {
+                //         // console.log(res);
+                //         if (res.confirm) {
+                //             setTimeout(() => {
+                //                 // 此为uView的方法，详见路由相关文档
+                //                 vm.$u.route('/pageA/login/login')
+                //             }, 500)
+                //         }
+                //         if (res.cancel) {
+                //         }
+                //     }
+                // })
             }
             return false;
         } else if (res.errCode == 1) {

common/store/index.js

@@ -18,7 +18,8 @@ const store = new Vuex.Store({
 		loadmore: {}, // 下拉加载返回的数据
 		hasLogin: false, // 登录状态
 		token: "", // 储存token
-        showLoginModel: false, // 登录框
+		showLoginModel: false, // 登录框
+		question: {}, // 帮助与反馈
 	},
 	getters: {
 		getOrderAddress(state) {
@@ -75,6 +76,9 @@ const store = new Vuex.Store({
 		},
 		setLoadMore(state, info) {
 			state.loadmore = info;
+		},
+		setQuestion(state, question) {
+			state.question = question;
 		}
 	}
 })

components/comment/index.vue

@@ -2,7 +2,7 @@
 	<view class="comment-item">
 		<view class="user">
 			<u-avatar :src="content.member_avatar" class="avatar" size="60"></u-avatar>
-			<text class="name">{{ content.geval_frommembername }}</text>
+			<text class="name">{{ content.member_nickname }}</text>
 			<u-rate v-if="reply" :disabled='true' :count="count" v-model="rate" size="23" active-color="#FF780F" inactive-color="#F0EDF1" gutter="10"></u-rate>
 		</view>
 		<view class="content">

components/index/zhibo-item/index.vue

@@ -3,12 +3,12 @@
         <image class="head" :src="image"></image>
         <view class="user">
             <view class="name">
-                <image></image>
+                <image :src="item.member_avatar"></image>
                 <text class="u-line-1" style="width:130rpx">{{name}}</text>
             </view>
-            <view class="pingbi">
+            <view class="pingbi" @click.stop="articleAddShield">
-                <image></image>
+                <image src="/static/image/common/7.png"></image>
-                <text>1屏蔽用户</text>
+                <text>屏蔽用户</text>
             </view>
         </view>
     </view>    
@@ -81,8 +81,20 @@ export default {
                    rid:this.rid
                } 
             })
-        }
+        },
+        articleAddShield() {
+            console.log(this.item)
+			this.$u.api.articleAddShield({
+				member_id: this.item.user_id,
+			}).then(res => {
+				// console.log(res)
+				if(res.errCode == 0) {
+                    this.$u.toast(res.message);
+					this.$emit("updateList");
+				}
+			})
+		},
     },
-    props:['name','image','url','zid','rid']
+    props:['name','image','url','zid','rid','item']
 }
 </script>

components/mine/address-active/index.vue

@@ -80,7 +80,6 @@ export default {
 		//　判断是不是编辑页面 调用接口
 		confirmBtn() {
 			if(!this.debounce) return;
-			this.debounce = false;
 			this.info ? this.editAddress() : this.addAddress();
 		},
 		// chooseArea() {
@@ -119,6 +118,7 @@ export default {
 		},
 		addAddress() {
 			if(!this.validateValue()) return false;
+			this.debounce = false;
 			this.$u.api.addressAdd({
 				area_id: this.area_id,
 				city_id: this.city_id,
@@ -144,6 +144,7 @@ export default {
 		},
 		editAddress() {
 			if(!this.validateValue()) return false;
+			this.debounce = false;
 			this.$u.api.addressEdit({
 				address_id: this.info.address_id,
 				area_id: this.area_id,

components/mine/collection-item/index.vue

@@ -46,6 +46,7 @@ export default {
 	},
 	methods: {
 		viewGoodsDetails(item) {
+			if(this.closeAction()) return false;
 			const list = this.list.filter(item => {
 				return item.show;
 			})
@@ -57,6 +58,17 @@ export default {
 				}
 			})
 		},
+		closeAction() {
+			let status = false;
+			this.list.map((val, idx) => {
+				if(val.show) {
+					status = true;
+					this.$set(this.list[idx], 'show', false);
+				};
+			})
+			this.$forceUpdate();
+			return status;
+		},
 		getGoodsFavoritesList() {
 			this.$u.api.getFavoritesList().then(res => {
 				if(res.errCode == 0) {

components/mine/order-item/index.vue

@@ -12,10 +12,8 @@
 				<image :src="goods.goods_image"></image>
 				<view class="goods-text">
 					<view class="goods-name u-line-2">{{ goods.goods_name }}</view>
-					<view class="goods-sku u-line-1" v-if="order.order_state !== 20 && order.order_state !== 40 && goods.goods_spec">
+					<view class="goods-sku u-line-1" v-if="order.order_state !== 20 && order.order_state !== 40 && goods.goods_spec">{{ goods.goods_spec | concatSpec }}</view>
-						<text v-for="(spec, index) in goods.goods_spec" :key="index">{{ spec + ';' }}</text>
+					<!-- <view class="goods-time u-line-1" v-if="order.view_type == 1">结束时间：{{ order.end_time | date('yyyy-mm-dd hh:MM') }}</view> -->
-					</view>
-					<view class="goods-time u-line-1" v-if="order.view_type == 1">结束时间：{{ order.end_time | date('yyyy-mm-dd hh:MM') }}</view>
 					<view class="goods-price u-line-1" v-if="order.order_state == 20 || order.order_state == 40">总价：￥{{ goods.goods_price }}，实付款￥{{ goods.goods_pay_price }}</view>
 					<view class="goods-date" v-if="order.order_state == 20 || order.order_state == 40">
 						<image src="@/pageE/static/mine/26.png"></image>
@@ -24,14 +22,20 @@
 				</view>
 			</view>
 		</view>
-		<view class="order-btn" v-if="[1, 2, 3, 4, 8, 9].indexOf(order.view_type) >= 0">
+		<view class="order-btn" v-if="[1, 2, 3, 4, 8, 11].indexOf(order.view_type) >= 0">
-			<view class="cancel" v-if="(order.view_type == 3 || order.view_type == 2) && order.is_refund == 1" @click="toOtherPage('RefundOrder')">申请退款</view>
+			 <!-- || order.view_type == 2 -->
-			<view class="cancel" v-if="order.view_type == 3" @click="toOtherPage('Logistics')">查看物流</view>
+			<view class="cancel" v-if="(order.view_type == 3) && order.is_refund == 1" @click="toOtherPage('RefundOrder')">申请退款</view>
+			<view class="cancel" v-if="order.view_type == 3 && order.shipping_code" @click="toOtherPage('Logistics')">查看物流</view>
 			<view class="logistics" v-if="order.view_type == 3" @click="confirmReceive">确认收货</view>
 			<view class="comment" v-if="order.view_type == 4" @click="toOtherPage('Comment')">立即评价</view>
 			<view class="cancel" v-if="order.view_type == 1" @click="cancelOrder">取消支付</view>
-			<view class="cancel" v-if="order.view_type == 9" @click="cancelOrder">取消订单</view>
+			<!-- <view class="cancel" v-if="order.view_type == 9" @click="cancelOrder">取消订单</view> -->
-			<view class="payment" v-if="order.view_type == 1 || order.view_type == 9" @click="payNow(order.pay_sn, order.order_amount,order.order_id)">立即支付</view>
+			<view class="phone" v-if="order.view_type == 3 && order.takeawayer_phone" @click="makePhone(order.takeawayer_phone)">
+				<u-icon name="phone-fill" color="#FF780F" size="28"></u-icon>
+				<text>联系骑手</text>
+			</view>
+			 <!-- || order.view_type == 9 -->
+			<view class="payment" v-if="order.view_type == 1" @click="payNow(order.pay_sn, order.order_amount,order.order_id)">立即支付</view>
 			<view class="service" v-if="order.view_type == 8">联系官方客服</view>
 			<view class="submit" v-if="order.view_type == 8">提交官方审核</view>
 		</view>
@@ -51,9 +55,22 @@ export default {
 	mounted() {
 		this.viewState();
 	},
+	filters: {
+		concatSpec(value) {
+			let spec = '';
+			for (const key in value) {
+				if (value.hasOwnProperty(key)) {
+					const element = value[key];
+					spec = spec + element + ';'
+				}
+			}
+			return spec;
+		}
+	},
 	methods: {
 		viewState() {
 			let state;
+			// console.log(this.order.view_type);
 			switch (this.order.view_type) {
 				case 1:
 					state = '待支付';
@@ -79,6 +96,12 @@ export default {
 				case 9:
 					state = '拼团中';
 					break;
+				case 10:
+					state = '已取消';
+					break;
+				case 11:
+					state = '已拒绝';
+					break;	
 				default:
 					break;
 			}
@@ -117,6 +140,11 @@ export default {
                 order_id: id
 			});
 		},
+		makePhone(phone) {
+			uni.makePhoneCall({
+				phoneNumber: phone
+			});
+		}
 	},
 };
 </script>
@@ -172,7 +200,7 @@ export default {
 					line-height: 38rpx;
 				}
 				.goods-sku {
-					display: inline-block;
+					align-self: baseline;
 					max-width: 230rpx;
 					background: rgba(236,236,236,1);
 					border-radius: 6rpx;
@@ -206,7 +234,7 @@ export default {
 		display: flex;
 		justify-content: flex-end;
 		@mixin btn-class($width, $color) {
-			width: $width;
+			// width: $width;
 			height: 60rpx;
 			border: 2rpx solid $color;
 			color: $color;
@@ -229,6 +257,15 @@ export default {
 		.submit {
 			@include btn-class($width: 216rpx, $color: rgba(255,119,15,1));
 		}
+		.phone {
+			@include btn-class($width: 206rpx, $color: rgba(255,119,15,1));
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			.u-icon {
+				margin-right: 10rpx;
+			}
+		}
 	}
 }
 </style>

components/remaining/remaining.vue

@@ -17,7 +17,7 @@
 				<view class="uni-padding-wrap">
 					<view class="page-section swiper">
 						<view class="page-section-spacing">
-							<swiper class="swiper" :indicator-dots="true" :style="{height:heightOut+'px'}" :autoplay="false" :interval="3000" :duration="1000" @animationfinish="">
+							<swiper class="swiper" :indicator-dots="true" :style="{height:heightOut+'px'}" :autoplay="false" :interval="3000" :duration="300" @animationfinish="tiaoguos" @change="qiehuan">
 								<swiper-item v-for="(item,index) in list" :key="index">
 									<view class="swiper-item uni-bg-red">
 										<image :src=" 'https://' + item.launch_path"></image>
@@ -72,13 +72,27 @@
 				indicatorDots: true,
 				interval: 2000,
 				duration: 500,
-                swiper_index: "",
+				swiper_index: "",
+				tiaoguo:false,
+				weizhi:0
 			};
 		},
 		onReady: function(res) {
 			this.videoContext = uni.createVideoContext('myVideo');
 		},
 		methods: {
+			tiaoguos(a){
+				console.log(a.detail)
+				if(this.weizhi == a.detail.current && a.detail.current == this.list.length -1){
+					this.leap_overto()
+				}
+				this.weizhi = a.detail.current
+				
+			},
+			qiehuan(a){
+				console.log(a)
+				this.tiaoguo = a.detail.current
+			},
 			apiwelcome() {
 				this.$u.api.documentInfo({
 					document_code: 'agreement'
@@ -324,4 +338,4 @@
 			}
 		}
 	}
-</style>
+</style>

components/shop/list/index.vue

@@ -14,7 +14,7 @@
 			</swiper-item>
 		</swiper>
 		<!-- 加载更多 -->
-		<u-loadmore :status="loadStatus" bgColor="#FFF" margin-top="20" margin-bottom="20" @loadmore="loadMore"></u-loadmore>
+		<u-loadmore class="load-size" :status="loadStatus" bgColor="#FFF" margin-top="20" margin-bottom="20" @loadmore="loadMore"></u-loadmore>
     </view>
 </template>
 <script>

components/shop/list/item.vue

@@ -34,7 +34,7 @@ export default {
 				url: 'pageB/sdetails/index',
 				params: {
 					id: this.info.goods_id,
-					type: 1,
+					// type: 1,
 				}
 			})
 		}

components/shop/special-shop/index.vue

@@ -5,8 +5,8 @@
 			<view class="right">
 				<view class="name u-line-1" @click="spikeGoods">{{ item.goods_name }}</view>
 				<view class="price">
-					<view class="groupbuy-price">{{ item.groupbuy_price }}</view>
+					<view class="groupbuy-price">￥{{ item.groupbuy_price }}</view>
-					<view class="goods-price">{{ item.goods_price }}</view>
+					<view class="goods-price">￥{{ item.goods_price }}</view>
 				</view>
 				<view class="buy">
 					<view class="num">剩余{{ item.inventory }}件</view>
@@ -19,7 +19,7 @@
 			<view class="right">
 				<view class="name u-line-1" @click="toDetailsPage">{{ item.pintuan_goods_name }}</view>
 				<view class="price group">
-					<view class="groupbuy-price">{{ item.pintuan_goods_price }}</view>
+					<view class="groupbuy-price">￥{{ item.pintuan_goods_price }}</view>
 					<view class="btn" @click="toDetailsPage">立即拼团</view>
 				</view>
 			</view>

package-lock.json

@@ -6,13 +6,13 @@
   "dependencies": {
     "blueimp-md5": {
       "version": "2.17.0",
-      "resolved": "https://registry.npm.taobao.org/blueimp-md5/download/blueimp-md5-2.17.0.tgz?cache=0&sync_timestamp=1595922448921&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fblueimp-md5%2Fdownload%2Fblueimp-md5-2.17.0.tgz",
+      "resolved": "https://registry.npmjs.org/blueimp-md5/-/blueimp-md5-2.17.0.tgz",
-      "integrity": "sha1-9PysCIsRX3tARfGfXaWenQGxu5Y="
+      "integrity": "sha512-x5PKJHY5rHQYaADj6NwPUR2QRCUVSggPzrUKkeENpj871o9l9IefJbO2jkT5UvYykeOK9dx0VmkIo6dZ+vThYw=="
     },
     "uview-ui": {
-      "version": "1.5.0",
+      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-1.5.0.tgz",
+      "resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-1.6.2.tgz",
-      "integrity": "sha512-1UdMUGJqWx60ALbXXXs3rQHKUNBARDIV5XHc06mKFxpccO/i0tzoSqS6RuPdmYwXU1q59wnIU+NLABvcU5u4vw=="
+      "integrity": "sha512-AvTXUk8A/AdJazxTziApw0NMv61jlE9cEO+Jxe84cTvcm2Ej7Ngf8zb3a6aSPVi6OVu81vTCC71R1wN7dZC3ig=="
     },
     "vuex": {
       "version": "3.5.1",

package.json

@@ -14,7 +14,7 @@
   "license": "ISC",
   "dependencies": {
     "blueimp-md5": "^2.17.0",
-    "uview-ui": "^1.5.0",
+    "uview-ui": "^1.6.2",
     "vuex": "^3.5.1"
   }
 }

pageA/bindinges/bindinges.vue

@@ -3,32 +3,28 @@
 	<view>
 		<view class="login">
 			<view class="content">
-				<view class="title">手机登录</view>
+				<view class="title">请绑定手机号</view>
 				<view class="labales">
-					<text>手机号</text>
+					<input type="number" maxlength="11" v-model="phone" placeholder="手机号" />
-					<input type="tel" placeholder="" />
 				</view>
-				<view class="labales">
+				<view class="labales flex-inp">
-					<text>请输入验证码</text>
+					<input type="number" maxlength="6" placeholder="请输入验证码" v-model="sms_code" />
-					<input type="tel" placeholder="" />
+					<button class="identifying" :class="is_sendcode ? 'sended' : ''" @click="getCode" :disabled="is_sendcode">{{ is_sendcode ? time_count + "后可以重新发送" : "发送验证码" }}</button>
-					<text class="identifying">获取验证码</text>
 				</view>
 				<!-- 服务协议 -->
 				<view class="pact">
-					<view></view>
+                    <checkbox-group @change="change">
+                        <checkbox class="check-tit" color="#1ADE00" :checked="checked" />
+                    </checkbox-group>
 					<text>我已详细阅读并同意</text>
-					<text class="pact_text">《用户协议》</text>
+					<text class="pact_text" v-for="(item,index) in pactList" :key="index" @click="infoPact(index)">
-					<text class="pact_text">《隐私协议》</text>
+                        {{ item }}
-					<text class="pact_text">《使用协议》</text>
+                    </text>
-					<u-checkbox-group @change="checkboxGroupChange" size="27">
-						<u-checkbox @change="checkboxChange" v-model="item.checked" v-for="(item, index) in list" :key="index" :name="item.name"
-						 shape="circle" size="14" active-color="#19BE6B"></u-checkbox>
-					</u-checkbox-group>
 				</view>
 			</view>
 			<!-- denglu QQ weixin -->
-			<u-button>{{login}}</u-button>
+			<view class="btn-login" @click="bindPhone">{{login}}</view>
-			
+            <u-toast ref="uToast" />
 		</view>
 	</view>
 </template>
@@ -36,81 +32,151 @@
 	export default {
 		data() {
 			return {
-				list: [{
+                phone: "",
-					checked: false,
+                sms_code: "",
-					disabled: false
+				login: '绑定',
-				}],
+				show: true,
-				value: '',
+                checked: false,
-				login: '注册',
+                // 时间
-				show: true
+                timer: null,
+				is_sendcode: false, // 60s
+                time_count: 60,
+                pactList: [ "《用户协议》", "《隐私协议》", "《使用协议》" ],
 			};
 		},
 		methods: {
-			// 选中某个复选框时，由checkbox时触发
+            // 勾选协议
-			checkboxChange(e) {
+			change(e) {
-				//console.log(e);
+                this.checked = !this.checked;
-			},
+                console.log(this.checked);
-			// 选中任一checkbox时，由checkbox-group触发
+            },
-			checkboxGroupChange(e) {
+            // 获取验证码
-				// console.log(e);
+            getCode() {
-			},
+                if (this.$u.test.isEmpty(this.phone)) {
-			mask_u(){
+                    this.$refs.uToast.show({
-				this.show = !this.show
+                        title: '手机号格式不能为空！',
-			},
+                        type: 'error',
+                    })
+                    return;
+                }
+                if(!(/^1[3456789]\d{9}$/.test(this.phone))){
+                    this.$refs.uToast.show({
+                        title: '手机号格式不正确！',
+                        type: 'warning',
+                    })
+                    return;
+                }
+                this.$u.api.sendSmsCode({
+                    member_mobile: this.phone,
+                    smslog_type: 4,
+                }).then(res => {
+                    if (res.errCode == 0) {
+                        console.log(res);
+                        this.$refs.uToast.show({
+                            title: res.message,
+                            type: 'success',
+                        })
+                        // 发送验证码
+                        this.getSendCode();
+                    } else {
+                        this.$refs.uToast.show({
+                            title: res.message,
+                            type: 'warning',
+                        })
+                    }
+                })
+            },
+            // 绑定手机号
+            bindPhone() {
+                if (this.$u.test.isEmpty(this.phone)) {
+                    this.$refs.uToast.show({
+                        title: '手机号不能为空！',
+                        type: 'error',
+                    })
+                    return;
+                }
+                if(!(/^1[3456789]\d{9}$/.test(this.phone))){
+                    this.$refs.uToast.show({
+                        title: '手机号格式不正确！',
+                        type: 'warning',
+                    })
+                    return;
+                }
+                if(this.$u.test.isEmpty(this.sms_code)){
+                    this.$refs.uToast.show({
+                        title: '验证码不能为空！',
+                        type: 'warning',
+                    })
+                    return;
+                }
+                if(this.sms_code.length == 0){
+                    this.$refs.uToast.show({
+                        title: '验证码有误！',
+                        type: 'warning',
+                    })
+                    return;
+                }
+                if(!this.checked){
+                    this.$refs.uToast.show({
+                        title: '请同意协议！',
+                        type: 'warning',
+                    })
+                    return;
+                }
+                this.$u.api.mobileBind({
+                    member_mobile: this.phone,
+                    sms_code: this.sms_code,
+                }).then(res => {
+                    console.log(res);
+                    if (res.errCode == 0) {
+                        this.$refs.uToast.show({
+                            title: res.message,
+                            type: 'success',
+                        })
+                        uni.switchTab({
+                             url: '/pages/index/index'
+                        });
+                    } else {
+                        this.$refs.uToast.show({
+                            title: res.message,
+                            type: 'warning',
+                        })
+                    }
+                })
+            },
+            // 协议详情
+            infoPact(index) {
+                // console.log(index);
+                uni.navigateTo({
+				    url: '/pageA/pactList/pactList?index=' + index
+				});
+            },
+            // 60s
+            getSendCode() {
+                const TIME_COUNT = 60;
+                if (!this.timer) {
+                    this.time_count = TIME_COUNT;
+                    this.is_sendcode = true;
+                    this.timer = setInterval(() => {
+                        if (this.time_count > 0 && this.time_count <= TIME_COUNT) {
+                            this.time_count--;
+                        } else {
+                            this.is_sendcode = false;
+                            clearInterval(this.timer);
+                            this.timer = null;
+                        }
+                    }, 1000);
+                }
+            },
 		}
 	};
 </script>
 
 <style lang="scss" scoped>
-	.uni-page-wrapper{
+    
-		background: #fff;
+    page {
-	}
+        background-color: #fff;
-	.login {
+    }
-		// background: url(../../static/pageA/loginbackground.png) no-repeat!important;
-		.images {
-			position: fixed;
-			width: 100%;
-			height: 100%;
-			top: 0;
-			left: 0;
-			z-index: -1;
-		}
-
-		.backes {
-			background: rgba(0, 0, 0, 0.4);
-			position: fixed;
-			width: 100%;
-			height: 100%;
-			z-index: -1;
-
-		}
-
-		text {
-			z-index: 9;
-			color: #fff;
-		}
-
-		.more_Login {
-			overflow: hidden;
-			zoom: 1;
-			width: 630rpx;
-			margin: 0 auto;
-		}
-
-		.more_Login text {
-			display: inline-block;
-			width: 50%;
-			float: left;
-			font-size: 30rpx;
-			color: rgba(255, 255, 255, 1);
-			line-height: 36px;
-			margin: 97rpx 0;
-		}
-
-		.more_Login .other {
-			text-align: right;
-		}
-	}
 
 	.title {
 		font-size: 36rpx;
@@ -124,163 +190,87 @@
 		z-index: 99999;
 		margin: 0 auto;
 		padding-top: 130rpx;
+        
+        .labales {
+            position: relative;
+            display: flex;
+            align-items: center;
+            padding: 20rpx;
+        	border-bottom: 1px #BFBFBF solid;
+            input {
+                width: 100%;
+            }
+        }
+        
+        .flex-inp {
+            justify-content: space-between;
+            margin-top: 70rpx;
+        }
 
 		.labales text {
 			font-size: 30rpx;
 			color: #999;
 		}
-
+        
-		.labales {
-			border-bottom: 1px #BFBFBF solid;
-			margin-bottom: 90rpx;
-		}
-
-		.labales {
-			position: relative;
-		}
-
 		.identifying {
-			position: absolute;
+            flex-shrink: 0;
-			right: 0;
+			font-size: 26rpx;
-			top: 0;
-			bottom: 0;
-			margin: auto;
-			font-size: 30rpx;
 			font-weight: 500;
-			color: #FF780F!important;
+			color: #FF780F !important;
+            border: none;
+		    background-color: #fff;
 		}
-	}
 
-	.pact text {
+        .sended {
-		font-size: 22rpx;
+            color: #666 !important;
-		font-weight: 400;
+        }
-		color: #333;
+
-		line-height: 36px;
 	}
+    
+    .pact {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        margin: 20rpx 0;
+        &>text {
+            font-size: 22rpx;
+            font-weight: 400;
+            color: #333;
+        }
+    }
+    
+    .check-tit {
+        font-size: 20rpx;
+    }
+    
+    ::v-deep uni-checkbox .uni-checkbox-input {
+        width: 24rpx;
+        height: 24rpx;
+        border-color: #d1d1d1 !important;
+        border-radius: 50% !important;
+    }
+    
+    ::v-deep uni-checkbox .uni-checkbox-input-checked:before {
+        font-size: 28rpx;
+    }
 
 	.pact_text {
 		font-size: 22px;
 		font-weight: 400;
 		color: rgba(129, 188, 253, 1) !important;
-		line-height: 36px;
 	}
 
-	//单选框的样式
+	.btn-login {
-	.pact {
+        width: 650rpx;
-		position: relative;
+        height: 90rpx;
-		padding-left: 38rpx;
+        margin: 300rpx auto 0;
-	}
+        text-align: center;
+        line-height: 90rpx;
+        color: #fff;
+        font-size: 34rpx;
+        border-radius: 50rpx !important;
+        background-color: #FF780F;
+    }
 
-	.u-checkbox-group {
+    button::after{ border: none; }
-		position: absolute;
-		left: 0;
-		top: 0;
-		bottom: 0;
-		margin: auto;
-	}
-
-	.u-checkbox__icon--square {
-		border-radius: 50rpx !important;
-		width: 22rpx;
-		height: 22rpx;
-	}
-
-	.u-btn {
-		width: 628rpx;
-		height: 98rpx;
-		background: rgba(255, 120, 15, 1) !important;
-		border-radius: 49rpx;
-		margin: 0 auto;
-		font-size: 36rpx;
-		color: rgba(255, 255, 255, 1) !important;
-		line-height: 36px;
-		border: 1px #ff780f solid;
-		outline: none;
-		border-color: rgba(255, 120, 15, 1) !important;
-		margin-top: 225rpx;
-	}
-
-	.warp {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		height: 100%;
-	}
-
-	.rect {
-		width: 558rpx;
-		height: 300rpx;
-		background-color: #fff;
-		border-radius: 20rpx;
-		overflow: hidden;
-		zoom: 1;
-		position: relative;
-		display: flex;
-		 flex-wrap:wrap;
-		 display: -webkit-flex; /* Safari */
-		.rect_view{
-			width: 100rpx;
-			height: 100rpx;
-			.image{
-			width: 45rpx;
-			height: 53rpx;
-			display: inline-block;
-			
-			}
-			flex:1;
-			margin-top: 77rpx;
-		}
-		.rect_view:nth-child(2) image{
-			width: 57rpx;
-			height: 45rpx;
-		}
-		
-		.rect_butoon{
-			width: 100%;
-			position: absolute;
-			bottom: 0;
-			height: 85rpx;
-			text-align: center;
-			line-height: 85rpx;
-			border-top: 1px #999999 solid;
-		}
-		view{
-			color: #666;
-			font-size:24rpx;
-			margin-top: 30rpx;
-			
-		}
-	}
-	.rect_view:nth-child(1) image,.rect_view:nth-child(1) view{
-		float: right;
-	}
-	.rect_view:nth-child(1) image{
-		margin-right: 20rpx;
-	}
-	.rect_view:nth-child(1){
-		position: relative;
-		margin-right: 79rpx;
-	}
-	.rect_view:nth-child(1) view{
-		position: absolute;
-		bottom: 0;
-		right: 0;
-	}
-	.rect_view:nth-child(2) image,.rect_view:nth-child(2) view{
-		float: left;
-	}
-	.rect_view:nth-child(2) image{
-		margin-left: 20rpx;
-	}
-	.rect_view:nth-child(2){
-		position: relative;
-	}
-	.rect_view:nth-child(2) view{
-		position: absolute;
-		bottom: 0;
-		left: 0;
-	}
-	u-button{
-		margin-top: 225rpx;
-	}
 </style>

pageA/login/login.vue

@@ -226,13 +226,20 @@
 												member_nickname: data.userInfo.nickName,
 												member_avatar: data.userInfo.avatarUrl,
 											}).then(res => {
-												console.log(res.errCode);
 												if (res.errCode == 0) {
 													this.loginIn(res.data.token);
+                          uni.setStorageSync('user_info',res.data);
 													this.show = false;
-													uni.switchTab({
+                                                    console.log(res.data.member.member_mobilebind);
-														url: "../../pages/index/index"
+													if(res.data.member.member_mobilebind) {
-													})
+														uni.switchTab({
+																url: "/pages/index/index"
+														});
+													} else {
+														uni.navigateTo({
+															 url: '/pageA/bindinges/bindinges'
+														});
+													}
 												}
 											})
 										}
@@ -246,11 +253,11 @@
 							uni.login({
 								provider: 'weixin',
 								success: (wxres) => {
-									console.log(wxres);
+									// console.log(wxres);
 									uni.getUserInfo({
 										provider: 'weixin',
 										success: (data) => {
-											console.log(data);
+											// console.log(data);
 											this.$u.api.wechatLogin({
 												member_wxopenid: data.userInfo.openId,
 												member_nickname: data.userInfo.nickName,
@@ -259,10 +266,18 @@
 												console.log(res);
 												if (res.errCode == 0) {
 													this.loginIn(res.data.token);
+                          uni.setStorageSync('user_info',res.data);
 													this.show = false;
-													uni.switchTab({
+                                                    console.log(res.data.member.member_mobilebind);
-														url: "../../pages/index/index"
+													if(res.data.member.member_mobilebind) {
-													})
+														uni.switchTab({
+																url: "/pages/index/index"
+														});
+													} else {
+														uni.navigateTo({
+															 url: '/pageA/bindinges/bindinges'
+														});
+													}
 												}
 											})
 										}
@@ -299,11 +314,11 @@
 			tochange() {
 
 			},
-            goIndex() {
+			goIndex() {
-                uni.switchTab({
+					uni.switchTab({
-                    url: "/pages/index/index"
+							url: "/pages/index/index"
-                })
+					})
-            }
+			}
 		},
 		components: {
 			identifying

pageA/pactList/pactList.vue

@@ -29,9 +29,9 @@ export default {
 					document_code: 'agreement'
 				}).then((res)=>{
 					// console.log(res.data.document_title);
-                    uni.setNavigationBarTitle({
+					uni.setNavigationBarTitle({
-                        title: res.data.document_title
+							title: res.data.document_title
-                    })
+					})
 					let data = common.unescapeHTML(res.data.document_content);
 					this.document_content = data;
 				})
@@ -41,9 +41,9 @@ export default {
 					document_code: 'privacy'
 				}).then((res)=>{
 					// console.log(res.data.document_title);
-                    uni.setNavigationBarTitle({
+					uni.setNavigationBarTitle({
-                        title: res.data.document_title
+							title: res.data.document_title
-                    })
+					})
 					let data = common.unescapeHTML(res.data.document_content);
 					this.document_content = data 
 				})
@@ -53,9 +53,9 @@ export default {
 					document_code: 'use'
 				}).then((res)=>{
 					// console.log(res.data.document_title);
-                    uni.setNavigationBarTitle({
+					uni.setNavigationBarTitle({
-                        title: res.data.document_title
+							title: res.data.document_title
-                    })
+					})
 					let data = common.unescapeHTML(res.data.document_content);
 					this.document_content = data 
 				})
@@ -69,7 +69,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-	.packlist{}
 	.packlist > view{
 		width: 90%;
 		margin: 0 auto;

pageB/components/details/userinfo.vue

@@ -4,7 +4,7 @@
             <view class="info">
                 <view class="avatar">
                     <image :src="item.member_avatar" mode="aspectFill"></image>
-                    <view class="posi-type">
+                    <view class="posi-type" v-if="item.live_status != 0"  @click="tozhibo">
                         <view>
                             <u-icon name="play-right-fill" color="#fff" size="20rpx"></u-icon>
                         </view>
@@ -136,6 +136,16 @@ export default {
         deep: true
     },
     methods: {
+        tozhibo(){
+            this.$u.route({
+                url:"/pages/zhibo/index",
+               params:{
+                   url:item.url,
+                   id:item.live_id,
+                   rid:item.chatroom_id
+               } 
+            })
+        },
         // 打开个性
         openPro() {
             this.is_open = !this.is_open;

pageB/components/sdetails/guige.vue

@@ -54,12 +54,30 @@ export default {
             select: 0
         }
     },
-    props:['item','title'],
+    props:['item','title', 'default'],
-    watch:{
+    watch: {
         select(){
-            console.log(this.select)
+            // console.log(this.select)
             this.$emit("sel", this.select);
         }
-    }
+	},
+	mounted() {
+		this.setDefaultValue();
+	},
+	methods: {
+		setDefaultValue() {
+			for (const ikey in this.item) {
+				if (this.item.hasOwnProperty(ikey)) {
+					const ielement = this.item[ikey];
+					for (const dkey in this.default) {
+						if (this.default.hasOwnProperty(dkey)) {
+							const delement = this.default[dkey];
+							if(ikey == dkey) this.select = ikey;
+						}
+					}
+				}
+			}
+		}
+	}
 }
 </script>

pageB/components/userinfo/index.vue

@@ -1,8 +1,9 @@
 <template>
-    <view class="userinfo">
+    <view class="userinfo" @click="stopClick()">
         <view class="userhead">
             <image class="avatar" :src="item.member_avatar"></image>
-            <text class="follow" @click="following(item.member_id)">{{ is_follow ? "✓" : "+" }}</text>
+            <!-- <text class="follow" @click="following(item.member_id)">{{ is_follow ? "✓" : "+" }}</text> -->
+            <image class="follow" :src=" !is_follow ? '../../static/image/userinfo/follow.png' : '../../static/image/userinfo/followed.png' " mode="" @click="following(item.member_id)"></image>
         </view>
         <!-- 点赞 -->
         <view class="operat zan">
@@ -62,16 +63,10 @@
     .follow {
         z-index: 100;
         position: absolute;
-        top: 90rpx;
+        top: 80rpx;
-        left: 40rpx;
+        left: 30rpx;
-        width: 36rpx;
+        width: 50rpx;
-        height: 36rpx;
+        height: 50rpx;
-        text-align: center;
-        line-height: 36rpx;
-        font-size: 34rpx;
-        border-radius: 50%;
-        color: #fff;
-        background-color: #FF780F;
     }
 
     .operat {
@@ -80,6 +75,7 @@
         /* #endif */
         align-items: center;
         flex-direction: column;
+        padding: 0 30rpx;
     }
 
     .operat-span {
@@ -110,7 +106,7 @@
         },
         watch: {
             list(newValue, old) {
-                console.log(newValue);
+                // console.log(newValue);
                 this.item = newValue || {};
                 this.is_follow = this.list.is_attention || false;
                 this.is_like = this.list.is_like || false;
@@ -152,6 +148,11 @@
                                 title: res.data.message,
                                 icon: "none"
                             })
+                        } else if (res.data.errCode == 401) {
+                            uni.showToast({
+                                title: "您还没有登录，请先登录！",
+                                icon: "none"
+                            })
                         }
                     }
                 })
@@ -174,6 +175,11 @@
                             // console.log(res);
                             this.is_like = !this.is_like;
                             this.list.like_num = res.data.data.num;
+                        } else if (res.data.errCode == 401) {
+                            uni.showToast({
+                                title: "您还没有登录，请先登录！",
+                                icon: "none"
+                            })
                         } else {
                             uni.showToast({
                                 title: res.data.message,
@@ -200,6 +206,11 @@
                             console.log(res.data.num);
                             this.is_collect = !this.is_collect;
                             this.list.collect_num = res.data.data.num;
+                        } else if (res.data.errCode == 401) {
+                            uni.showToast({
+                                title: "您还没有登录，请先登录！",
+                                icon: "none"
+                            })
                         } else {
                             uni.showToast({
                                 title: res.data.message,
@@ -227,6 +238,9 @@
                     cart: this.is_cart
                 });
             },
+            // 冒泡
+            stopClick() {
+            }
         }
     }
 </script>

pageB/coupon/details.vue

@@ -56,17 +56,8 @@ export default {
 	},
 	onLoad(option) {
 		this.price = option.price;
-		// this.isNewmembervoucher();
 	},
 	methods: {
-		// 是否显示新人优惠券
-		isNewmembervoucher() {
-			this.$u.api.isNewmembervoucher().then(res => {
-				if(res.errCode == 0) {
-					this.price = res.data.price;
-				}
-			})
-		},
 		exchangeCoupon() {
 			this.$u.api.getCoupon({ id: 1 }).then(res => {
 				this.$u.toast(res.message);

pageB/coupon/index.vue

@@ -0,0 +1,89 @@
+<template>
+	<u-popup v-model="showCoupon" mode="center" class="u-coupon-popup">
+		<view class="coupon">
+			<view class="price">{{ newMemberCoupon.price }}</view>
+			<image src="/static/image/common/30.png" class="coupon-image" @click="viewCoupon"></image>
+			<image src="/static/image/common/24.png" class="close-image" @click="showCoupon=false"></image>
+		</view>
+	</u-popup>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				showCoupon: true,
+				newMemberCoupon: {},
+			}
+		},
+		watch: {
+			showCoupon(value) {
+				if(!value) {
+					uni.navigateBack();
+				}
+			}
+		},
+		onShow() {
+			this.isNewmembervoucher();
+		},
+		methods: {
+			viewCoupon() {
+				this.$u.route('/pageB/coupon/details', {
+					price: this.newMemberCoupon.price
+				});
+			},
+			// 是否显示新人优惠券
+			isNewmembervoucher() {
+				this.$u.api.isNewmembervoucher().then(res => {
+					if(res.errCode == 0) {
+						this.newMemberCoupon = res.data;
+					} else {
+						this.showCoupon = false;
+					}
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	page{
+		background-color: rgba(0,0,0,0);
+	}
+	.u-coupon-popup {
+		/deep/ .u-mode-center-box {
+			background-color: transparent;
+		}
+		.coupon {
+			width: 750rpx;
+			height: 583rpx;
+			position: relative;
+			.price {
+				z-index: 3;
+				color: #EBB36E;
+				position: absolute;
+				font-size: 92rpx;
+				font-weight: bold;
+				top: 200rpx;
+				left: 50%;
+				font-family: PingFang SC;
+				transform: translate(-68%, 0);
+			}
+			.coupon-image {
+				width: 568rpx;
+				height: 583rpx;
+				position: absolute;
+				top: 0;
+				left: 50%;
+				transform: translate(-60%, 0);
+			}
+			.close-image {
+				position: absolute;
+				top: 0; 
+				right: 155rpx;
+				width: 60rpx;
+				height: 60rpx;
+			}
+		}
+	}
+</style>

pageB/details/index.vue

@@ -19,7 +19,7 @@
             <view class="box">
             	<videoItem v-for="item in listInfo" :key="item.article_id" :item="item"
             	 @getArticlelist="getArticlelist"></videoItem>
-                 <view class="no-data" v-show="!listInfo && !page">暂无数据</view>
+                 <view class="no-data" v-show="!listInfo && page">暂无数据</view>
             </view>
         </scroll-view>
     </view>
@@ -74,7 +74,7 @@ export default {
             userInfo: {}, // 用户信息
             listInfo: [], // 列表详情
             member_id: 0,
-            page: 0,
+            page: 1,
         }
     },
     onLoad(option) {
@@ -82,14 +82,20 @@ export default {
         this.member_id = option.id;
         this.getUserInfo(option.id);
         this.getArticlelist();
+
     },
     methods:{
         // 获取信息
         getUserInfo(id) {
             this.$u.post("MemberExpert/expertInfo",{member_id: id}).then(res => {
-                // console.log(res);
+                console.log(res);
                 this.userInfo = res.data.info;
-                // console.log(this.userInfo);
+                console.log(this.userInfo.is_attention);
+                if(this.userInfo.is_attention == 1){
+                    this.$u.api.dynamicRead({id}).then((res)=>{
+                        console.log(res)
+                    })
+                }
             })
         },
         // 获取列表

pageB/follow/index.vue

@@ -1,43 +1,49 @@
 <template>
     <view class="follow">
-        <view class="sosuo" @click="searchValue">
+       <scroll-view scroll-y :style="{ height: viewHeight }" @scrolltolower="loadmore" class="container">
-            <image src="/static/image/common/10.png"></image>
+		    <view class="sosuo" @click="searchValue">
-            <text>输入达人名称</text>
+				<image src="/static/image/common/10.png"></image>
-        </view>
+				<text>输入达人名称</text>
-        <view class="list" style="margin-left:-20rpx">
+			</view>
-            <darenItem style="margin-top:20rpx;margin-left:20rpx;" v-for="item in recommendList" :key="item.id" :info="item"  v-on:pChangeType="changeType"></darenItem>
+			<view class="list" style="margin-left:-20rpx">
-        </view>
+				<darenItem style="margin-top:20rpx;margin-left:20rpx;" v-for="item in recommendList" :key="item.id" :info="item"  v-on:pChangeType="changeType"></darenItem>
+			</view>
+			<u-loadmore :status="loadStatus" bgColor="#ECECEC" font-size="14" margin-top="40" margin-bottom="20" v-if="recommendList.length > pageSize" @loadmore="loadmore"></u-loadmore>
+	   </scroll-view>
     </view>
 </template>
 <style lang="scss" scoped>
 .follow{
     background-color: #ECECEC;
     min-height: calc(100vh - var(--window-top));
-    padding: 20rpx 30rpx;
+	.container {
-    .sosuo{
+		box-sizing: border-box;
-        width: 100%;
+		padding: 20rpx 30rpx;
-        height: 60rpx;
+		.sosuo{
-        border-radius: 30rpx;
+			width: 100%;
-        background-color: #fff;
+			height: 60rpx;
-        display: flex;
+			border-radius: 30rpx;
-        align-items: center;
+			background-color: #fff;
-        justify-content: center;
+			display: flex;
-        >image{
+			align-items: center;
-            width: 29rpx;
+			justify-content: center;
-            height: 29rpx;
+			>image{
-        }
+				width: 29rpx;
-        >text{
+				height: 29rpx;
-            font-size: 24rpx;
+			}
-            color: #999;
+			>text{
-            margin-left: 15rpx;
+				font-size: 24rpx;
-        }
+				color: #999;
-    }
+				margin-left: 15rpx;
-    .list{
+			}
-        display: flex;
+		}
-        flex-wrap: wrap;
+		.list{
-        width: calc(100% + 23rpx);
+			display: flex;
-        margin-right: -23rpx;
+			flex-wrap: wrap;
-    }
+			width: calc(100% + 23rpx);
+			margin-right: -23rpx;
+		}
+	}
 }
 </style>
 <script>
@@ -50,22 +56,45 @@ export default {
     },
     data(){
         return{
+			pageSize: 2,
 			recommendList: [], // 推荐达人
+			page: 1,
+			loadStatus: 'loadmore',
+			timer: true,
+			viewHeight: '',
         }
 	},
+	onLoad() {
+		this.setViewHeight();
+	},
 	onShow() {
 		this.getRecommendList();
 	},
 	methods: {
-		getRecommendList() {
+		async getRecommendList({ load = 'reload' } = {}) {
-			this.$u.api.getRecommendList().then(res => {
+			const res = await this.$u.api.getAllRecommendList({ page: this.page });
-				if(res.errCode == 0) {
+			this.timer = true;
-					this.recommendList = res.data.list;
+			if(res.errCode == 0) {
-				}
+				if(load == 'reload') this.recommendList = res.data.list;
+				if(load == 'loadmore') this.recommendList.push(...res.data.list);
+			}
+			return res.data.list.length;
+		},
+		loadmore() {
+			if(!this.timer) return false;
+			this.timer = false;
+			this.loadStatus = "loading";
+			this.page++;
+			this.getRecommendList({ load: "loadmore" }).then(length => {
+				this.loadStatus = "nomore";
+				if(length == 0) this.page--;
+			}).catch(() => {
+				this.loadStatus = "nomore";
+				this.page--;
 			})
 		},
 		changeType(member_id){
-			console.log(member_id);
+			// console.log(member_id);
 			this.$emit("pChangeType")
 			this.$u.api.attentionMember({
 				member_id: member_id
@@ -76,9 +105,13 @@ export default {
 		},
 		searchValue() {
 			uni.navigateTo({
-				url: '/pageB/search/index?type=2'
+				url: '/pageB/search/index?type=2&curent=1'
 			})
 		},
+		setViewHeight() {
+			const res = uni.getSystemInfoSync();
+			this.viewHeight = res.windowHeight + 'px';
+		}
 	},
 }
 </script>

pageB/photo/index.vue

@@ -47,8 +47,8 @@
                             <view class="info">
                                 <image :src="child.member_avatar" mode=""></image>
                                 <text>{{ child.member_nickname }}</text>
-                                <u-icon v-if="!child.is_nickanme" class="icon" name="play-right-fill" color="#666" size="10rpx"></u-icon>
+                                <u-icon class="icon" name="play-right-fill" color="#666" size="10rpx" v-if="0"></u-icon>
-                                <text v-if="!child.is_nickanme">{{ child.reply_member_nickname }}</text>
+                                <text v-if="0">{{ child.reply_member_nickname }}</text>
                             </view>
                             <view class="child_content">{{ child.content }}</view>
                         </view>
@@ -66,7 +66,7 @@
 		<!-- 评论box -->
 		<u-popup v-model="is_edit" mode="bottom" border-radius="10" height="100rpx">
 			<view class="edit-box">
-				<input type="text" focus :placeholder="edit_text_other" @focus="focus" v-model="send_value">
+				<input type="text" :focus="is_focus" :placeholder="edit_text_other" @focus="focus" v-model="send_value">
 				<text @click="sendComment">发送</text>
 			</view>
 		</u-popup>
@@ -81,7 +81,6 @@
 					<image :src="item.goods_image" mode="aspectFill"></image>
 					<view>
 						<text class="title">{{ item.goods_advword }}</text>
-						<text class="name">{{ item.goods_name }}</text>
 						<text class="price">{{ item.goods_promotion_price }}</text>
 					</view>
 				</view>
@@ -252,6 +251,7 @@
                     }
                     .child_content {
                         margin: 18rpx 0 18rpx 30rpx;
+                        font-size: 26rpx;
                     }
                 }
                 .more-reply {
@@ -292,6 +292,7 @@
 		height: 90rpx;
 		& > input {
 			width: 80%;
+            font-size: 24rpx;
 			padding: 4rpx 20rpx;
 			border-radius: 20rpx;
 		}
@@ -330,7 +331,7 @@
 				& > view {
 					display: flex;
 					flex-direction: column;
-					justify-content: space-between;
+					justify-content: space-around;
 					color: #333;
 					font-size: 28rpx;
 					.title {
@@ -407,7 +408,7 @@ export default {
             list:{},
 			swiper_id: "",
             page: 0, // 主评论
-            page_: [], // 子评论
+            page_: {}, // 子评论
 			cart_type: false, // 显示购物车
 			is_comment: false, // 显示评论
 			is_focus: false, // 聚焦
@@ -417,10 +418,11 @@ export default {
 			cart_len: 0,
 			photo_len: 0,
             comment_num: 0,
+            is_more: true,
 			edit_text: "有爱评论，说点好听的 ~",
 			edit_text_other: "有爱评论，说点好听的 ~",
 			commentList: [], // 评论
-            allList: [], // 全部子评论
+            allList: {}, // 全部子评论
             status: 'loadmore',
             iconType: 'circle',
             loadText: {
@@ -434,6 +436,7 @@ export default {
 	onLoad(option){
 	    this.article_id = option.id;
 	    this.articleInfo(this.article_id);
+        this.allList = {};
 	},
     // 监听返回按钮
     onBackPress() {
@@ -492,18 +495,31 @@ export default {
                         this.commentList = this.commentList.concat(res.data);
                     }
                     this.page++;
+                    let list = this.commentList;
+                    list.forEach((item,index) => {
+                        // console.log(item);
+                        item.page = 0;
+                        item.commentList = [];
+                    })
+                    this.commentList = list;
                 }
 			})
 		},
 		// 打开评论输入
 		openKeyInput(data,index) {
+            let me = this;
 			// console.log(data);
 			this.is_edit = true;
             setTimeout(() => {
                 this.is_focus = true;
             }, 200)
+            uni.onKeyboardHeightChange(function(res){
+                if (res.height == 0) {
+                    me.is_focus = false;
+                }
+            })
             this.comment_id = index;
-            if (data.id) {
+            if (data.content) {
                 this.edit_text_other = "回复@" + data.member_nickname;
                 this.pid = data.id;
                 this.reply_id = data.member_id;
@@ -526,15 +542,25 @@ export default {
 				pid: this.pid,
 				reply_id: this.reply_id,
 			}).then(res => {
-				// console.log(res.data.data);
+				// console.log(res.data);
+                this.send_value = "";
 				if (res.errCode == 0) {
-                    this.send_value = "";
                     this.comment_num = res.data.num;
                     // console.log(this.comment_num);
 					this.is_edit = false;
+                    // console.log(res.data.data.reply_id);
+                    let p_id = res.data.data.pid;
+                    // console.log(p_id);
                     if (res.data.data.pid) {
                         this.commentList[this.comment_id].reply_count = true;
-                        this.allList[this.comment_id].unshift(res.data.data);
+                        console.log(this.allList[p_id]);
+                        if (this.allList[p_id]) {
+                            this.allList[p_id].push(res.data.data);
+                        } else {
+                            this.allList[p_id] = [];
+                            this.allList[p_id].push(res.data.data);
+                        }
+                        console.log(this.allList);
                     } else {
                         this.commentList.unshift(res.data.data);
                     }
@@ -545,15 +571,21 @@ export default {
 		},
         // 发现回复列表
         getReplyList(id) {
-            this.page_[id] = 0;            
+            uni.showLoading({
+                title: "loading..."
+            })
             if (!this.page_[id] === 0) {
             }
-            console.log(this.page_[id]);
             this.$u.post("article/articleReplyList", {id: id, page: this.page_[id]}).then(res => {
-                console.log(this.page_);
+                uni.hideLoading();
                 if (res.errCode == 0) {
+                    // if (res.data.length < 10) {
+                    //     this.is_more = false;
+                    // }
                     this.page_[id]++;
                     this.allList[id] = res.data;
+                    this.$forceUpdate();
+                    console.log(this.allList);
                 }
             })
         },
@@ -584,7 +616,7 @@ export default {
 				delta: 1
 			})
 		},
-		focus() {
+		focus(e) {
 			setTimeout(function(){
 				uni.showSoftKeybord;
 			}, 200)

pageB/sdetails/index.vue

@@ -19,18 +19,21 @@
 		</view>
         <view class="info">
             <view class="title u-line-2">
-                <text class="store-name">{{ goodsInfo.store_name }}</text>
+                <text class="store-name" @click="toStorePage(goodsInfo.store_id)">{{ goodsInfo.store_name }}</text>
 				<text class="goods-name">{{ goodsInfo.goods_name }}</text>
             </view>
             <view class="price-collect">
-				<view class="pic" v-if="type != 3">
+				<view class="pic" v-if="type == 2">
 					<text>￥{{ goodsInfo.pintuan_price || '0.00' }}</text>
 					<s>￥{{ goodsInfo.goods_price || '0.00' }}</s>
 				</view>
-				<view class="collect" @click="switchCollect(goodsInfo.goods_collect)">
+				<view class="pic" v-else-if="type == 1">
-					<u-icon name="star" color="#474747" size="28" v-if="!goodsInfo.goods_collect"></u-icon>
+					<text>￥{{ goodsInfo.goods_price || '0.00' }}</text>
-					<u-icon name="star-fill" color="#FF7807" size="28" v-else></u-icon>
+				</view>
-					<text>{{ !goodsInfo.goods_collect ? '收藏' : '已收藏' }}</text>
+				<view class="collect" @click="switchCollect(goodsInfo.is_collect)">
+					<u-icon name="star-fill" color="#FF7807" size="28" v-if="goodsInfo.is_collect == 1"></u-icon>
+					<u-icon name="star" color="#474747" size="28" v-else></u-icon>
+					<text>{{ goodsInfo.is_collect == 1 ? '已收藏' : '收藏' }}</text>
 				</view>
 			</view>
         </view>
@@ -100,7 +103,7 @@
 		</u-popup>
 		<u-popup v-model="showInvolvementUser" mode="center" z-index="10078">
 			<view class="involvement-container" v-if="involvemenGroupInfo.length">
-				<view class="title u-line-1">参与{{ involvemenGroupInfo[0].member_nickname }}的拼团</view>
+				<view class="title">参与<text class="user-name u-line-1">{{ involvemenGroupInfo[0].member_nickname }}</text>的拼团</view>
 				<view class="involvement-view">
 					<view class="item" v-for="(user, i) in involvemenGroupInfo" :key="i">
 						<image class="avatar" :src="user.member_avatar"></image>
@@ -132,14 +135,13 @@
 							<text v-else-if="type == 3">￥{{ groupbuyInfo.groupbuy_price }}</text>
 						</view>
 					</view>
-					<guige @sel="self" ref="guige" v-for="(item,index) in goodsInfo.spec_value" :key="index" :title="goodsInfo.spec_name[index]" :item="item"></guige>
+					<guige @sel="self" ref="guige" v-for="(item,index) in goodsInfo.spec_value" :key="index" :title="goodsInfo.spec_name[index]" :item="item" :default="goodsInfo.goods_spec"></guige>
 					<view class="num">
 						<text>购买数量</text>
 						<u-number-box v-model="goodsNumber" :min="1"></u-number-box>
 					</view>
-					<view style="height:100rpx"></view>
+					<!-- <view style="height:100rpx"></view> -->
 				</view>
-				<u-toast ref="uToast" />
 			</scroll-view>
         </u-popup>
 		<!-- 普通商品 tool -->
@@ -180,7 +182,7 @@
 			<view class="btn" v-else @click="spikeGoods">立即秒杀</view>
 		</view>
         <!-- <tloos @buy="buy" @xuanze="xuanze" :id="id" :info="goodsInfo" :type="type"></tloos> -->
-        <u-toast ref="uToast" />
+        <u-toast ref="uToast" :z-index='200000' />
     </view>
 </template>
 <script>
@@ -196,7 +198,7 @@ export default {
 			goodsInfo: {}, // 商品信息
 			storeInfo: {}, // 店铺信息
             glist: [], // 规格列表
-			id: 0, // 商品id/秒杀id/拼团 id
+			id: 0, // 商品id
 			type: '', // 商品类型 商品详情 1普通 2拼团 3秒杀 4优惠券
 			groupUser: [], // 拼团用户
 			user_suc: [], // 拼团成功用户
@@ -215,7 +217,9 @@ export default {
 			sel: "", // 拼接的规格
 			quanxuan: false, // 规格是否选择
 			debounce: true, // 防止多次提交订单
-			storeid:0 // 店铺id
+			storeid:0, // 店铺 id
+			pintuan_id: '', // 拼团 id
+			groupbuy_id: '', // 秒杀 id
         }
 	},
     components: {
@@ -241,7 +245,7 @@ export default {
 		// this.type = 1;
 		this.id = option.id;
 		// 先请求普通商品详情获取商品类型再渲染页面
-		this.ordinaryDetails(this.id);
+		this.ordinaryDetails();
 	},
 	onShow() {
 		this.debounce = true;
@@ -280,7 +284,7 @@ export default {
 					id:this.storeid
 				}).then((res)=>{
 					console.log(res)
-					let user = new Friend(res.data.member_id,res.data.member_nickname,res.data.member_avatar)
+					let user = new Friend(res.data.member_id,res.data.store_name,res.data.member_avatar)
 					this.$u.route({
 						url:"/pageD/privateChat/privateChat",
 						params:{
@@ -377,55 +381,58 @@ export default {
 		purchase() {
 			this.settlementOrder();
 		},
-		getGoodsDetails(id) {
+		getGoodsDetails() {
 			switch (this.type) {
 				case 1:
-					this.ordinaryDetails(id);
+					this.ordinaryDetails();
 					break;
 				case 2:
-					this.pinTuanDetails(id);
+					this.pinTuanDetails();
 					break;
 				case 3:
-					this.spikeGoodsDetails(id);
+					this.spikeGoodsDetails();
 					break;
 				default:
 					break;
 			}
 		},
 		// 普通商品详情
-		ordinaryDetails(id) {
+		ordinaryDetails() {
-			this.$u.api.getGoodsDetails({ id: id }).then((res)=>{
+			this.$u.api.getGoodsDetails({ id: this.id }).then(res => {
-				// console.log(res)
 				if (res.errCode == 0) {
 					this.evaluate = res.data.goods_evaluate_info;
 					this.goodsInfo = res.data.goods;
 					this.storeInfo = res.data.store;
 					this.setSwiperList(res.data.goods_image);
 					this.glist = res.data.spec_list;
-					this.storeid = res.data.store.store_id
+					this.storeid = res.data.store.store_id;
-					// console.log(this.goodsInfo.mobile_body);
 					this.type = res.data.view_type;
 					this.setTitle();
 					if(this.type == 1) {
 						this.id = res.data.goods.goods_id;
 					} else if(this.type == 2) {
-						this.id = res.data.goods.pintuan_id;
+						this.id = res.data.goods.goods_id;
-						this.getGoodsDetails(this.id);
+						this.pintuan_id = res.data.goods.pintuan_id;
+						this.getGoodsDetails();
 					} else if(this.type == 3) {
-						this.id = res.data.groupbuy_id;
+						this.id = res.data.goods.goods_id;
-						this.getGoodsDetails(this.id);
+						this.groupbuy_id = res.data.groupbuy_id;
+						this.getGoodsDetails();
 					}
 				}
 			})
 		},
 		// 拼团详情
-		pinTuanDetails(id) {
+		pinTuanDetails() {
+			console.log(this.id);
 			this.$u.api.getPinTuanDetails({
-				pintuan_id: id
+				pintuan_id: this.pintuan_id,
+				goods_id: this.id,
 			}).then(res => {
 				if(res.errCode == 0) {
 					this.evaluate = res.data.data.goods_evaluate_info;
 					this.goodsInfo = res.data.data.goods;
+					this.pintuan_id = res.data.data.pintuan_id;
 					this.setSwiperList(res.data.data.goods_image);
 					this.glist = res.data.data.spec_list;
 					this.user_suc = res.data.data.user_suc;
@@ -435,13 +442,14 @@ export default {
 			})
 		},
 		// 秒杀详情
-		spikeGoodsDetails(id) {
+		spikeGoodsDetails() {
 			this.$u.api.getSpikeInfo({
-				groupbuy_id: id
+				groupbuy_id: this.groupbuy_id,
+				goods_id: this.id,
 			}).then(res => {
 				if(res.errCode == 0) {
-					// this.id = res.data.groupbuy_id;
 					this.groupbuyInfo = res.data.groupbuyInfo;
+					this.groupbuy_id = res.data.groupbuyInfo.groupbuy_id;
 					this.evaluate = res.data.goodsInfo.goods_evaluate_info;
 					this.goodsInfo = res.data.goodsInfo.goods;
 					this.setSwiperList(res.data.goodsInfo.goods_image);
@@ -462,13 +470,26 @@ export default {
 				}
 			})
 		},
+		// 验证能否拼团
+		async pintuanVerify({ pintuan_id, pintuangroup_headid }) {
+			const res = await this.$u.api.pintuanVerify({
+				pintuan_id: pintuan_id,
+				pintuangroup_headid: pintuangroup_headid,
+			})
+			if(res.errCode != 0) {
+				this.$refs.uToast.show({ 
+					title: res.message,
+				});
+			}
+			return res.errCode;
+		},
 		/*
 		* @description 下单 订单步骤1：展示结算数据
 		* @params {Number} type involvement 拼团或者 默认开团
 		* @params {Number} num 数量
 		* @params {Number} ifcart 结算方式 1:购物车 0:直接结算（立即购买/拼团/秒杀）
 		**/
-		settlementOrder({type, num = this.goodsNumber, ifcart = 0} = {}) {
+		async settlementOrder({type, num = this.goodsNumber, ifcart = 0} = {}) {
 			if(type != 'involvement') {
 				if(!this.showSpec) {
 					this.showSpec = true;
@@ -490,26 +511,33 @@ export default {
 				}
 			}
 			if(!this.debounce) return;
-			this.debounce = false;
 			let params = {
 				ifcart: ifcart, 
 				cart_id: [this.goodsInfo.goods_id + '|' + num],
 			}
 			if(this.type == 2) {
 				if(type == 'involvement') {
-					// const userId = uni.getStorageSync('user_info').member.member_id;
+					// 验证能否拼团
+					const whether = await this.pintuanVerify({
+						pintuan_id: this.pintuan_id,
+						pintuangroup_headid: this.involvemenGroupInfo[0].user_id
+					}).then(status => {
+						if(status != 0) return true;
+						else return false;
+					})
+					if(whether) return false;
 					this.$store.commit('setGroupHeadId', this.involvemenGroupInfo[0].user_id);
-					// console.log(this.$store.state.pintuangroup_headid);
 					Object.assign(params, {
-						pintuan_id: this.id, 
+						pintuan_id: this.pintuan_id, 
 						pintuangroup_id: this.involvemenGroupInfo[0].pintuangroup_id,
 					})
 				} else {
 					Object.assign(params, {
-						pintuan_id: this.id,
+						pintuan_id: this.pintuan_id,
 					})
 				}
 			}
+			this.debounce = false;
 			this.$u.api.settlementOrder(params).then(res => {
 				if(res.errCode == 0) {
 					// console.log('type' + this.type);
@@ -519,8 +547,10 @@ export default {
 						url: '/pageC/cart/ConfirmOrder'
 					})
 				} else {
+					this.$refs.uToast.show({ 
+						title: res.message,
+					});
 					this.debounce = true;
-                    this.$u.toast(res.message);
 				}
 			})
 		},
@@ -543,7 +573,10 @@ export default {
                 if(sel != 0){
                     arr.push(sel)
                 }
-            }
+			}
+			// console.log(arr)
+			// 后台的 spec 是按升序排的
+			arr.sort((a, b) => a - b); 
             // console.log(arr)
             if(arr.length == index){
                 this.sel = arr.join("|")
@@ -556,8 +589,11 @@ export default {
 			// console.log(id)
 			// 选择完规格后设商品type = 1
 			// this.type = 1;
-            this.getGoodsDetails(this.glist[id])
+			// 改变 goods_id
+			// console.log(this.glist);
 			this.id = this.glist[id];
+			// console.log(this.id);
+            this.getGoodsDetails();
 		},
 		// 设置页面标题
 		setTitle() {
@@ -602,14 +638,21 @@ export default {
                 current: arr[index]
             })
 		},
-		switchCollect(status) {
+		switchCollect(status = 0) {
-			if(status) {
+			if(status == 1) {
 				this.removeFavorite();
 			} else {
 				this.addFavoriteGoods();
 			}
 		},
 		addFavoriteGoods() {
+			// // 尝试登录
+			// if (!this.$store.state.hasLogin) {
+			// 	uni.navigateTo({
+			// 		url: "pageA/login/login"
+			// 	})
+			// 	return false;
+			// }
 			this.$u.api.addFavoriteGoods({ fid: this.goodsInfo.goods_id }).then(res => {
 				if(res.errCode == 0) {
 					this.getGoodsDetails(this.id);
@@ -626,7 +669,12 @@ export default {
 					this.$u.toast(res.message);
 				}
 			})
-		}
+		},
+		toStorePage(id) {
+			this.$u.route('pageC/merchant/index', {
+				id: id
+			});
+		},
 	},
 }
 </script>
@@ -959,6 +1007,13 @@ export default {
 			font-size: 32rpx;
 			color: rgba(51,51,51,1);
 			position: relative;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			.user-name {
+				display: inline-block;
+				max-width: 200rpx;
+			}
 			&::after {
 				content: '';
 				position: absolute;
@@ -1132,9 +1187,11 @@ export default {
 	}
 	.spec-popup {
 		padding: 30rpx;
+		margin-bottom: 130rpx;
 		box-sizing: border-box;
-		max-height: 750rpx;
+		// height: 600rpx;
-		.head{
+		max-height: 60vh;
+		.head {
 			display: flex;
 			margin-bottom: 30rpx;
 			.image{
@@ -1159,14 +1216,13 @@ export default {
 				}
 			}
 		}
-
+		.num {
-		.num{
 			height: 84rpx;
 			display: flex;
 			border-bottom: #ececec solid 2rpx;
 			justify-content: space-between;
 			align-items: center;
-			>text{
+			> text {
 				font-size: 26rpx;
 				color: #666;
 			}

pageB/search/index.vue

@@ -15,13 +15,21 @@ export default {
         return{
 			type: '', // 1 商家达人社区 2 商品
 			keyword: "",
-			searchwordlist: [],
+            searchwordlist: [],
+            sid:0
         }
 	},
-	// type: 2 商品 1: 其他
+	// type: 1 商品 2: 其他
 	onLoad(option) {
+        console.log(option.id)
+        if(option.id != undefined || option.id){
+            this.sid = option.id
+        }
 		this.type = option.type;
+        this.curent = option.curent || 0
 		this.getWordList();
+		if(option.type == 1) this.setNavSearchInput('搜索您需要的商品');
+		else if(option.type == 2) this.setNavSearchInput('请输入搜索内容');
 	},
 	// 点击搜索按钮
 	onNavigationBarButtonTap(e) {
@@ -36,6 +44,18 @@ export default {
 		this.search(this.keyword);
 	},
     methods:{
+		setNavSearchInput(placeholder) {
+			// #ifdef APP-PLUS
+			// 修改 placeholder
+			webview.setStyle({
+				'titleNView': {
+					"searchInput": { //修改当前窗口search样式  
+						"placeholder": placeholder,  
+					}
+				}
+			})
+			// #endif
+		},
 		getWordList() {
 			this.$u.api.searchwordlist({type:this.type}).then(res => {
                 console.log(res)
@@ -51,7 +71,8 @@ export default {
 			}
 			let params = {
 				value: value,
-				type: this.type,
+                type: this.type,
+                curent:this.curent
 			}
 			if(this.type == 2) {
                 this.$u.route({
@@ -59,6 +80,10 @@ export default {
                     params: params,
                 })
 			}else{
+                if(this.sid !=0 ){
+                    params.sid = this.sid
+                    console.log(this.sid)
+                }
                 this.$u.route({
                     url: "/pageB/search/searchGoods",
                     params: params,

pageB/search/out.vue

@@ -7,7 +7,7 @@
 			</view>
 			<view class="evaluation" :class="{ 'current' : current == 2 }" @click="switchCurrent(2)">社区</view>
 		</view>
-		<scroll-view scroll-y class="goods-container" :style="{ height: scrollHeight }" @scrolltolower="loadMore" v-show="current == 0">
+		<scroll-view scroll-y class="goods-container" :style="{ height: scrollHeight }" @scrolltolower="loadMore" v-show="current == 0"  :scroll-top="scrollTop" @scroll="scroll">
 			<view v-for="goods in goodsList" :key="goods.store_id" class="goods-item" @click="toDetailsPage(goods.store_id)">
 				<image :src="goods.store_avatar"></image>
 				<view class="right">
@@ -18,7 +18,7 @@
 			<u-loadmore :status="loadStatus" bgColor="#FFFFFF" margin-top="20" margin-bottom="20" v-if="goodsList.length >= pageSize"></u-loadmore>
 			<u-empty mode="list" v-if="!goodsList.length"></u-empty>
 		</scroll-view>
-		<scroll-view style="width:100%;" :style="{ height: scrollHeight }" scroll-y="true" @scrolltolower="loadMore" v-if=" current == 2 ">
+		<scroll-view style="width:100%;" :style="{ height: scrollHeight }" scroll-y="true" @scrolltolower="loadMore" v-if=" current == 2 "  :scroll-top="scrollTop" @scroll="scroll">
 			<view class="box" style="padding: 0 30rpx;">
 				<view style="display:flex">
 					<view>
@@ -34,9 +34,9 @@
 			<u-loadmore :status="loadStatus" bgColor="#FFFFFF" margin-top="20" margin-bottom="20" v-if="goodsList.length >= pageSize"></u-loadmore>
 			<u-empty mode="list" v-if="!goodsList.length"></u-empty>
 		</scroll-view>
-		<scroll-view style="width:100%;padding: 20rpx 30rpx;margin-right:23rpx;" :style="{ height: scrollHeight }" scroll-y="true" @scrolltolower="loadMore" v-if=" current == 1 ">
+		<scroll-view style="width:100%;padding: 0rpx 30rpx;margin-right:23rpx;" :style="{ height: scrollHeight }" scroll-y="true" @scrolltolower="loadMore" v-if=" current == 1 "  :scroll-top="scrollTop" @scroll="scroll">
 			<view class="list" >
-				<darenItem style="margin-top:20rpx;margin-right:23rpx;box-shadow:0px 3rpx 7rpx 0px rgba(153, 153, 153, 0.35);" v-for="item in goodsList" :key="item.id" :info="item"  v-on:pChangeType="changeType"></darenItem>
+				<darenItem style="margin-top:20rpx;margin-right:23rpx;box-shadow:0px 3rpx 7rpx 0px rgba(153, 153, 153, 0.35);" v-for="item in goodsList" :key="item.member_id" :info="item"  v-on:pChangeType="changeType"></darenItem>
 			</view>
 			<u-loadmore :status="loadStatus" bgColor="#FFFFFF" margin-top="20" margin-bottom="20" v-if="goodsList.length >= pageSize"></u-loadmore>
 			<u-empty mode="list" v-if="!goodsList.length"></u-empty>
@@ -59,7 +59,11 @@ export default {
 			scrollHeight: '',
 			loadStatus: 'loadmore',
 			timer: true, // 防止上拉加载短时间内多次调用,
-			value:""
+			value:"",
+			scrollTop: 0,
+            old: {
+                scrollTop: 0
+            }
 		}
 	},
 	components:{
@@ -78,16 +82,22 @@ export default {
 	},
 	onLoad(option) {
 		this.value = option.value;
+		this.current = option.curent
 		this.setViewHeight();
 		this.ShopSearch()
 		this.setNavSearchInput(this.value);
+
 	},
 	onNavigationBarSearchInputConfirmed(value) {
 		this.value = value.text
+		this.page = 1
 		// console.log(this.value)
 		this.ShopSearch()
 	},
 	methods: {
+		scroll: function(e) {
+            this.old.scrollTop = e.detail.scrollTop; // 必要
+        },
 		// 动态设置导航栏搜索框内容
 		setNavSearchInput(keyword) {
 			// #ifdef APP-PLUS
@@ -163,6 +173,7 @@ export default {
 					page: this.page
 				})
 				this.timer = true;
+				console.log(JSON.stringify(res))
 				if(res.errCode == 0) {
 					if(load == 'reload') this.goodsList = res.data.list;
 					else if(load == 'loadmore') this.goodsList.push(...res.data.list);
@@ -203,13 +214,14 @@ export default {
 		},
 		switchCurrent(current) {
 			// if(current == 1 && this.current == 1) this.priceOrderAsc = !this.priceOrderAsc;
+			this.page = 1;
 			this.current = current;
 			this.goodsList = []
 			this.ShopSearch()
 		},
 		setViewHeight() {
 			const res = uni.getSystemInfoSync();
-			this.scrollHeight = res.windowHeight - res.windowWidth / 750 * 90  + 'px';
+			this.scrollHeight = res.windowHeight - res.windowWidth / 750 * 92  + 'px';
 		},
 		toDetailsPage(id) {
 			this.$u.route('/pageC/merchant/index', {
@@ -231,10 +243,11 @@ export default {
 		box-sizing: border-box;
 		padding: 30rpx 40rpx;
 		display: flex;
-		margin-bottom: 30rpx;
+		// margin-bottom: 30rpx;
+		height: 92rpx;
 		> view {
 			height: 30rpx;
-			line-height: 30rpx;
+			line-height: 1;
 			flex: 1;
 			font-size: 32rpx;
 			color: rgba(51,51,51,1);

pageB/search/searchGoods.vue

@@ -11,12 +11,13 @@
 			</view>
 			<view class="evaluation" :class="{ 'current' : current == 2 }" @click="switchCurrent(2)">好评</view>
 		</view>
-		<scroll-view scroll-y class="goods-container" :style="{ height: scrollHeight }" @scrolltolower="loadMore">
+		<scroll-view scroll-y class="goods-container" :style="{ height: scrollHeight }" @scrolltolower="loadMore" :scroll-top="scrollTop" @scroll="scroll">
 			<view v-for="goods in goodsList" :key="goods.goods_id" class="goods-item" @click="toDetailsPage(goods.goods_id)">
 				<image :src="goods.goods_image"></image>
 				<view class="right">
 					<view class="name u-line-1">{{ goods.goods_name }}</view>
-					<view class="briefing u-line-2">{{ goods.goods_advword }}</view>
+					<view class="briefing u-line-1">{{ goods.goods_advword }}</view>
+					<view class="price">￥{{ goods.goods_price }}</view>
 				</view>
 			</view>
 			<u-loadmore :status="loadStatus" bgColor="#FFFFFF" margin-top="20" margin-bottom="20" v-if="goodsList.length >= pageSize"></u-loadmore>
@@ -37,7 +38,12 @@ export default {
 			scrollHeight: '',
 			loadStatus: 'loadmore',
 			timer: true, // 防止上拉加载短时间内多次调用,
-			value:""
+			value:"",
+			scrollTop: 0,
+            old: {
+                scrollTop: 0
+			},
+			sid:''
 		}
 	},
 	watch: {
@@ -52,14 +58,21 @@ export default {
 	},
 	onLoad(option) {
 		this.value = option.value
+		this.sid = option.sid
 		this.setViewHeight();
 		this.ShopSearch()
+		this.setNavSearchInput(this.value);
+
 	},
 	onNavigationBarSearchInputConfirmed(value) {
 		this.value = value.text
+		this.page = 1
 		this.ShopSearch()
 	},
 	methods: {
+		scroll: function(e) {
+            this.old.scrollTop = e.detail.scrollTop; // 必要
+        },
 		setNavSearchInput(keyword) {
 			console.log(keyword);
 			// #ifdef APP-PLUS
@@ -95,12 +108,14 @@ export default {
 		// 排序方式 goods_salenum：销量　evaluation_count：评价　goods_price_asc：价格从低到高　goods_price_desc：价格从高到低
 		async ShopSearch({ load = 'reload' } = {}) {
 			console.log(this.value);
-			this.setNavSearchInput(this.value);
+			console.log(this.sid)
+
 			const sort = this.setOrderSort();
 			const res = await this.$u.api.ShopSearch({ 
 				keyword: this.value, 
 				page: this.page,
 				order: sort,
+				sid:this.sid
 			})
 			this.timer = true;
 			if(res.errCode == 0) {
@@ -127,13 +142,18 @@ export default {
 			})
 		},
 		switchCurrent(current) {
-			this.ShopSearch()
+			this.page = 1
 			if(current == 1 && this.current == 1) this.priceOrderAsc = !this.priceOrderAsc;
+			this.scrollTop = this.old.scrollTop
+            this.$nextTick(function() {
+                this.scrollTop = 0
+            });
+			this.ShopSearch()
 			this.current = current;
 		},
 		setViewHeight() {
 			const res = uni.getSystemInfoSync();
-			this.scrollHeight = res.windowHeight - res.windowWidth / 750 * 90  + 'px';
+			this.scrollHeight = res.windowHeight - res.windowWidth / 750 * 92  + 'px';
 		},
 		toDetailsPage(id) {
 			this.$u.route('/pageB/sdetails/index', {
@@ -149,10 +169,11 @@ export default {
 		box-sizing: border-box;
 		padding: 30rpx 40rpx;
 		display: flex;
-		margin-bottom: 30rpx;
+		// margin-bottom: 30rpx;
+		height: 92rpx;
 		> view {
 			height: 30rpx;
-			line-height: 30rpx;
+			line-height: 1;
 			flex: 1;
 			font-size: 32rpx;
 			color: rgba(51,51,51,1);
@@ -197,15 +218,21 @@ export default {
 			}
 			.right {
 				width: 418rpx;
+				height: 200rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-around;
 				.name {
 					font-size: 30rpx;
 					color: rgba(51,51,51,1);
-					margin-bottom: 20rpx;
 				}
 				.briefing {
 					font-size: 28rpx;
 					color: rgba(102,102,102,1);
-					line-height: 42rpx;
+				}
+				.price {
+					font-size: 26rpx;
+					color: rgba(255,49,49,1);
 				}
 			}
 		}

pageB/triedDress/index.vue

@@ -139,7 +139,7 @@ export default {
 				goods_id: this.goodsInfo.goods_id,
 				num: this.number,
 				store_id: this.store.store_id,
-				appointment_time: new Date(this.time),
+				appointment_time: Math.floor(new Date(this.time).getTime() / 1000),
 			}).then(res => {
 				if (res.errCode == 0) {
 					this.$refs.uToast.show({

pageB/video/video.nvue

@@ -1,18 +1,17 @@
 <template>
-    <view>
+    <view class="container">
         <video id="videoId" :style="videoSize" :src="src" autoplay="true" :show-fullscreen-btn="false" @play="playing"
-            @timeupdate="timeupdate" :show-play-btn="false" controls="false" @click="stoping" :enable-progress-gesture="false"></video>
+            @pause="pausing" @ended="videoEnd" @timeupdate="timeupdate" :show-play-btn="false" controls="false" @click="stoping"
-        <cover-image class="close" @click="goBack" src="../../static/close.png">
+            :enable-progress-gesture="false" :show-center-play-btn="false"></video>
-        </cover-image>
-        <cover-image class="pause" @click="stoping" src="../../static/videoPlay.png" v-if="!is_play">
-        </cover-image>
         <!-- 用户操作 -->
-        <userinfo class="user-info" :list="list" :cart="cart_type" :comment="is_comment" :num="comment_num" @openCart="openPopup"></userinfo>
+        <userinfo class="user-info" :style="{ top: fixTop }" :list="list" :cart="cart_type" :comment="is_comment" :num="comment_num"
-        <cover-view class="info-box" @click="stopClick">>
+            @openCart="openPopup"></userinfo>
-            <view class="video-info-box">
+        <!-- 视频信息 -->
+        <cover-view class="info-box" @click="stopClick">
+            <view class="video-info-box" :style="{ width: time_count > 99 ? '180rpx' : '160rpx' }">
                 <image class="image-play" src="../../static/videoIcon.png" mode=""></image>
                 <text class="video-slip">视频</text>
-                <text class="time">{{ time_count == 1 ? 0 : time_count }}s</text>
+                <text class="time">{{ time_count }}s</text>
             </view>
             <view>
                 <text class="name">@{{ list.member_nickname }}</text>
@@ -29,40 +28,106 @@
                 </block>
             </view>
         </cover-view>
-        <cover-view class="content-box" v-if="is_comment">
+        <!-- 单个商品 -->
-            <view class="content-title">
+        <cover-view class="good-one" :style="{ bottom: fixTop - 100 }" v-if="cart_len == 1 && cart_type">
-                <text class="tips">评论</text>
+            <view class="one-list" v-for="(item,index) in list.goods" :key="index" @click="goGoodInfo(item.goods_id)">
-                <text class="close-down" @click="closeComment">×</text>
+                <image class="one-image" :src="item.goods_image" mode=""></image>
+                <view class="one-box">
+                    <text class="title-one">{{ item.goods_advword }}</text>
+                    <text class="content-one">{{ item.goods_name }}</text>
+                    <text class="good-price">￥{{ item.goods_promotion_price }}</text>
+                </view>
             </view>
-            <scroller class="comment-list">
+        </cover-view>
-                <view class="" v-for="(item,index) in commentList" :key="index">
+        <!-- 遮罩层 -->
-                    <view class="comment-list-box">
+        <cover-view class="mask" @click.stop="stopClick" :style="videoSize" v-if="is_edit || is_comment || cart_type && cart_len >= 2">
-                        <view class="comment-list-header">
+            <!-- 评论 -->
-                            <image class="avatar" :src="item.member_avatar" mode=""></image>
+            <cover-view class="content-box" v-if="is_comment" ref="contentBox">
+                <view class="content-title">
+                    <text class="tips">评论</text>
+                    <text class="close-down" @click="closeComment">×</text>
+                </view>
+                <scroller class="comment-list">
+                    <view class="" v-for="(item,index) in commentList" :key="index">
+                        <view class="comment-list-box">
+                            <view class="comment-list-header">
+                                <image class="avatar" :src="item.member_avatar" mode=""></image>
+                                <view>
+                                    <text class="comment-title">{{ item.member_nickname }}</text>
+                                    <text class="comment-time">{{ item.create_time }}</text>
+                                </view>
+                            </view>
+                            <text class="reply" @click="openKeyInput(item,index)">回复</text>
+                        </view>
+                        <view class="content-main">
+                            <text class="content-style">{{ item.content }}</text>
+                        </view>
+                        <view class="more-content-box">
+                            <view class="child-box" v-for="(child,cid) in allList[item.id]" :key="cid">
+                                <view class="child-info">
+                                    <image class="child-avatar" :src="child.member_avatar" mode=""></image>
+                                    <text class="child-name">{{ child.member_nickname }}</text>
+                                    <text v-if="0">{{ child.reply_member_nickname }}</text>
+                                </view>
+                                <text class="child_content">{{ child.content }}</text>
+                            </view>
                             <view>
-                                <text class="comment-title">{{ item.member_nickname }}</text>
+                                <text class="more-comment" @click="getReplyList(item.id)" v-if="item.reply_count">展开更多回复</text>
-                                <text class="comment-time">{{ item.create_time }}</text>
+                                <text></text>
                             </view>
                         </view>
-                        <text class="reply">回复</text>
                     </view>
-                    <view class="content-main">
+                    <view class="send-box" @click="openKeyInput">
-                        <text class="content-style">{{ item.content }}</text>
+                        <input class="send-val" type="text" :placeholder="edit_text" placeholder-class="placeholder-class"
+                            disabled="true" @click="openKeyInput" />
+                        <text class="btn-send">发送</text>
                     </view>
+                    <loading class="loading" @loading="onloading" :display="loadinging ? 'show' : 'hide'">
+                        <loading-indicator class="indicator"></loading-indicator>
+                        <text class="indicator-text">努力加载中</text>
+                    </loading>
+                </scroller>
+            </cover-view>
+            <!-- 评论框 -->
+            <cover-view class="edit-box" :style="videoSize" v-if="is_edit" @click="hideEdit">
+                <view class="input-main">
+                    <input class="edit-input" type="text" :focus="is_focus" :placeholder=" edit_text_other ? edit_text_other : edit_text"
+                        placeholder-class="placeholder-class" v-model="send_value" />
+                    <text class="btn-send" @click="sendComment">发送</text>
                 </view>
-                <view class="send-box">
+                <!-- <view class="key-height" :style="{ height: editTop }"></view> -->
-                    <input class="send-val" type="text" value="" />
+            </cover-view>
-                    <text class="btn-send">发送</text>
+            <!-- 购物车 -->
+            <cover-view class="cart-box" v-if="cart_type">
+                <view class="cart-title">
+                    <text class="tips">全部商品</text>
+                    <text class="close-down" @click="cart_type = false">×</text>
                 </view>
-                <loading class="loading" @loading="onloading" :display="loadinging ? 'show' : 'hide'">
+                <scroller class="cart-list">
-                    <loading-indicator class="indicator"></loading-indicator>
+                    <view class="" v-for="(item,index) in list.goods" :key="index">
-                    <text class="indicator-text">努力加载中</text>
+                        <view class="cart-list-header" @click="goGoodInfo(item.goods_id)">
-                </loading>
+                            <image class="goods-img" :src="item.goods_image" mode=""></image>
-            </scroller>
+                            <view class="goods-info">
+                                <text class="good-title">{{ item.goods_advword }}</text>
+                                <text class="good-price">{{ item.goods_promotion_price }}</text>
+                            </view>
+                        </view>
+                    </view>
+                    <loading v-if="0" class="loading" @loading="onloading" :display="loadinging ? 'show' : 'hide'">
+                        <loading-indicator class="indicator"></loading-indicator>
+                        <text class="indicator-text">努力加载中</text>
+                    </loading>
+                </scroller>
+            </cover-view>
+        </cover-view>
+        <!-- 返回按钮 -->
+        <cover-image class="close" @click="goBack" src="../../static/close.png">
+        </cover-image>
+        <!-- 暂停按钮 -->
+        <cover-view class="pause" :style="{ top: fixTop + 100 }">
+            <cover-image class="pause-img" src="../../static/videoPlay.png" @click="stoping" v-if="!is_play">
+            </cover-image>
         </cover-view>
-        <list class="cart-box">
-            <cell></cell>
-        </list>
     </view>
 </template>
 
@@ -76,12 +141,25 @@
         data() {
             return {
                 videoSize: {},
+                fixTop: 0,
+                editTop: 0,
                 list: {},
                 labelLen: [],
+                cart_len: 0, // 购物车个数
                 cart_type: false, // 显示购物车
                 is_comment: false, // 显示评论
+                is_edit: false, // 显示输入
+                is_focus: false, // 
                 comment_num: 0, // 评论数
+                edit_text: "有爱评论，说点好听的 ~",
+                edit_text_other: "有爱评论，说点好听的 ~",
+                pid: 0, // 主键
+                reply_id: 0, // 回复id
+                allList: {}, // 全部子评论
+                page_: {},
                 page: 0,
+                comment_id: 0,
+                send_value: "", // 评论
                 commentList: [], // 评论列表
                 src: "",
                 is_play: true,
@@ -94,11 +172,27 @@
             this.article_id = option.id;
             this.getVideoInfo(option.id);
             this.getInfo();
+            this.allList = {};
         },
         onReady() {
             this.videoBox = uni.createVideoContext("videoId", this);
         },
+        onBackPress() {
+            if (this.cart_type) {
+                this.cart_type = !this.cart_type;
+            } else if (this.is_edit) {
+                this.is_edit = !this.is_edit;
+            } else if (this.is_comment) {
+                this.is_comment = !this.is_comment;
+            } else {
+                return false;
+            }
+            return true;
+        },
         methods: {
+            moveHandle() {
+                return false;
+            },
             // 获取信息
             getVideoInfo(article_id) {
                 uni.request({
@@ -113,6 +207,8 @@
                     success: (res) => {
                         this.list = res.data.data.info;
                         this.src = res.data.data.info.video_path;
+                        this.cart_len = res.data.data.info.goods.length;
+                        console.log(this.cart_len);
                         let item = res.data.data.info.label;
                         let arr = [];
                         item.forEach(data => {
@@ -139,40 +235,106 @@
                     },
                     success: (res) => {
                         if (res.data.errCode == 0) {
-                            console.log(res.data);
+                            // console.log(res.data);
                             this.commentList = res.data.data;
                         }
                     }
                 })
             },
             // 发布评论	
-            sendComment() {	
+            sendComment() {
-                if (this.send_value.length == 0) {	
+                console.log(this.article_id, this.send_value, this.pid, this.reply_id);
-                    this.$u.toast("内容不能为空！");	
+                if (this.send_value.length == 0) {
-                    return;	
+                    uni.showToast({
-                }	
+                        title: "输入内容不能为空！",
-                uni.request({	
+                        icon: "none"
-                    url: temp_url + "article/articleAddComment",	
+                    })
-                    method: "POST",	
+                    return;
-                    data: {	
+                }
-                        article_id: this.article_id,	
+                uni.request({
-                        content: this.send_value,	
+                    url: temp_url + "article/articleAddComment",
-                        pid: this.pid,	
+                    method: "POST",
-                        reply_id: this.reply_id,	
+                    data: {
-                    },	
+                        article_id: this.article_id,
-                    success: (res) => {	
+                        content: this.send_value,
-                        if (res.data.errCode == 0) {	
+                        pid: this.pid,
-                            this.send_value = "";	
+                        reply_id: this.reply_id,
-                            this.comment_num = res.data.num;	
+                    },
-                            console.log(res.data);	
+                    header: {
-                        } else {	
+                        Authorization: 'Bearer' + ' ' + uni.getStorageSync('token')
-                            uni.showToast({	
+                    },
-                                title: res.data.message,	
+                    success: (res) => {
-                                icon: "none"	
+                        console.log(res);
-                            })	
+                        this.is_edit = false;
-                        }	
+                        this.send_value = "";
-                    }	
+                        if (res.data.errCode == 0) {
-                })	
+                            this.comment_num = res.data.num;
+                            let p_id = res.data.data.data.pid;
+                            console.log(this.pid, this.reply_id, this.comment_id);
+                            if (res.data.data.data.pid) {
+                                this.commentList[this.comment_id].reply_count = true;
+                                console.log(this.allList[p_id]);
+                                if (this.allList[p_id]) {
+                                    this.allList[p_id].push(res.data.data.data);
+                                } else {
+                                    this.allList[p_id] = [];
+                                    this.allList[p_id].push(res.data.data.data);
+                                }
+                                console.log(this.allList);
+                            } else {
+                                this.commentList.unshift(res.data.data.data);
+                            }
+                            // console.log(this.commentList);
+                        } else if (res.data.errCode == 401) {
+                            uni.showToast({
+                                title: "您还没有登录，请先登录！",
+                                icon: "none",
+                                // success: () => {
+                                //     setTimeout(function() {
+                                //         this.$u.route("/pageA/login/login")
+                                //     }, 2000)
+                                // }
+                            })
+                        } else {
+                            uni.showToast({
+                                title: res.data.message,
+                                icon: "none"
+                            })
+                        }
+                    }
+                })
+            },
+            // 发现回复列表
+            getReplyList(id) {
+                uni.showLoading({
+                    title: "loading..."
+                })
+                if (!this.page_[id] === 0) {}
+                console.log(id);
+                uni.request({
+                    url: temp_url + "article/articleReplyList",
+                    method: "POST",
+                    data: {
+                        id: id,
+                        page: this.page_[id],
+                    },
+                    header: {
+                        Authorization: 'Bearer' + ' ' + uni.getStorageSync('token')
+                    },
+                    success: (res) => {
+                        uni.hideLoading();
+                        if (res.data.errCode == 0) {
+                            if (res.data.data.length < 10) {
+                                this.is_more = false;
+                            }
+                            this.page_[id]++;
+                            this.allList[id] = res.data.data;
+                            this.$forceUpdate();
+                            // console.log(this.page_[id]);
+                            // console.log(this.allList);
+                        }
+                    }
+                })
             },
             // 获取手机信息
             getInfo() {
@@ -180,8 +342,13 @@
                     success: (res) => {
                         this.videoSize = {
                             width: "750rpx",
-                            height: res.screenHeight + "px"
+                            height: res.screenHeight + "px",
                         }
+                        this.fixTop = "400rpx";
+                        this.fixTop = res.screenHeight / 3;
+                        // #ifdef H5
+                        this.fixTop = 400 + 'rpx'
+                        // #endif
                     }
                 })
             },
@@ -190,6 +357,19 @@
                 // console.log(e);
                 if (e.type == "play") {}
             },
+            pausing(e) {
+                if (e.type == "pause") {
+                    this.is_play = false;
+                }
+            },
+            // 结束
+            videoEnd(e) {
+                // console.log(e);
+                if (e.type == "ended") {
+                    this.is_play = false;
+                    this.time_count = 0;
+                }
+            },
             // 暂停
             stoping() {
                 this.is_play = !this.is_play;
@@ -202,8 +382,9 @@
             // 监听视频
             timeupdate(e) {
                 this.time_count = parseInt(e.detail.duration) - parseInt(e.detail.currentTime);
+                // console.log(e.detail.currentTime,e.detail.duration);
                 if (e.detail.duration == e.detail.currentTime) {
-                    this.is_play = false;
+                    // this.is_play = false;
                 }
                 // let num = parseInt((e.detail.currentTime/e.detail.duration)*100);
                 // this.linear = num + "%";
@@ -211,17 +392,59 @@
             },
             // 打开弹窗
             openPopup(data) {
-                console.log(data);
+                // console.log(data);
+                if (this.cart_len >= 2) {
+
+                }
                 this.cart_type = data.cart;
                 this.is_comment = data.comment;
                 if (this.is_comment) {
                     this.page = 0;
                     this.getComment();
+                    // this.is_play = true;
                 }
             },
+            // 打开评论输入
+            openKeyInput(data, index) {
+                // console.log(data);
+                let me = this;
+                this.is_focus = true;
+                setTimeout(() => {
+                    this.is_edit = true;
+                }, 500)
+                uni.onKeyboardHeightChange(function(res) {
+                    console.log(res);
+                    if (res.height == 0) {
+                        me.is_focus = false;
+                        me.is_edit = false;
+                    } else {
+                        me.editTop = res.height + "rpx";
+                    }
+                })
+                this.comment_id = index;
+                if (data.id) {
+                    this.edit_text_other = "回复@" + data.member_nickname;
+                    this.pid = data.id;
+                    this.reply_id = data.member_id;
+                } else {
+                    this.edit_text_other = "有爱评论，说点好听的 ~";
+                    this.pid = "";
+                    this.reply_id = "";
+                }
+                // console.log(this.pid, this.edit_text_other);
+            },
+            blue() {
+                this.is_focus = false;
+            },
             // 关闭评论
             closeComment() {
                 this.is_comment = false;
+                this.is_edit = false;
+                // console.log(this.is_comment,this.is_play);
+                // if (!this.is_comment && this.is_play) {
+                //     console.log(1);
+                //     this.is_play = false;
+                // }
             },
             // 下拉加载
             onloading(e) {
@@ -231,6 +454,14 @@
                     this.loadinging = false;
                 }, 2000)
             },
+            // 跳转
+            goGoodInfo(id) {
+                uni.navigateTo({
+                    url: "/pageB/sdetails/index?id=" + id + "&type=" + 1,
+                })
+            },
+            // 收起键盘
+            hideEdit() {},
             // stop
             stopClick(event) {
                 event.stopPropagation();
@@ -245,28 +476,37 @@
 </script>
 
 <style>
+    .container {
+        position: relative;
+    }
+
     /* 关闭 */
     .close {
+        z-index: 99;
         position: fixed;
-        top: 80rpx;
+        top: 100rpx;
-        right: 60rpx;
+        right: 70rpx;
         width: 30rpx;
         height: 30rpx;
     }
 
     /* 暂停 */
     .pause {
+        z-index: 99;
         position: fixed;
-        top: 600rpx;
         left: 330rpx;
         width: 100rpx;
         height: 100rpx;
     }
+    
+    .pause-img {
+        width: 100rpx;
+        height: 100rpx;
+    }
 
     /* 用户操作 */
     .user-info {
         position: fixed;
-        top: 360rpx;
         right: 30rpx;
     }
 
@@ -281,7 +521,6 @@
     .video-info-box {
         flex-direction: row;
         align-items: center;
-        width: 160rpx;
         height: 40rpx;
         padding: 4rpx 10rpx;
         margin-bottom: 20rpx;
@@ -290,13 +529,63 @@
         background-color: rgba(255, 255, 255, .6);
     }
 
+    .good-one {
+        position: fixed;
+        right: 160rpx;
+        width: 420rpx;
+        padding: 20rpx;
+        border-radius: 10rpx;
+        background-color: rgba(0, 0, 0, 0.6);
+    }
+
+    .one-list {
+        flex-direction: row;
+    }
+
+    .one-image {
+        width: 160rpx;
+        height: 160rpx;
+        margin-right: 20rpx;
+        border-radius: 4rpx;
+    }
+
+    .one-box {
+        justify-content: space-around;
+        color: #333;
+    }
+
+    .title-one {
+        width: 200rpx;
+        font-size: 28rpx;
+        color: #fff;
+        lines: 1;
+        text-overflow: ellipsis;
+    }
+
+    .content-one {
+        width: 200rpx;
+        font-size: 24rpx;
+        color: #fff;
+        lines: 2;
+        text-overflow: ellipsis;
+    }
+
+    .mask {
+        z-index: 10000;
+        position: fixed;
+        top: 0;
+        left: 0;
+        background-color: rgba(0, 0, 0, 0.5);
+    }
+
     .content-box {
-        z-index: 99;
+        z-index: 999;
         position: fixed;
         bottom: 0;
         left: 0;
         width: 750rpx;
         height: 700rpx;
+        padding-bottom: 50rpx;
         margin-bottom: 88rpx;
         background-color: #fff;
     }
@@ -315,24 +604,61 @@
     }
 
     .comment-list-box {
-        padding: 30rpx;
+        padding: 20rpx 30rpx;
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
     }
-    
+
     .content-main {
         flex-direction: row;
         padding-left: 100rpx;
     }
-    
+
+
     .content-style {
         width: 600rpx;
-        font-size: 26rpx;
+        font-size: 28rpx;
         color: #333;
         lines: 2;
     }
-    
+
+    .more-content-box {
+        margin-left: 100rpx;
+    }
+
+    .child-box {}
+
+    .child-info {
+        margin: 10rpx 0;
+        flex-direction: row;
+        align-items: center;
+    }
+
+    .child-avatar {
+        width: 30rpx;
+        height: 30rpx;
+        margin-right: 10rpx;
+        border-radius: 50%;
+    }
+
+    .child-name {
+        font-size: 22rpx;
+        color: #333;
+    }
+
+    .child_content {
+        padding: 4rpx 0;
+        margin-left: 40rpx;
+        font-size: 26rpx;
+    }
+
+    .more-comment {
+        margin: 10rpx 0;
+        font-size: 22rpx;
+        color: #999;
+    }
+
     .comment-list-header {
         flex-direction: row;
     }
@@ -360,6 +686,7 @@
         font-weight: 500;
         color: #333;
     }
+
     .send-box {
         z-index: 10000;
         position: fixed;
@@ -375,24 +702,119 @@
         border-color: #ececec;
         background-color: #fff;
     }
-    
+
     .send-val {
         width: 600rpx;
         height: 88rpx;
         font-size: 36rpx;
     }
-    
+
     .btn-send {
-        font-size: 30rpx;
+        font-size: 28rpx;
-        color: #303133;
+        color: #666;
     }
-    
+
     .close-down {
+        padding: 10rpx;
         font-size: 50rpx;
         text-align: center;
         color: #333;
     }
 
+    .edit-box {
+        z-index: 1000;
+        position: fixed;
+        bottom: 0;
+        left: 0;
+        width: 750rpx;
+        background-color: rgba(0, 0, 0, 0.8);
+    }
+
+    .input-main {
+        position: fixed;
+        left: 0;
+        bottom: 0;
+        /* #ifdef H5 */
+        display: flex;
+        /* #endif */
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+        width: 750rpx;
+        padding: 0 20rpx;
+        line-height: 80rpx;
+        background-color: #fff;
+        border-top-right-radius: 10rpx;
+        border-top-left-radius: 10rpx;
+    }
+
+    .key-height {
+        width: 750rpx;
+        background-color: #fff;
+    }
+
+    .edit-input {
+        width: 600rpx;
+        height: 80rpx;
+        padding: 0 10rpx;
+        font-size: 24rpx;
+        color: #333;
+    }
+
+    .cart-box {
+        z-index: 1000;
+        position: fixed;
+        bottom: 0;
+        left: 0;
+        width: 750rpx;
+        height: 700rpx;
+        background-color: #fff;
+    }
+
+    .cart-title {
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+        height: 88rpx;
+        padding: 0 20rpx;
+        border-color: #f2f2f2;
+        border-bottom-width: 1rpx;
+        background-color: #fff;
+    }
+
+    .cart-list {}
+
+    .cart-list-header {
+        padding: 20rpx;
+        flex-direction: row;
+        border-bottom-width: 1rpx;
+        border-bottom-color: #ececec;
+    }
+
+    .goods-img {
+        width: 160rpx;
+        height: 160rpx;
+        border-radius: 10rpx;
+        margin-right: 20rpx;
+    }
+
+    .goods-info {
+        justify-content: space-around;
+    }
+
+    .good-title {
+        width: 500rpx;
+        color: #333;
+        font-size: 30rpx;
+        lines: 2;
+        text-overflow: ellipsis;
+    }
+
+    .good-price {
+        font-size: 28rpx;
+        color: #FF3131;
+    }
+
     .image-play {
         width: 22rpx;
         height: 20rpx;
@@ -436,7 +858,6 @@
     }
 
     .label {
-        lines: 3;
         width: 100rpx;
         height: 40rpx;
         padding: 4rpx 10rpx;
@@ -444,6 +865,7 @@
         margin-bottom: 10rpx;
         font-size: 26rpx;
         text-align: center;
+        line-height: 38rpx;
         color: #666666;
         border-radius: 10rpx;
         background-color: rgba(255, 255, 255, .6);
@@ -467,4 +889,9 @@
         height: 30rpx;
         color: #999;
     }
+
+    .placeholder-class {
+        font-size: 13px;
+        color: #666;
+    }
 </style>

pageC/cart/ConfirmOrder.vue

@@ -148,7 +148,7 @@ export default {
 	onLoad(option) {
 		this.orderType = this.$store.state.orderType;
 		this.orderInfo = this.$store.state.orderInfo;
-		console.log('orderType' + this.orderType);
+		// console.log('orderType' + this.orderType);
 		// console.log(this.orderInfo);
 		this.getGoodsClass();
 		this.setTotalPrice();

pageC/cart/index.vue

@@ -3,7 +3,7 @@
 		<u-checkbox-group class="cart-main" @change="storeChange">
 			<view v-for="(store, s_index) in list" :key="s_index" class="cart-item">
 				<view class="store">
-					<u-checkbox v-model="store.checked" shape="circle" active-color="#FF780F" icon-size="35" :name="s_index" @change="storeaAloneChange"></u-checkbox>
+					<u-checkbox v-model="store.checked" shape="circle" active-color="#FF780F" icon-size="26" :name="s_index" @change="storeaAloneChange"></u-checkbox>
 					<view class="name" @click="viewStoreDetails(store.store_id)">
 						<image :src="store.store_avatar"></image>
 						<view>{{ store.store_name }}</view>
@@ -12,7 +12,7 @@
 				<view class="goods">
 					<u-checkbox-group @change="goodsChange($event, s_index)">
 						<view v-for="(goods, g_index) in store.goods" :key="g_index" class="goods-item">
-							<u-checkbox v-model="goods.checked" shape="circle" active-color="#FF780F" icon-size="35" :name="g_index"></u-checkbox>
+							<u-checkbox v-model="goods.checked" shape="circle" active-color="#FF780F" icon-size="26" :name="g_index"></u-checkbox>
 							<image :src="goods.goods_image" @click="viewGoodsDetails(goods.goods_id)"></image>
 							<view class="info">
 								<view class="name u-line-2" @click="viewGoodsDetails(goods.goods_id)">{{ goods.goods_name }}</view>
@@ -31,7 +31,7 @@
 		</view>
 		<view class="balance">
 			<u-checkbox-group>
-				<u-checkbox v-model="checkedAll" shape="circle" active-color="#FF780F" icon-size="35" label-size="30" @change="totalChange">
+				<u-checkbox v-model="checkedAll" shape="circle" active-color="#FF780F" icon-size="26" label-size="30" @change="totalChange">
 					全选
 				</u-checkbox>
 			</u-checkbox-group>
@@ -326,10 +326,13 @@ export default {
 									font-weight: 500;
 									color: rgba(255,49,49,1);
 								}
-								.u-numberbox {
+								/deep/ .u-numberbox {
 									border: 1rpx solid rgba(217,215,215,1);
 									border-radius:4px;
-									/deep/ .u-number-input {
+									.u-icon-minus, .u-icon-plus {
+										width: 38rpx;
+									}
+									.u-number-input {
 										margin: 0;
 										color: #333 !important;
 										border: 1rpx #D9D7D7 solid {
@@ -338,31 +341,6 @@ export default {
 										}
 									}
 								}
-								// .num {
-								// 	display: flex;
-								// 	width: 118rpx;
-								// 	height: 39rpx;
-								// 	border: 1rpx solid rgba(217,215,215,1);
-								// 	border-radius:4px;
-								// 	.reduce, .increase {
-								// 		flex: 1;
-								// 		font-size: 11rpx;
-								// 		color: #FF780F;
-								// 		line-height: 39rpx;
-								// 		text-align: center;
-								// 	}
-								// 	.value {
-								// 		flex: 1;
-								// 		font-size: 22rpx;
-								// 		color:rgba(51,51,51,1);
-								// 		line-height: 39rpx;
-								// 		text-align: center;
-								// 		border: 1rpx #D9D7D7 solid {
-								// 			top: 0px;
-								// 			bottom: 0px;
-								// 		}
-								// 	}
-								// }
 							}
 						}
 					}

pageC/classify/goods.vue

@@ -16,7 +16,8 @@
 				<image :src="goods.goods_image"></image>
 				<view class="right">
 					<view class="name u-line-1">{{ goods.goods_name }}</view>
-					<view class="briefing u-line-2">{{ goods.goods_advword }}</view>
+					<view class="briefing u-line-1">{{ goods.goods_advword }}</view>
+					<view class="price">￥{{ goods.goods_price }}</view>
 				</view>
 			</view>
 			<u-loadmore :status="loadStatus" bgColor="#FFFFFF" margin-top="20" margin-bottom="20" v-if="goodsList.length >= pageSize"></u-loadmore>
@@ -176,15 +177,21 @@ export default {
 			}
 			.right {
 				width: 418rpx;
+				height: 200rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-around;
 				.name {
 					font-size: 30rpx;
 					color: rgba(51,51,51,1);
-					margin-bottom: 20rpx;
 				}
 				.briefing {
 					font-size: 28rpx;
 					color: rgba(102,102,102,1);
-					line-height: 42rpx;
+				}
+				.price {
+					font-size: 26rpx;
+					color: rgba(255,49,49,1);
 				}
 			}
 		}

pageC/components/merchant/list-item.vue

@@ -1,6 +1,10 @@
 <template>
     <view class="listItem">
-        <video v-if="type == '2'" :src="url" :show-fullscreen-btn="true"></video>
+        <!-- <video  :src="url" :show-fullscreen-btn="true"></video> -->
+		<view v-if="type == '2'" class="video-container">
+			<image :src="url" mode="aspectFill" class="video"></image>
+			<image src="/static/videoPlay.png" mode="aspectFill" class="play-video"></image>
+		</view>
         <image v-else :src="url" mode="aspectFill"></image>
     </view>
 </template>
@@ -9,11 +13,30 @@
     width: 365rpx;
     height: 500rpx;
 	overflow: hidden;
-    >image,video{
+    > image {
         width: 100%;
         height: 100%;
 		margin-bottom: 20rpx;
     }
+	.video-container {
+		width: 100%;
+        height: 100%;
+		margin-bottom: 20rpx;
+		position: relative;
+		.video {
+			width: 100%;
+        	height: 100%;
+		}
+		.play-video {
+			position: absolute;
+			width: 100rpx;
+			height: 100rpx;
+			z-index: 19;
+			top: 50%;
+			left: 50%;
+			transform: translate(-50%, -50%);
+		}
+	}
 }
 </style>
 <script>

pageC/components/merchant/video-top.vue

@@ -1,6 +1,7 @@
 <template>
     <view class="videoTop">
-          <video :src="url" :show-fullscreen-btn="true"></video>
+		  <image :src="url" mode="aspectFill" class="video"></image>
+		  <image src="/static/videoPlay.png" mode="aspectFill" class="play-video"></image>
     </view>
 </template>
 <style lang="scss" scoped>
@@ -8,10 +9,22 @@
     width: 100%;
     height: 284rpx;
     margin-bottom: 20rpx;
-    >video{
+	position: relative;
+    .video{
+		position: absolute;
         width: 100%;
         height: 100%;
+		z-index: 9;
     }
+	.play-video {
+		position: absolute;
+		width: 100rpx;
+		height: 100rpx;
+		z-index: 19;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+	}
 }
 </style>
 <script>
@@ -21,6 +34,6 @@ export default {
         return {
         }
     },
-    props:['url']
+	props:['url'],
 }
 </script>

pageC/groupBuy/index.vue

@@ -10,8 +10,8 @@
 					<view v-if="pinTuanList[index]">
 						<SpecialGoods v-for="(item, index) in pinTuanList[index]" :key="index" :item="item" type='group'></SpecialGoods>
 					</view>
-					<u-loadmore :status="loadStatus" bgColor="#FFF" margin-top="20" margin-bottom="20" v-if="!pinTuanList[index] || pinTuanList[index].length>=pageSize" @loadmore="onreachBottom"></u-loadmore>
+					<u-empty text="暂无商品" mode="list" color="#000" margin-top="120" v-if="!pinTuanList[index] || !pinTuanList[index].length"></u-empty>
-					<u-empty text="暂无商品" mode="list" color="#000" v-if="!pinTuanList[index] || !pinTuanList[index].length"></u-empty>
+					<u-loadmore :status="loadStatus" bgColor="#FFF" margin-top="20" margin-bottom="20" v-if="pinTuanList[index] && pinTuanList[index].length>=pageSize" @loadmore="onreachBottom"></u-loadmore>
 				</scroll-view>
 			</swiper-item>
 		</swiper>
@@ -22,7 +22,7 @@ import SpecialGoods from "../../components/shop/special-shop/index";
 export default {
 	data() {
 		return {
-			pageSize: 12,
+			pageSize: 6,
 			tabList: [],
 			current: -1,
 			swiperCurrent: 0,

pageC/merchant/goods.vue

@@ -14,7 +14,7 @@
 		</view>
 		<scroll-view scroll-y class="scroll-container" :style="{ height: scrollHeight }" @scrolltolower="loadMore">
 			<view class="goods-container">
-				<view v-for="(goods, index) in goodsList" :key="index" class="goods-view" @click="toDetailsPage(goods.goods_id)">
+				<view v-for="(goods, index) in goodsList" :key="index" class="goods-view">
 					<goodsItem :info="goods"></goodsItem>
 				</view>
 			</view>
@@ -28,7 +28,7 @@ import goodsItem from "@/components/shop/list/item"
 export default {
 	data() {
 		return {
-			pageSize: 15,
+			pageSize: 5,
 			cid: '',
 			page: 1,
 			current: 0,
@@ -83,7 +83,7 @@ export default {
 				page: this.page,
 				order: sort,
 			})
-			this.timer = true;
+			// this.timer = true;
 			if(res.errCode == 0) {
 				this.pageSize = res.data.per_page;
 				if(load == 'reload') this.goodsList = res.data.data;
@@ -92,8 +92,8 @@ export default {
 			return res.data.data.length;
 		},
 		loadMore() {
-			if(this.goodsList.length < this.pageSize) return false;
+			// if(this.goodsList.length < this.pageSize) return false;
-			if(!this.timer) return false;
+			// if(!this.timer) return false;
 			this.loadStatus = "loading";
 			this.page++;
 			this.getStoreGoodsList({  load: 'loadmore' }).then(length => {
@@ -118,12 +118,6 @@ export default {
 			this.scrollHeight = res.windowHeight - (res.windowWidth / 750) * otherHeight + 'px';
 			// console.log(this.scrollHeight);
 		},
-		toDetailsPage(id) {
-			this.$u.route('/pageB/sdetails/index', {
-				id: id,
-				type: 1 // 商品详情 商品类型 1普通 2拼团 3秒杀 4优惠券
-			});
-		}
 	}
 };
 </script>

pageC/merchant/index.vue

@@ -14,15 +14,18 @@
 				<view>我的</view>
 			</view>
 		</view> -->
-		<view class="top" :style="{'background-image':'url(' + info.store_banner + ')'}">
+		<view class="top" :style="{'background':'url(' + info.store_banner + ') 100% 100% no-repeat' }">
-			<image :src="info.store_avatar"></image>
+			<view class="mantle"></view>
-			<view class="info">
+			<view class="main-container" :style="{ 'padding-top': paddingTop }">
-				<view class="name u-line-1">{{info.store_name}}</view>
+				<image :src="info.store_avatar"></image>
-				<view class="num">粉丝数：{{info.store_collect}}</view>
+				<view class="info">
-			</view>
+					<view class="name u-line-1">{{info.store_name}}</view>
-			<view class="btn" @click="attentionMember">
+					<view class="num">粉丝数：{{info.store_collect}}</view>
-				<image src="/static/image/shop/8.png"></image>
+				</view>
-				<view>{{ info.is_attention == 0 ? "关注" : "已关注" }}</view>
+				<view class="btn" @click="attentionMember">
+					<image :src="info.is_attention == 0 ? '/static/image/shop/14.png' : '/static/image/shop/8.png'"></image>
+					<view>{{ info.is_attention == 0 ? "关注" : "已关注" }}</view>
+				</view>
 			</view>
 		</view>
 		<view class="follow" v-if="info.attention_member && info.attention_member.length">
@@ -39,11 +42,11 @@
 		<view class="main">
 			<scroll-view class="video-image" scroll-y v-if="cur==0 && indextop.length" :style="{ height: scrollHeiht }">
 				<view v-for="item in indextop" :key="item.id" class="container-top">
-					<videoTop :url="item.article_pic" v-if="item.type == 2" @click.native="toDetailsPage(item.article_id)"></videoTop>
+					<videoTop :url="item.article_pic" v-if="item.type == 2" @click.native="toDetailsPage({ id: item.article_id, type: item.type })"></videoTop>
-					<imageTop v-else :url="item.article_pic" @click.native="toDetailsPage(item.article_id)"></imageTop>
+					<imageTop v-else :url="item.article_pic" @click.native="toDetailsPage({ id: item.article_id, type: item.type })"></imageTop>
 				</view>
 				<view v-if="indexlist.length" class="container-bottom">
-					<listitem v-for="item in indexlist" :key="item.id" :type="item.type" :url="item.article_pic" class="bottom-item" @click.native="toDetailsPage(item.article_id)"></listitem>
+					<listitem v-for="item in indexlist" :key="item.id" :type="item.type" :url="item.article_pic" class="bottom-item" @click.native="toDetailsPage({ id: item.article_id, type: item.type })"></listitem>
 				</view>
 			</scroll-view>
 			<view class="item" v-if="cur==1">
@@ -88,8 +91,9 @@ export default {
 			indexlist: [],
 			indextop: [],
 			info: {},
-			page: 0,
+			page: 1,
 			scrollHeiht: '',
+            paddingTop: 0,
 		}
 	},
 	components:{
@@ -104,10 +108,16 @@ export default {
 		// this.getStoreImgVideoList();
 	},
 	onNavigationBarButtonTap(e) {
-		// console.log(e.index);
+		console.log(e.index);
-		if(e.index == 1) this.$u.route('/pageC/cart/index');
+		if(e.index == 0) this.$u.route('/pageC/cart/index');
 		// if(e.index == 0) this.show = true;
 	},
+	onNavigationBarSearchInputClicked() {
+		this.$u.route('pageB/search/index', {
+			type: 1,
+			id:this.sid
+		});
+	},
 	methods: {
 		customers(){
 			console.log(this.$store.state.hasLogin)
@@ -127,12 +137,12 @@ export default {
 					this.time = time;
 					this.date = date
 				}
-				console.log(123)
+				// console.log(123)
 				this.$u.api.getAtwillUserInfo({
 					id:this.sid
 				}).then((res)=>{
 					console.log(res)
-					let user = new Friend(res.data.member_id,res.data.member_nickname,res.data.member_avatar)
+					let user = new Friend(res.data.member_id,res.data.store_name,res.data.member_avatar)
 					this.$u.route({
 						url:"/pageD/privateChat/privateChat",
 						params:{
@@ -146,11 +156,10 @@ export default {
 			}
 			
 		},
-		toDetailsPage(id) {
+		toDetailsPage({ id, type }) {
 			// console.log(11);
-			this.$u.route('pageB/photo/index', {
+			let src = type == 1 ? 'pageB/photo/index' : 'pageB/video/video';
-				id: id
+			this.$u.route(src, {　id: id　});
-			});
 		},
 		switchCurrent(current) {
 			this.cur = current;
@@ -161,7 +170,9 @@ export default {
 			}
 		},
 		getStoreInfo() {
+			// console.log(this.sid )
 			this.$u.api.getStoreInfo({ id: this.sid }).then((res)=>{
+				// console.log(JSON.stringify(res))
 				this.info = res.data;
 				uni.stopPullDownRefresh();
 			})
@@ -191,15 +202,17 @@ export default {
 			}).then(res => {
 				uni.stopPullDownRefresh();
 				if (res.errCode == 0) {
-					// this.articleList = res.data.list;
+					let articleList = res.data.list;
+					// articleList.unshift({}, {}, {}, {});
+					// articleList.push({}, {});
 					if(JSON.stringify(res.data) != '[]') {
-						if(res.data.list.length > 0) {
+						if(articleList.length > 0) {
-							this.indextop = [res.data.list[0]]
+							this.indextop = [articleList[0]]
 							// this.indextop = [res.data.list[0], res.data.list[1]];
 						}
-						if(res.data.list.length > 1) {
+						if(articleList.length > 1) {
-							this.indextop.push(res.data.list[1]);
+							this.indextop.push(articleList[1]);
-							this.indexlist.push(...res.data.list.slice(2,));
+							this.indexlist.push(...articleList.slice(2,));
 						}
 					}
 				}
@@ -208,6 +221,8 @@ export default {
 		setViewHeight() {
 			const res = uni.getSystemInfoSync();
 			this.scrollHeiht = res.windowHeight - (73 + 20 + 170) + 'px';
+            this.paddingTop = res.windowWidth / 750 * (90 + 50) + 'px';
+            // console.log(this.paddingTop);
 		}
 	},
 	onLoad(option){
@@ -232,48 +247,67 @@ export default {
 		z-index: 9;
 		width: 750rpx;
 		height: 350rpx;
-		background-color: #999999;
+		// background-color: #999999;
-		display: flex;
+		.mantle {
-		align-items: center;
+			width: 750rpx;
-		padding: 168rpx 60rpx 0 30rpx;
+			height: 350rpx;
-		> image {
+			position: absolute;
-			margin-right: 40rpx;
+			top: 0;
-			width: 140rpx;
+			left: 0;
-			height: 140rpx;
+			z-index: 10;
-			border-radius: 50%;
+			background-color: #999999;
-			background-color: aqua;
+			opacity: 0.7;
 		}
-		.info {
+		.main-container {
-			width: 220rpx;
-			color: rgba(255,255,255,1);
-			.name {
-				margin-bottom: 30rpx;
-				font-size: 28rpx;
-				font-weight: 500;
-			}
-			.num {
-				font-size: 24rpx;
-			}
-		}
-		.btn {
-			margin-left: auto;
-			width: 162rpx;
-			height: 60rpx;
-			border: 2rpx solid rgba(255,255,255,1);
-			border-radius: 30rpx;
 			display: flex;
 			align-items: center;
-			justify-content: center;
+            // padding-top: calc(var(--status-bar-height) + 54);
+			padding: 0 60rpx 0 30rpx;
+			position: absolute;
+			top: 0;
+			left: 0;
+			z-index: 19;
+			width: 750rpx;
+			height: 350rpx;
 			> image {
-				width: 28rpx;
+				margin-right: 40rpx;
-				height: 28rpx;
+				width: 140rpx;
-				flex-shrink: 0;
+				height: 140rpx;
-				margin-right: 14rpx;
+				border-radius: 50%;
+				// background-color: aqua;
 			}
-			> view {
+			.info {
-				white-space: nowrap;
+				width: 220rpx;
-				font-size: 26rpx;
 				color: rgba(255,255,255,1);
+				.name {
+					margin-bottom: 30rpx;
+					font-size: 28rpx;
+					font-weight: 500;
+				}
+				.num {
+					font-size: 24rpx;
+				}
+			}
+			.btn {
+				margin-left: auto;
+				width: 162rpx;
+				height: 60rpx;
+				border: 2rpx solid rgba(255,255,255,1);
+				border-radius: 30rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				> image {
+					width: 28rpx;
+					height: 28rpx;
+					flex-shrink: 0;
+					margin-right: 14rpx;
+				}
+				> view {
+					white-space: nowrap;
+					font-size: 26rpx;
+					color: rgba(255,255,255,1);
+				}
 			}
 		}
 	}
@@ -312,7 +346,7 @@ export default {
 						margin-right: 35rpx;
 					}
 					text-align: center;
-					width: 90rpx;
+					width: 96rpx;
 					> image {
 						width: 60rpx;
 						height: 60rpx;

pageC/spike/index.vue

@@ -72,10 +72,14 @@ export default {
 			display: flex;
 			align-items: center;
 			font-size: 20rpx;
+			> text {
+				text-align: center;
+				line-height: 26rpx;
+			}
 			.num{
-				box-sizing: content-box;
+				// box-sizing: content-box;
-				width: 25rpx;
+				width: 26rpx;
-				height: 25rpx;
+				// height: 25rpx;
 				background-color: #bfbfbf;
 				margin: 0 10rpx;
 				padding: 2rpx;

pageD/attention/attention.vue

@@ -1,15 +1,18 @@
 <template>
 	<view class="attention">
 		<view class="attention_box" v-for="(item,index) in attention" :key="index" @click="navto(item.friend_tomid)">
-			<view>
+			<view style="position:relative">
 				<image :src="item.friend_tomavatar" mode="aspectFill"></image>
+				<view class="tishi" v-if="item.unread_message"></view>
 			</view>
 			<view>{{item.friend_tomname}}</view>
 			<view>{{item.live_status ? '正在直播' : '未直播'}}</view>
-			<view  class="cur_two"  @click="tapClick(index)" v-if = "item.about == 1">已关注</view>
+			<view  class="cur_two"  @click="tapClick(index)">已关注</view>
-			<view class="cur"   @click="tapClick(index)" v-else = "item.about == 2">未关注</view>
+			<!-- <view class="cur"   @click="tapClick(index)" v-else = "item.about == 2">未关注</view> -->
 		</view>
+		<u-loadmore :status="status" icon-type="iconType"/>
 	</view>
+	
 </template>
 
 <script>
@@ -19,12 +22,27 @@
 			return {
 				rSelect:[],
 				type : '未关注',
-				attention: []
+				attention: [],
+				page:1,
+				status:'loadmore'
 			};
 		},
+		onReachBottom(){
+			if(this.status == 'loading' || this.status == 'nomore'){
+				return ;
+			}else{
+				this.status = "loading"
+				this.page++
+				this.snsfriendList()
+			}
+		},
 		onLoad(){
 			this.snsfriendList()
 		},
+		onShow(){
+			this.page = 1;
+			this.snsfriendList();
+		},
 		methods: {
 			// 点击切换颜色
 			tapClick(index) {
@@ -37,8 +55,17 @@
 				}
 			},
 			snsfriendList(){
-				this.$u.api.snsfriendList({}).then((res)=>{
+				this.$u.api.snsfriendList({page:this.page}).then((res)=>{
-					this.attention = res.data;
+					console.log(res)
+					if(this.page > 1){
+						this.attention.push(...res.data.data)
+					}else{
+						this.attention = res.data.data;
+					}
+					this.status = "loadmore"
+					if(res.data.data.length < parseInt(res.data.per_page)){
+						this.status = "nomore"
+					}
 				})
 			},
 			navto(id){
@@ -58,6 +85,15 @@
 </script>
 
 <style lang="scss" scoped>
+	.tishi{
+		position: absolute;
+		top: 5rpx;
+		left: 80rpx;
+		background-color: #ff5d00;
+		width: 12rpx;
+		height: 12rpx;
+		border-radius: 50%;
+	}
 	.attention {
 		 display: flex;
 		flex-wrap: wrap;

pageD/chat/chat.vue

@@ -1,544 +0,0 @@
-<template>
-	<view class="content">
-		<view class="content-box" @touchstart="touchstart" id="content-box" :class="{'content-showfn':showFunBtn}">
-			<!-- 背景图- 定位方式 -->
-			<image class="content-box-bg" :src="_user_info.chatBgImg" :style="{ height: imgHeight }"></image>
-			<view class="content-box-loading" v-if="!loading"><u-loading mode="flower"></u-loading></view>
-			<view class="message" v-for="(item, index) in messageList" :key="index" :id="`msg-${item.hasBeenSentId}`">
-				<view class="message-item " :class="item.isItMe ? 'right' : 'left'">
-					<image class="img" :src="item.fromUserHeadImg" mode="" @tap="linkToBusinessCard(item.fromUserId)"></image>
-					<!-- contentType = 1 文本 -->
-					<view class="content" v-if="item.contentType == 1">{{ item.content }}</view>
-					<!-- contentType = 2 语音 -->
-					<view
-						class="content contentType2"
-						:class="[{ 'content-type-right': item.isItMe }]"
-						v-if="item.contentType == 2"
-						@tap="handleAudio(item)"
-						hover-class="contentType2-hover-class"
-						:style="{width:`${130+(item.contentDuration*2)}rpx`}"
-					>
-						<view
-							class="voice_icon"
-							:class="[
-								{ voice_icon_right: item.isItMe },
-								{ voice_icon_left: !item.isItMe },
-								{ voice_icon_right_an: item.anmitionPlay && item.isItMe },
-								{ voice_icon_left_an: item.anmitionPlay && !item.isItMe }
-							]"
-						></view>
-						<view class="">{{ item.contentDuration }}''</view>
-					</view>
-					<!-- contentType = 3 图片 -->
-					<view 
-						class="content contentType3" 	
-						v-if="item.contentType == 3"
-						@tap="viewImg([item.content])"
-					>
-						<image :src="item.content" class="img" mode="widthFix"></image>
-					</view>
-				</view>
-			</view> 
-		</view>
-		
-		<!-- 底部聊天输入框 -->
-		<view class="input-box" :class="{ 'input-box-mpInputMargin': mpInputMargin }">
-			<view class="input-box-flex">
-				<!-- #ifndef H5 -->
-				<image v-if="chatType === 'voice'" class="icon_img" :src="require('@/static/pageD/voice.png')"  @click="switchChatType('keyboard')"></image>
-				<image v-if="chatType === 'keyboard'" class="icon_img" :src="require('@/static/pageD/keyboard.png')"  @click="switchChatType('voice')"></image>
-				<!-- #endif -->
-				<view class="input-box-flex-grow"> 
-					<input
-						v-if="chatType === 'voice'"
-						type="text"
-						class="content"
-						id="input"
-						v-model="formData.content"
-						:hold-keyboard="true"
-						:confirm-type="'send'"
-						:confirm-hold="true"
-						placeholder-style="color:#DDDDDD;"
-						:cursor-spacing="10"
-						@confirm="sendMsg(null)"
-					/>
-					<view
-						class="voice_title"
-						v-if="chatType === 'keyboard'"
-						:style="{ background: recording ? '#c7c6c6' : '#FFFFFF' }"
-						@touchstart.stop.prevent="startVoice"
-						@touchmove.stop.prevent="moveVoice"
-						@touchend.stop="endVoice"
-						@touchcancel.stop="cancelVoice"
-					>
-						{{ voiceTitle }}
-					</view>
-				</view>
-				
-				<!-- 功能性按钮 -->
-				<image class=" icon_btn_add" :src="require('@/static/pageD/add.png')" @tap="switchFun"></image>
-				
-				<!-- #ifdef H5 --> 
-				<button class="btn" type="primary" size="mini" @touchend.prevent="sendMsg(null)">发送</button>
-				<!-- #endif -->
-			</view>
-			
-			<view class="fun-box" :class="{'show-fun-box':showFunBtn}">
-				<u-grid :col="4"  hover-class="contentType2-hover-class" :border="false" @click="clickGrid">
-					<u-grid-item v-for="(item, index) in funList" :index="index" :key="index" bg-color="#eaeaea">
-						<u-icon :name="item.icon" :size="52"></u-icon>
-						<view class="grid-text">{{ item.title }}</view>
-					</u-grid-item>
-				</u-grid>
-			</view>
-
-		</view>
-		
-		<!-- //语音动画 -->
-		<view class="voice_an"  v-if="recording">
-			<view class="voice_an_icon">
-				<view id="one" class="wave"></view>
-				<view id="two" class="wave"></view>
-				<view id="three" class="wave"></view>
-				<view id="four" class="wave"></view>
-				<view id="five" class="wave"></view>
-				<view id="six" class="wave"></view>
-				<view id="seven" class="wave"></view>
-			</view>
-			<view class="text">{{voiceIconText}}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-export default {
-	data() {
-		return {
-			fromUserInfo: {},
-			formData: {
-				content: '',
-				limit: 15,
-				index: 1
-			},
-			messageList: [],
-			loading: true, //标识是否正在获取数据
-			imgHeight: '1000px',
-			mpInputMargin: false, //适配微信小程序 底部输入框高度被顶起的问题
-			chatType:"voice",  // 图标类型 'voice'语音 'keyboard'键盘
-			voiceTitle: '按住 说话',
-			Recorder: uni.getRecorderManager(),
-			Audio: uni.createInnerAudioContext(),
-			recording: false, //标识是否正在录音
-			isStopVoice: false, //加锁 防止点击过快引起的当录音正在准备(还没有开始录音)的时候,却调用了stop方法但并不能阻止录音的问题
-			voiceInterval:null,
-			voiceTime:0, //总共录音时长
-			canSend:true, //是否可以发送
-			PointY:0, //坐标位置
-			voiceIconText:"正在录音...",
-			showFunBtn:false, //是否展示功能型按钮
-			AudioExam:null, //正在播放音频的实例
-			funList: [
-				{ icon:"photo-fill",title:"照片",uploadType:["album"] },
-				{ icon:"camera-fill",title:"拍摄",uploadType:["camera"] },
-			],
-		};
-	},
-	methods: {
-		//拼接消息 处理滚动
-		async joinData() {
-			if (!this.loading) {
-				//如果没有获取数据 即loading为false时，return 避免用户重复上拉触发加载
-				return;
-			}
-			this.loading = false;
-			const data = await this.getMessageData();
-			//获取节点信息
-			const { index } = this.formData;
-			const sel = `#msg-${index > 1 ? this.messageList[0].hasBeenSentId : data[data.length - 1].hasBeenSentId}`;
-			this.messageList = [...data, ...this.messageList];
-			//填充数据后，视图会自动滚动到最上面一层然后瞬间再跳回bindScroll的指定位置 ---体验不是很好，后期优化
-			this.$nextTick(() => {
-				this.bindScroll(sel);
-				//如果还有数据
-				if (this.formData.limit >= data.length) {
-					this.formData.index++;
-					setTimeout(() => {
-						this.loading = true;
-					}, 200);
-				}
-			});
-		},
-		//处理滚动
-		bindScroll(sel, duration = 0) {
-			const query = uni.createSelectorQuery().in(this);
-			query
-				.select(sel)
-				.boundingClientRect(data => {
-					uni.pageScrollTo({
-						scrollTop: data && data.top - 40,
-						duration
-					});
-				})
-				.exec();
-		},
-		//获取消息
-		getMessageData() {
-			let getData = () => {
-				let arr = [];
-				let startIndex = (this.formData.index - 1) * this.formData.limit;
-				let endIndex = startIndex + this.formData.limit;
-				for (let i = startIndex; i < endIndex; i++) {
-					const isItMe = Math.random() > 0.5 ? true : false;
-					arr.unshift({
-						hasBeenSentId: i, //已发送过去消息的id
-						content: `很高兴认识你，这是第${i + 1}条消息。`,
-						fromUserHeadImg: isItMe ? this._user_info.headImg : this.fromUserInfo.fromUserHeadImg, //用户头像
-						fromUserId: isItMe ? this._user_info.id : this.fromUserInfo.fromUserId,
-						isItMe, //true此条信息是我发送的 false别人发送的
-						createTime: Date.now(),
-						contentType: 1, // 1文字文本 2语音
-						anmitionPlay: false //标识音频是否在播放
-					});
-				}
-				return arr;
-			};
-			return new Promise((resolve, reject) => {
-				const data = getData();
-				setTimeout(() => {
-					resolve(data);
-				}, 500);
-			});
-		},
-		//切换语音或者键盘方式
-		switchChatType(type) {
-			this.chatType = type;
-			this.showFunBtn =false;
-		},
-		//切换功能性按钮
-		switchFun(){
-			this.chatType = 'keyboard'
-			this.showFunBtn = !this.showFunBtn;
-			uni.hideKeyboard()
-		},
-		//发送消息
-		sendMsg(data) {
-			const params = {
-				hasBeenSentId: Date.now(), //已发送过去消息的id
-				content: this.formData.content,
-				fromUserHeadImg: this._user_info.headImg, //用户头像
-				fromUserId: this._user_info.id,
-				isItMe: true, //true此条信息是我发送的  false别人发送的
-				createTime: Date.now(),
-				contentType: 1
-			};
-
-			if (data) {
-				if(data.contentType == 2){
-					//说明是发送语音
-					params.content = data.content;
-					params.contentType = data.contentType;
-					params.contentDuration = data.contentDuration;
-					params.anmitionPlay = false;
-				}else if(data.contentType == 3){
-					//发送图片
-					params.content = data.content;
-					params.contentType = data.contentType;
-				}
-			} else if (!this.$u.trim(this.formData.content)) {
-				//验证输入框书否为空字符传
-				return;
-			}
-
-			this.messageList.push(params);
-
-			this.$nextTick(() => {
-				this.formData.content = '';
-				// #ifdef MP-WEIXIN
-					if(params.contentType == 1){
-						uni.pageScrollTo({
-							scrollTop: 99999,
-							duration: 0, //小程序如果有滚动效果 input的焦点也会随着页面滚动...
-						});
-					}else{
-						setTimeout(()=>{
-							uni.pageScrollTo({
-								scrollTop: 99999,
-								duration: 0, //小程序如果有滚动效果 input的焦点也会随着页面滚动...
-							});
-						},150)
-					}
-				// #endif
-					
-				// #ifndef MP-WEIXIN
-					uni.pageScrollTo({
-						scrollTop: 99999,
-						duration: 100
-					});
-				// #endif
-				
-				if(this.showFunBtn){
-					this.showFunBtn = false;
-				}
-				
-				// #ifdef MP-WEIXIN 
-				if (params.contentType == 1) {
-					this.mpInputMargin = true;
-				} 
-				// #endif
-				//h5浏览器并没有很好的办法控制键盘一直处于唤起状态 而且会有样式性的问题
-				// #ifdef H5
-				uni.hideKeyboard();
-				// #endif
-			});
-		},
-		//用户触摸屏幕的时候隐藏键盘
-		touchstart() {
-			uni.hideKeyboard();
-		},
-		// userid 用户id
-		linkToBusinessCard(userId) {
-			this.$u.route({
-				url: 'pages/businessCard/businessCard',
-				params: {
-					userId
-				}
-			});
-		},
-		//准备开始录音
-		startVoice(e) {
-			if(!this.Audio.paused){
-				//如果音频正在播放 先暂停。
-				this.stopAudio(this.AudioExam)
-			}
-			this.recording = true;
-			this.isStopVoice = false;
-			this.canSend = true;
-			this.voiceIconText = "正在录音..."
-			this.PointY = e.touches[0].clientY;
-			this.Recorder.start({
-				format: 'mp3'
-			});
-		},
-		//录音已经开始
-		beginVoice(){
-			if (this.isStopVoice) {
-				this.Recorder.stop();
-				return;
-			}
-			this.voiceTitle = '松开 结束'
-			this.voiceInterval =  setInterval(()=>{
-				this.voiceTime ++;
-			},1000)
-		},
-		//move 正在录音中
-		moveVoice(e){
-			const PointY = e.touches[0].clientY
-			const slideY = this.PointY - PointY;
-			if(slideY > uni.upx2px(120)){
-				this.canSend = false;
-				this.voiceIconText = '松开手指 取消发送 '
-			}else if(slideY > uni.upx2px(60)){
-				this.canSend = true;
-				this.voiceIconText = '手指上滑 取消发送 '
-			}else{
-				this.voiceIconText = '正在录音... '
-			}
-		},
-		//结束录音
-		endVoice() {
-			this.isStopVoice = true; //加锁 确保已经结束录音并不会录制
-			this.Recorder.stop();
-			this.voiceTitle = '按住 说话'
-		},
-		//录音被打断
-		cancelVoice(e){
-			this.voiceTime = 0;
-			this.voiceTitle = '按住 说话';
-			this.canSend = false;
-			this.Recorder.stop();
-		},
-		//处理录音文件
-		handleRecorder({ tempFilePath,duration }) {
-			let contentDuration;
-			// #ifdef MP-WEIXIN
-			this.voiceTime = 0;
-			if (duration < 600) {
-				this.voiceIconText="说话时间过短";
-				setTimeout(()=>{
-					this.recording = false;
-				},200)
-				return;
-			} 
-			contentDuration = duration/1000;
-			// #endif
-			
-			// #ifdef APP-PLUS
-			contentDuration = this.voiceTime +1;
-			this.voiceTime = 0;
-			if(contentDuration <= 0) {
-				this.voiceIconText="说话时间过短";
-				setTimeout(()=>{
-					this.recording = false;
-				},200)
-				return;
-			};
-			// #endif
-			
-			this.recording = false;
-			const params = {
-				contentType: 2,
-				content: tempFilePath,
-				contentDuration: Math.ceil(contentDuration)
-			};
-			this.canSend && this.sendMsg(params);
-		},
-		//控制播放还是暂停音频文件
-		handleAudio(item) {
-			this.AudioExam = item;
-			this.Audio.paused ? this.playAudio(item) : this.stopAudio(item);
-		},
-		//播放音频
-		playAudio(item) {
-			this.Audio.src = item.content;
-			this.Audio.hasBeenSentId = item.hasBeenSentId;
-			this.Audio.play();
-			item.anmitionPlay = true;
-		},
-		//停止音频
-		stopAudio(item) {
-			item.anmitionPlay = false;
-			this.Audio.src = '';
-			this.Audio.stop();
-		},
-		//关闭动画
-		closeAnmition() {
-			const hasBeenSentId = this.Audio.hasBeenSentId;
-			const item = this.messageList.find(it => it.hasBeenSentId == hasBeenSentId);
-			item.anmitionPlay = false;
-		},
-		//点击宫格时触发
-		clickGrid(index){
-			if(index == 0){
-				this.chooseImage(['album'])
-			}else if(index == 1){
-				this.chooseImage(['camera'])
-			}
-		},
-		//发送图片
-		chooseImage(sourceType){
-			uni.chooseImage({
-				sourceType,
-				sizeType:['compressed'], 
-				success:res=>{ 
-					this.showFunBtn = false;
-					for(let i = 0;i<res.tempFilePaths.length;i++){
-						const params = {
-							contentType: 3,
-							content: res.tempFilePaths[i],
-						};
-						this.sendMsg(params)
-					}
-				}
-			})
-		},
-		//查看大图
-		viewImg(imgList){
-			uni.previewImage({
-				urls: imgList,
-				// #ifndef MP-WEIXIN
-				indicator: 'number'
-				// #endif
-			});
-		},
-	},
-	onPageScroll(e) {
-		if (e.scrollTop < 50) {
-			this.joinData();
-		}
-	},
-	onNavigationBarButtonTap({ index }) {
-		if (index == 0) {
-			//用户详情 设置
-		} else if (index == 1) {
-			//返回按钮
-			this.$u.route({
-				type: 'switchTab',
-				url: 'pages/home/home'
-			});
-		}
-	},
-	//返回按钮事件
-	onBackPress(e) {
-		//以下内容对h5不生效
-		//--所以如果用浏览器自带的返回按钮进行返回的时候页面不会重定向 正在寻找合适的解决方案
-		this.$u.route({
-			type: 'switchTab',
-			url: 'pages/home/home'
-		});
-		return true;
-	},
-	onLoad(info) {
-		// { messageId,fromUserName,fromUserHeadImg } = info
-		const userInfo = this.firendList.filter(item => item.userId == info.fromUserId)[0];
-		console.log(userInfo)
-		this.fromUserInfo = {
-			fromUserName: userInfo.userName,
-			fromUserHeadImg: userInfo.headImg,
-			fromUserId: 4,
-			messageId: 2
-		};
-
-		//录音开始事件
-		this.Recorder.onStart(e => {
-			
-			this.beginVoice();
-		});
-		//录音结束事件
-		this.Recorder.onStop(res => {
-			clearInterval(this.voiceInterval);
-			this.handleRecorder(res);
-		});
-
-		//音频停止事件
-		this.Audio.onStop(e => {
-			this.closeAnmition();
-		});
-
-		//音频播放结束事件
-		this.Audio.onEnded(e => {
-			this.closeAnmition();
-		});
-	},
-	onReady() {
-		//自定义返回按钮 因为原生的返回按钮不可阻止默认事件
-		// #ifdef H5
-		const icon = document.getElementsByClassName('uni-page-head-btn')[0];
-		icon.style.display = 'none';
-		// #endif
-
-		uni.setNavigationBarTitle({
-			title: this.fromUserInfo.fromUserName
-		});
-		this.joinData();
-		uni.getSystemInfo({
-			success: res => {
-				this.imgHeight = res.windowHeight + 'px';
-			}
-		});
-		
-		uni.onKeyboardHeightChange(res => {
-			if (res.height == 0) {
-				// #ifdef MP-WEIXIN
-				this.mpInputMargin = false;
-				// #endif
-			}else{
-				this.showFunBtn = false;
-			}
-		});
-	}
-};
-</script>
-
-<style lang="scss" scoped>
- @import './index.scss'
-</style>

pageD/chat/index.scss

@@ -1,354 +0,0 @@
-page {
-	background-color: #f3f3f3;
-}
-
-.content {
-	&-showfn{
-		padding-bottom: 0rpx;
-		padding-bottom: calc(420rpx + constant(safe-area-inset-bottom));
-		padding-bottom: calc(420rpx + env(safe-area-inset-bottom) );
-		/* #ifdef MP-WEIXIN */
-		/* #endif */
-	}
-	&-box {
-		width: 100%;
-		height: auto;
-		min-height: calc(100vh - env(safe-area-inset-top) - 200rpx);
-		box-sizing: content-box;
-		position: relative;
-		padding-bottom: 120rpx;
-		
-		/* #ifdef APP-PLUS  */
-		margin-bottom: 0rpx;
-		margin-bottom: constant(safe-area-inset-bottom);
-		margin-bottom: env(safe-area-inset-bottom);
-		/* #endif */
-		/* #ifdef MP-WEIXIN */
-		padding-bottom: 0rpx;
-		padding-bottom: calc(120rpx + constant(safe-area-inset-bottom));
-		padding-bottom: calc(120rpx + env(safe-area-inset-bottom) );
-		/* #endif */
-	
-		&-bg {
-			width: 100%;
-			position: fixed;
-			/* #ifdef MP-WEIXIN */
-			bottom: 0;
-			bottom: constant(safe-area-inset-bottom);
-			bottom: env(safe-area-inset-bottom);
-			/* #endif */
-			/* #ifndef MP-WEIXIN */
-			top: 0;
-			left: 0;
-			/* #endif */
-		}
-
-		&-loading {
-			text-align: center;
-			padding: 20rpx 0;
-		}
-
-		.message {
-			padding: 13rpx 20rpx;
-		}
-		
-		.message-item {
-			display: flex;
-			justify-content: flex-start;
-			align-items: flex-start;
-			align-content: flex-start;
-			flex-wrap: nowrap;
-			flex-direction: row;
-
-			.img {
-				width: 80rpx;
-				height: 80rpx;
-				border-radius: 5rpx;
-			}
-
-			.content {
-				padding: 20rpx;
-				max-width: 500rpx;
-				border-radius: 10rpx;
-				font-size: 28rpx;
-			}
-			
-			// 语音
-			.contentType2 {
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-				.voice_icon {
-					height: 34rpx;
-					width: 34rpx; 
-					background-repeat: no-repeat;
-					background-size: 100%;
-				}
-				.voice_icon_right {
-					background-image: url(../../static/voice-left-3.png);
-					margin-left: 10rpx;
-				}
-				.voice_icon_left {
-					background-image: url(../../static/voice-right-3.png);
-					margin-right: 10rpx;
-				}
-				.voice_icon_right_an {
-					animation: voiceAn_right 1s linear alternate infinite;
-				}
-				.voice_icon_left_an {
-					animation: voiceAn_left 1s linear alternate infinite;
-				}
-				@keyframes voiceAn_right {
-					0% {
-						background-image: url(../../static/voice-left-1.png);
-					}
-					50% {
-						background-image: url(../../static/voice-left-2.png);
-					}
-					100% {
-						background-image: url(../../static/voice-left-3.png);
-					}
-				}
-				@keyframes voiceAn_left {
-					0% {
-						background-image: url(../../static/voice-right-1.png);
-					}
-					50% {
-						background-image: url(../../static/voice-right-2.png);
-					}
-					100% {
-						background-image: url(../../static/voice-right-3.png);
-					}
-				}
-			}
-			
-			//图片
-			.contentType3{
-				padding: 0;
-				border-radius: 2rpx;
-				background-color: transparent !important;
-				.img{
-					width: 200rpx;
-					height: auto;
-					max-width: 300rpx;
-					max-height: 400rpx;
-				}
-			}
-			.contentType3::after{
-				border: none !important;
-				display: none !important;
-			}
-			.content-type-right {
-				flex-direction: row-reverse;
-			}
-
-			&.right {
-				flex-direction: row-reverse;
-
-				.content {
-					background-color: $uni-color-success;
-					margin-right: 28rpx;
-					word-break: break-all;
-					line-height: 36rpx;
-					position: relative;
-
-					&::after {
-						content: '';
-						display: block;
-						width: 0;
-						height: 0;
-						border-top: 10rpx solid transparent;
-						border-bottom: 10rpx solid transparent;
-						border-left: 16rpx solid $uni-color-success;
-						position: absolute;
-						right: -16rpx;
-						top: 30rpx;
-					}
-				}
-			}
-
-			&.left {
-				.content {
-					background-color: $uni-text-color-inverse;
-					margin-left: 28rpx;
-					word-break: break-all;
-					line-height: 36rpx;
-					position: relative;
-
-					&::after {
-						content: '';
-						display: block;
-						width: 0;
-						height: 0;
-						border-top: 10rpx solid transparent;
-						border-bottom: 10rpx solid transparent;
-						border-right: 16rpx solid $uni-text-color-inverse;
-						position: absolute;
-						left: -16rpx;
-						top: 30rpx;
-					}
-				}
-			}
-		}
-	}
-
-	.input-box {
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		width: 100%;
-		box-sizing: content-box;
-		z-index: 999;
-		background-color: #eaeaea;
-		
-		/* #ifdef APP-PLUS */
-		margin-bottom: 0rpx;
-		margin-bottom: constant(safe-area-inset-bottom);
-		margin-bottom: env(safe-area-inset-bottom);
-		/* #endif */
-		/* #ifdef MP-WEIXIN */
-		padding-bottom: 0rpx;
-		padding-bottom: constant(safe-area-inset-bottom);
-		padding-bottom: env(safe-area-inset-bottom);
-		/* #endif */
-
-		&-flex {
-			display: flex;
-			justify-content: flex-start;
-			align-items: center;
-			flex-wrap: nowrap;
-			flex-direction: row;
-			padding: 20rpx;
-			box-sizing: border-box;
-			image{
-				width: 56rpx;
-				height: 56rpx;
-			}
-			.icon_img {
-				margin-right: 20rpx;
-			}
-			.icon_btn_add{
-				margin-left: 20rpx;
-			}
-			&-grow {
-				flex-grow: 1;
-
-				.content {
-					box-sizing: border-box;
-					background-color: #fff;
-					height: 80rpx;
-					padding: 0 20rpx;
-					border-radius: 12rpx;
-					font-size: 28rpx;
-					caret-color: $uni-color-success;
-				}
-
-				.voice_title {
-					text-align: center;
-					background-color: #ffffff;
-					height: 80rpx;
-					line-height: 80rpx;
-					border-radius: 12rpx;
-				}
-			}
-
-			.btn {
-				margin-left: 20rpx;
-				background-color: $u-type-success;
-				border: none;
-			}
-		}
-		
-		.fun-box{
-			opacity: 0;
-			transition: all 0.1s ease-in-out;
-			height: 0;
-			.grid-text{
-				padding-top: 10rpx;
-				color: $uni-text-color-grey;
-			}
-			
-		}
-		.show-fun-box{
-			opacity: 1;
-			height: 300rpx;
-		}
-	}
-
-	.input-box-mpInputMargin {
-		/* #ifdef MP-WEIXIN */
-		padding-bottom: 0rpx;
-		/* #endif */
-	}
-	.voice_an{
-		width: 300rpx;
-		height: 300rpx;
-		position: fixed;
-		top: 50%;
-		left: 50%;
-		transform: translate(-50%,-55%);
-		background-color: rgba(41,41,41,0.7);
-		color: white;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		text-align: center;
-		border-radius: 10rpx;
-		.text{
-			padding-top: 30rpx;
-		}
-		@keyframes runVoice{
-			0%{
-				height: 10%;
-			}
-			20%{
-				height: 50%;
-			}
-			50%{
-				height: 100%;
-			}
-			80%{
-				height: 50%;
-			}
-			100%{
-				height: 0%;
-			}
-		}	
-		.wave{
-			width:6rpx;
-			height: 100%;
-			margin-left: 10rpx;
-			border-radius: 50rpx;
-			background-color: #999;
-			vertical-align: middle;
-			display: inline-block;
-		}
-		.voice_an_icon{
-			width: 200rpx;
-			height: 100rpx;
-			line-height: 50rpx;
-			margin: 50rpx 0;
-		}
-		.voice_an_icon #one{
-			animation:runVoice 0.6s infinite 0.1s;
-		}
-		.voice_an_icon #two{
-			animation:runVoice 0.6s infinite 0.3s;
-		}
-		.voice_an_icon #three{
-			animation:runVoice 0.6s infinite 0.6s;
-		}
-		.voice_an_icon #four{
-			animation:runVoice 0.6s infinite 0.1s;
-		}
-		.voice_an_icon #five{
-			animation:runVoice 0.6s infinite 0.3s;
-		}
-		.voice_an_icon #six{
-			animation:runVoice 0.6s infinite 0.6s;
-		}
-		.voice_an_icon #seven{
-			animation:runVoice 0.6s infinite 0.1s;
-		}
-	}
-}

pageD/components/GoEasyAudioPlayer/GoEasyAudioPlayer.vue

@@ -40,11 +40,12 @@
         padding: 6rpx 10rpx;
         height: 72rpx;
         line-height: 72rpx;
-        background: #D02129;
+        background: #FF780F;
         font-size: 24rpx;
         border-radius: 14rpx;
         color: #ffffff;
         display: flex;
+        flex-direction: row-reverse;
     }
     .audio-facade-bg{
         background: url("./images/voice.png") no-repeat center;

pageD/privateChat/privateChat.vue

@@ -68,6 +68,7 @@
 		</div>
 		<div class="record-loading" v-if="audio.recording"></div>
 		<video style="width:100%;height: 100%" :src="video.url" v-if="video.visible" id="videoPlayer" autoplay="true" @fullscreenchange="onVideoFullScreenChange"  @play="onVideoPlayStart"></video>
+		<u-toast ref="uToast" />
 	</div>
 </template>
 
@@ -191,6 +192,13 @@
 				})
 			},
 			sendMessage() {//发送消息
+				if(!this.imService.status){
+					this.$refs.uToast.show({
+						title: '连接聊天中，请稍候',
+						type: 'warning'
+					})
+					return
+				}
 				if (this.content.trim() != '') {
 					this.imService.sendPrivateTextMessage(this.friend.uuid, this.content);
 					let that = this
@@ -209,6 +217,13 @@
 				this.imService.loadPrivateHistoryMessage(this.friend.uuid, lastMessageTimeStamp);
 			},
 			onRecordStart () {
+				if(!this.imService.status){
+					this.$refs.uToast.show({
+						title: '连接聊天中，请稍候',
+						type: 'warning'
+					})
+					return
+				}
 				try{
 					recorderManager.start();
 				}catch(e){
@@ -231,6 +246,13 @@
 				}
 			},
 			sendVideo () {//发送文件
+				if(!this.imService.status){
+					this.$refs.uToast.show({
+						title: '连接聊天中，请稍候',
+						type: 'warning'
+					})
+					return
+				}
 				uni.chooseVideo({
 					success : (res) => {
 						console.log(res)
@@ -239,6 +261,13 @@
 				})
 			},
 			sendImage() {
+				if(!this.imService.status){
+					this.$refs.uToast.show({
+						title: '连接聊天中，请稍候',
+						type: 'warning'
+					})
+					return
+				}
 				uni.chooseImage({
 					count :1,
 					success :(res) => {
@@ -248,6 +277,7 @@
 				})
 			},
 			showImageFullScreen (e) {
+				
 				var imagesUrl = [e.currentTarget.dataset.url];
 				uni.previewImage({
 					urls: imagesUrl
@@ -312,7 +342,7 @@
 		box-sizing: border-box;
 	}
 	.chatInterface .top{
-		font-size: 24rpx;
+		font-size: 20rpx;
 		height: 90rpx;
 		display: flex;
 		flex-direction: column;
@@ -322,7 +352,7 @@
 		color: blue;
 	}
 	.chatInterface .top .description{
-		text-decoration: underline;
+		/* text-decoration: underline; */
 	}
 
 	.chatInterface .message-item{
@@ -400,7 +430,7 @@
 	}
 	.chatInterface .action-top .file-icon{
 		background: url("../images/vedio.png") no-repeat center;
-		background-size: 70%;
+		background-size: 50%;
 		color: #9D9D9D;
 		position: relative;
 		width:80rpx;
@@ -415,7 +445,7 @@
 	}
 	.chatInterface .action-top .img-video{
 		background: url("../images/file.png") no-repeat center;
-		background-size: 74%;
+		background-size: 50%;
 	}
 	.chatInterface .record-input{
 		width: 480rpx;
@@ -438,9 +468,10 @@
 		font-size: 28rpx;
 	}
 	.chatInterface .send-message-btn{
-		font-size: 32rpx;
+		font-size: 28rpx;
 		width: 80rpx;
 		line-height: 80rpx;
+		margin-right: 20rpx;
 	}
 	.record-loading{
 		position: absolute;

pageE/mine/EditUserInfo.vue

@@ -117,7 +117,7 @@ export default {
 				id: 1 // 平台店铺 id
 			}).then((res)=>{
 				// console.log(res)
-				let user = new Friend(res.data.member_id,res.data.member_nickname,res.data.member_avatar)
+				let user = new Friend(res.data.member_id,res.data.store_name,res.data.member_avatar)
 				this.$u.route({
 					url:"/pageD/privateChat/privateChat",
 					params:{

pageE/mine/ImageTextCollection.vue

@@ -1,11 +1,13 @@
 <template>
 	<view class="collection">
 		<view class="container">
-			<view class="item-box" v-for="(item, index) in articleList" :key="index" @click="toDetailsPage(item.article_id)">
+			<view class="item-box" v-for="(item, index) in articleList" :key="index" @click="toDetailsPage({ id: item.article_id, type: item.type })">
 				<view class="video-item" v-if="item">
-					<image class="head" :src="item.article_pic" mode="scaleToFill" v-if="item.type == 1"></image>
+					<image class="head" :src="item.article_pic" mode="aspectFill" v-if="item.type == 1"></image>
 					<view class="header_fist" v-else>
-						<view class="backes"></view>
+						<view class="backs">
+							<image class="play-icon" src="/static/videoPlay.png"></image>
+						</view>
 						<image class="head" :src="item.article_pic"></image>
 					</view>
 					<view class="title u-line-1">{{ item.article_title }}</view>
@@ -15,23 +17,14 @@
 							<image :src="item.member_avatar"></image>
 							<text>{{ item.member_nickname }}</text>
 						</view>
-						<view @click.stop="delArticle(item.article_id)">
+						<view @click.stop="viewAction(item.article_id)">
-							<u-icon name="trash" color="#333" size="36"></u-icon>
+							<u-icon name="more-dot-fill" color="#333" size="36"></u-icon>
 						</view>
-						<!-- <image src="/static/image/common/4.png" @click.stop="showAction(item)"></image> -->
-						<!-- <view class="action" v-if="show == item.article_id">
-							<view class="bubble">
-								<view @click.stop="delArticle(item.article_id)">
-									<image src="/static/image/common/8.png"></image>
-									<text>删除</text>
-								</view>
-							</view>
-						</view> -->
-						<view class="layer" v-if="show == item.article_id" @click.stop="show=-1"></view>
 					</view>
 				</view>
 			</view>
 		</view>
+		<u-action-sheet :list="actionList" v-model="showAction" :cancel-btn="true" @click="delArticle" border-radius="20"></u-action-sheet>
 		<u-empty mode="list" v-if="!articleList.length" color="#000" img-width="200" font-size="30" margin-top="120"></u-empty>
 	</view>
 </template>
@@ -39,8 +32,17 @@
 export default {
 	data() {
 		return {
+			tid: '',
 			show: -1,
 			articleList: [],
+			showAction: false,
+			actionList: [
+				{
+					text: '删除',
+					color: '#000000',
+					fontSize: 36
+				}
+			]
 		}
 	},
 	onShow() {
@@ -51,9 +53,6 @@ export default {
         this.articleCollectList();
     },
 	methods: {
-		showAction(item) {
-			this.show = this.show > 0 ? -1 : item.article_id;
-		},
 		articleCollectList() {
 			this.$u.api.articleCollectList().then(res => {
 				uni.stopPullDownRefresh();
@@ -64,8 +63,16 @@ export default {
 				}
 			})
 		},
-		delArticle(id) {
+		viewAction(id) {
-			this.$u.api.articleCollect({ article_id: id }).then(res => {
+			this.showAction = true;
+			this.tid = id;
+		},
+		toDetailsPage({ id, type }) {
+			let src = type == 1 ? 'pageB/photo/index' : 'pageB/video/video';
+			this.$u.route(src, {　id: id　});
+		},
+		delArticle() {
+			this.$u.api.articleCollect({ article_id: this.tid }).then(res => {
 				if(res.errCode == 0) {
 					this.articleCollectList();
 				} else {
@@ -73,11 +80,6 @@ export default {
 				}
 			})
 		},
-		toDetailsPage(id) {
-			 uni.navigateTo({
-				url: '/pageB/photo/index?id=' + id
-			});
-		},
 	}
 };
 </script>
@@ -88,11 +90,9 @@ export default {
 		padding: 21rpx 30rpx 0;
 		display: flex;
 		flex-wrap: wrap;
+		justify-content: space-between;
 		.item-box {
-			&:not(:nth-child(2n)) {
+			.video-item {
-				margin-right: 20rpx;
-			}
-			.video-item{
 				width: 330rpx;
 				height: 510rpx;
 				margin-top: 20rpx;
@@ -104,30 +104,28 @@ export default {
 					height: 330rpx !important;
 				}
 				.title{
-					margin:0 auto;
+					margin: 20rpx auto 0;
-					margin-top: 20rpx;
 					font-size: 22rpx;
 					color: #333;
 					font-weight: 500;
+					height: 30rpx;
 					line-height: 30rpx;
 					width: 300rpx;
 				}
 				.jianjie{
-					// height: 60rpx;
+					height: 30rpx;
-					margin:0 auto;
+					margin: 20rpx auto 0;
-					margin-top: 20rpx;
 					font-size: 22rpx;
 					color: #666;
 					line-height: 30rpx;
 					width: 300rpx;
 					margin-left: 18rpx;
 				}
-				.user{
+				.user {
 					display: flex;
 					justify-content: space-between;
 					align-items: center;
-					margin:0 auto;
+					margin: 20rpx auto 0;
-					margin-top: 20rpx;
 					width: 300rpx;
 					position: relative;
 					.info {
@@ -149,82 +147,27 @@ export default {
 						width: 37rpx;
 						height: 8rpx;
 					}
-					.action {
+				}
-						z-index: 19;
+				.header_fist {
-						position: absolute;
+					width: 330rpx;
-						right: 0rpx;
+					height: 330rpx;
-						bottom: 55rpx;
+					position: relative;
-						// width: 234rpx;
+					.backs {
-						background: rgba(255,255,255,1);
-						box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(35,24,21,0.12);
-						border-radius: 6rpx;
-						.bubble {
-							position: relative;
-							background-color: #fff;
-							&::after {
-								position: absolute;
-								right: 10rpx;
-								bottom: 0;
-								content: '';
-								width: 60rpx; 
-								height: 40rpx;
-								background-color: inherit;
-								transform: rotate(45deg);
-								margin-top: -10rpx;
-								z-index: -1;
-								box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(35,24,21,0.12);
-							}
-							> view {
-								padding: 9rpx 12rpx;
-								display: flex;
-								align-items: center;
-								&:not(:last-child) {
-									border-bottom: 2rpx #ECECEC solid;
-								}
-								@mixin image-class($width, $height, $right) {
-									width: $width;
-									height: $height;
-									margin-right: $right;
-								}
-								> image {
-									&:first-child {
-										@include image-class($width: 21rpx, $height: 22rpx, $right: 12rpx);
-									}
-									&:nth-child(2) {
-										@include image-class($width: 22rpx, $height: 22rpx, $right: 12rpx);
-									}
-									&:last-child {
-										@include image-class($width: 24rpx, $height: 20rpx, $right: 9rpx);
-									}
-								}
-								> text {
-									font-size: 20rpx;
-									color: rgba(51,51,51,1);
-								}
-							}
-						}
-					}
-					.layer {
-						position: fixed;
-						top: 0;
-						left: 0;
 						width: 100%;
 						height: 100%;
 						z-index: 9;
-						background-color: transparent;
-					}
-				}
-				.header_fist{
-					position: relative;
-					.backes{
 						position: absolute;
-						top: 0;
+						background-color: rgba(0, 0, 0, 0.35);
-						background: rgba(0,0,0,0.6);
+						.play-icon {
-						width: 100%;
+							z-index: 19;
-						height: 100%;
+							position: absolute;
-						color: #fff;
+							width: 100rpx;
+							height: 100rpx;
+							top: 50%;
+							left: 50%;
+							transform: translate(-50%, -50%);
+						}
 					}
-					
 				}
 			}
 		}

pageE/mine/MineConcerns.vue

@@ -1,68 +1,122 @@
 <template>
 	<view class="concerns">
-		<view class="concerns-container">
+		<view class="tabs-top u-border-bottom">
-			<view v-for="(info, index) in list" :key="index">
+			<u-tabs ref="uTabs" :show-bar="false" :list="list" font-size="32" :current="current" @change="tabsChange" :is-scroll="false"
-				<view class="daren-item">
+			swiperWidth="750" active-color="#FF780F"></u-tabs>
-					<image class="head" :src="info.friend_tomavatar" @click="viewDetails(info.friend_tomid)"></image>
-					<text class="name" @click="viewDetails(info.friend_tomid)">{{ info.friend_tomname || '' }}</text>
-					<view class="guanzhu" @click="changeType(info.friend_tomid)" v-if="info.friend_followstate == 1">取消关注</view>
-				</view>
-			</view>
 		</view>
-		<u-empty mode="list" v-if="!list.length" color="#000" img-width="200" font-size="30" margin-top="120"></u-empty>
+		<scroll-view v-if="current==0" scroll-y style="height: 100%;width: 100%;" class="store" @scrolltolower="onreachBottom">
+			<storeViwe ref="store"></storeViwe>
+		</scroll-view>
+		<scroll-view v-else scroll-y style="height: 100%;width: 100%;" @scrolltolower="onreachBottom">
+			<view class="concerns-container">
+				<view v-for="(info, index) in daren" :key="index">
+					<view class="daren-item">
+						<image class="head" :src="info.friend_tomavatar" @click="toDetailsPage({ id: info.friend_tomid })"></image>
+						<text class="name" @click="toDetailsPage({ id: info.friend_tomid })">{{ info.friend_tomname || '' }}</text>
+						<view class="guanzhu" @click="changeType(info.friend_tomid)" v-if="info.friend_followstate == 1">取消关注</view>
+					</view>
+				</view>
+				<u-loadmore :status="loadStatus" bg-color="#FFFFFF" v-if="daren.length > 9" @loadmore="loadmore" />
+			</view>
+			<u-empty mode="list" v-if="!daren.length" color="#000" img-width="200" font-size="30" margin-top="200"></u-empty>
+		</scroll-view>
 	</view>
 </template>
 <script>
+import storeViwe from './storeConcerns'
 export default {
 	data() {
 		return {
-			list: []
+			list: [{ name: "商家" }, { name: "达人" }],
+			daren: [],
+			shangjia:[],
+			height: 0,
+			show: false,
+			current: 0,
+			page: 1,
+			loadStatus: 'loadmore',
+			timer: true,
 		}
 	},
-	onShow() {
+	components: {
-		this.attentionMemberList();
+		storeViwe,
+	},
+	onShow() {
+		this.loadStatus = "loadmore"
+		this.page = 1
+		this.getPeopleList();
+	},
+	onLoad(){
+		this.setViewHeight();
 	},
-	// 下拉刷新
-	onPullDownRefresh() {
-        this.attentionMemberList();
-    },
 	methods: {
-		attentionMemberList() {
+		setViewHeight() {
-			this.$u.api.attentionMemberList().then(res => {
+			const res = uni.getSystemInfoSync();
-				uni.stopPullDownRefresh();
+			this.height = res.windowHeight - (res.windowWidth / 750 * 80) + 'px';
-				if(res.errCode == 0) {
+		},
-					this.list = res.data;
+		// tabs通知swiper切换
-				} else {
+		tabsChange(index) {
-					this.list = [];
+			this.current = index;
-				}
+		},
+		// scroll-view到底部加载更多
+		onreachBottom() {
+			if(this.current == 0) this.$refs.loadmore();
+			else if(this.current == 1) this.loadmore();
+		},
+		loadmore() {
+			if(!this.timer) return false;
+			this.timer = false;
+			this.loadStatus = "loading";
+			this.page++;
+			this.getPeopleList({ load: 'loadmore' }).then(length => {
+				this.loadStatus = "nomore";
+				if(length == 0) this.page--;
+			}).catch(() => {
+				this.loadStatus = "nomore";
+				this.page--;
 			})
 		},
-		viewDetails(id) {
+		async getPeopleList({ load = 'reload' } = {}) {
+			const res = await this.$u.api.attentionMemberList({
+				role: 3,
+				page: this.page
+			})
+			this.timer = true;
+			if(res.errCode == 0) {
+				if(load == 'reload') this.daren = res.data.data;
+				else if(load == 'loadmore') this.daren.push(...res.data.data);
+			}
+			return res.data.data.length;
+		},
+		// 取消关注
+		changeType(id) {
+			// console.log(id);
+			this.$u.api.attentionMember({
+				member_id: id
+			}).then(res => {
+				this.$u.toast(res.message);
+				this.getPeopleList();
+			})
+		},
+		toDetailsPage(id) {
 			this.$u.route('pageB/details/index', {
 				id: id
 			});
 		},
-		changeType(id) {
-				console.log(id);
-				this.$u.api.attentionMember({
-					member_id: id
-				}).then(res => {
-					this.$u.toast(res.message);
-					this.attentionMemberList();
-				})
-			},
 	},
 };
 </script>
 <style lang="scss" scoped>
 .concerns {
+	background-color: #FFFFFF;
+	.store {
+		background-color: #FFFFFF;
+	}
 	.concerns-container {
 		padding: 30rpx;
 		display: flex;
 		flex-wrap: wrap;
-		&:not(:nth-child(3n)) {
+		margin-left: -20rpx;
-			margin-right: 20rpx;
-		}
 		.daren-item{
 			width: 215rpx;
 			height: 282rpx;
@@ -72,6 +126,8 @@ export default {
 			background-color: #fff;
 			border-radius: 10rpx;
 			overflow: hidden;
+			margin-left: 20rpx;
+			margin-bottom: 20rpx;
 			.head{
 				width: 80rpx;
 				height: 80rpx;

pageE/mine/MineProgress.vue

@@ -2,27 +2,21 @@
 	<view class="progress" v-if="memberInfo">
 		<view class="header">
 			<view class="line-progress">
-				<view class="rank-value">lv{{ memberInfo.member_level }}</view>
+				<view class="rank-value">lv{{ memberInfo.member_level || 0 }}</view>
 				<view class="line-box">
 					<u-line-progress :percent="percent" :show-percent="false" inactive-color="#FFFFFF" active-color="#F1A36B" height="30" :striped="true" :striped-active="true"></u-line-progress>
-					<text>{{ memberInfo.member_exppoints + '/' + memberInfo.next_member_level_exppoints }}</text>
+					<text>{{ (memberInfo.member_exppoints || 0) + '/' + (memberInfo.next_member_level_exppoints || 0) }}</text>
 				</view>
-				<view class="rank-value">lv{{ memberInfo.next_member_level }}</view>
+				<view class="rank-value">lv{{ memberInfo.next_member_level || 0 }}</view>
 			</view>
-			<view class="exp-value">经验值<span>{{ memberInfo.member_exppoints }}</span></view>
+			<view class="exp-value">经验值<span>{{ memberInfo.member_exppoints || 0 }}</span></view>
-			<view class="distance">距离下一级还需要 {{ memberInfo.next_member_level_exppoints_diff }} 经验值</view>
+			<view class="distance">距离下一级还需要 {{ memberInfo.next_member_level_exppoints_diff || '--' }} 经验值</view>
 		</view>
 		<view class="body">
 			<view class="title" v-if="memberInfo.level_rule">
 				<image src="/static/image/mine/34.png"></image>
-				<text>{{ memberInfo.level_rule.document_title }}</text>
+				<text>{{ memberInfo.level_rule.document_title || '' }}</text>
 			</view>
-			<!-- <view class="rank-list">
-				<view v-for="(rank, index) in rank" :key="index" class="list-item">
-					<view class="rank-value">lv{{ rank.level }}</view>
-					<view class="rank-interval"><span>经验值:</span>{{ rank.max == '--' ? rank.min + '及以上' : rank.min + '~' + rank.max }}</view>
-				</view>
-			</view> -->
 			<view class="rich">
 				<rich-text :nodes="nodes"></rich-text>
 			</view>
@@ -41,7 +35,6 @@ export default {
 	},
 	filters: {
 		percentExp(value, next) {
-			// console.log(rank);
 			let result = '0 / 0';
 			result = typeof(next) == 'Number' 
 			? value + ' / ' + (value + next)

pageE/mine/storeConcerns.vue

@@ -0,0 +1,176 @@
+<template>
+	<view class="collection-item">
+		<u-swipe-action
+			v-for="(item, index) in list" :key="index" 
+			:index='index'
+			:show="item.show"
+			:options="options"
+			@click="removeFavorite"
+			@open="open"
+		>
+			<view class="item u-border-bottom" @click="viewStoreDetails(item)">
+				<image :src="item.friend_tomavatar"></image>
+				<!-- 此层wrap在此为必写的，否则可能会出现标题定位错误 -->
+				<view class="title-wrap">
+					<view class="item-top u-line-1">{{ item.friend_tomname }}</view>
+					<view class="item-bottom">
+						<view class="item-date">
+							<image src="@/pageE/static/mine/26.png"></image>
+							<view>{{ item.friend_tomavatar | date }}</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</u-swipe-action>
+		<u-empty mode="list" v-if="!list.length" color="#000" img-width="200" font-size="30" margin-top="200"></u-empty>
+		<u-loadmore :status="loadStatus" bg-color="#FFFFFF" v-if="list.length > pageSize" @loadmore="loadmore" />
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {
+			pageSize: 12,
+			list: [],
+			options: [
+				{
+					text: '删除',
+					style: {
+						backgroundColor: '#FF3131'
+					}
+				}
+			],
+			page: 1,
+			timer: true,
+			loadStatus: 'loadmore',
+		}
+	},
+	mounted() {
+		this.getStoreList();
+	},
+	methods: {
+		viewStoreDetails(item) {
+			if(this.closeAction()) return false;
+			// console.log(this.list);
+			const list = this.list.filter(item => {
+				return item.show;
+			})
+			if(list.length) return false;
+			this.$u.route({
+				url: 'pageC/merchant/index',
+				params: {
+					id: item.friend_store_id,
+				}
+			})
+		},
+		async getStoreList({ load = 'reload' } = {}) {
+			const res = await this.$u.api.attentionMemberList({
+				role: 2,
+				page: this.page
+			})
+			this.timer = true;
+			if(res.errCode == 0) {
+				if(load == 'reload') this.list = res.data.data;
+				else if(load == 'loadmore') this.list.push(...res.data.data);
+			}
+			this.list.forEach(item => {
+				Object.assign(item, { show: false });
+			})
+			// console.log(this.list);
+			return res.data.data.length;
+		},
+		loadmore() {
+			if(!this.timer) return false;
+			this.timer = false;
+			this.loadStatus = "loading";
+			this.page++;
+			let promise;
+			promise = this.getStoreList({ load: 'loadmore' });
+			promise.then(length => {
+				this.loadStatus = "nomore";
+				if(length == 0) this.page--;
+			}).catch(() => {
+				this.loadStatus = "nomore";
+				this.page--;
+			})
+		},
+		removeFavorite(index) {
+			const id = this.list[index].friend_tomid;
+			this.$u.api.attentionMemberRemove({
+				id: id,
+				type: 'store'
+			}).then(res => {
+				if(res.errCode == 0) {
+					this.getStoreList();
+				} else {
+					this.$u.toast(res.message);
+				}
+			})
+		},
+		closeAction() {
+			let status = false;
+			this.list.map((val, idx) => {
+				if(val.show) {
+					status = true;
+					this.$set(this.list[idx], 'show', false);
+				};
+			})
+			this.$forceUpdate();
+			return status;
+		},
+		open(index) {
+			console.log(index);
+			// 先将正在被操作的swipeAction标记为打开状态，否则由于props的特性限制，
+			// 原本为'false'，再次设置为'false'会无效
+			this.list[index].show = true;
+			this.list.map((val, idx) => {
+				if(index != idx) this.list[idx].show = false;
+			})
+			this.$forceUpdate();
+		}
+	},
+};
+</script>
+<style lang="scss" scoped>
+.collection-item {
+	background-color: #ffffff;
+	.item {
+		padding: 30rpx;
+		display: flex;
+		> image {
+			width: 180rpx;
+			height: 160rpx;
+			border-radius: 10rpx;
+			margin-right: 30rpx;
+			flex-shrink: 0;
+		}
+		.title-wrap {
+			flex: 1;
+			.item-top {
+				font-size: 30rpx;
+				color: rgba(51,51,51,1);
+				line-height: 44rpx;
+				margin-bottom: 54rpx;
+			}
+			.item-bottom {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				.item-price {
+					font-size: 30rpx;
+					color: rgba(51,51,51,1);
+				}
+				.item-date {
+					display: flex;
+					align-items: center;
+					> image {
+						margin-right: 25rpx;
+						width: 24rpx;
+						height: 24rpx;
+					}
+				}
+			}
+		}
+	}
+}
+</style>

pageE/order/Comment.vue

@@ -8,14 +8,15 @@
 		<view class="order-rate">
 			<view class="rate">
 				<view class="title">物流评分</view>
-				<u-rate :count="5" active-color="#FF780F" inactive-color="#CCCCCC" v-model="logistics" gutter="20" size="32"></u-rate>
+				<u-rate :count="5" min-count="1" active-color="#FF780F" inactive-color="#CCCCCC" v-model="logistics" gutter="20" size="32"></u-rate>
 			</view>
 			<view class="rate">
 				<view class="title">服务态度</view>
-				<u-rate :count="5" v-model="service" active-color="#FF780F" inactive-color="#CCCCCC" gutter="20" size="32"></u-rate>
+				<u-rate :count="5" min-count="1" v-model="service" active-color="#FF780F" inactive-color="#CCCCCC" gutter="20" size="32"></u-rate>
 			</view>
 		</view>
 		<view class="write-btn" @click="submitComment">发表意见</view>
+		<u-toast ref="uToast" />
 	</view>
 </template>
 <script>
@@ -26,13 +27,14 @@ export default {
 		return {
 			orderId: '',
 			count: 3, // 最大图片数量
-			logistics: 0, // 物流服务
+			logistics: 1, // 物流服务
-			service: 0, // 服务态度
+			service: 1, // 服务态度
 			describe: [],
 			content: [],
 			imageList: [], // 本地图片路径
 			goodsList: [],
 			uploadImageList: [], // 线上图片名字
+			debounce: true, // 防止多次提交
 		}
 	},
 	components: {
@@ -76,7 +78,7 @@ export default {
 		setModelKey(data) {
 			data.forEach(() => {
 				this.content.push('');
-				this.describe.push(0);
+				this.describe.push(1);
 				this.imageList.push([]);
 			})
 		},
@@ -123,28 +125,28 @@ export default {
 			})
 		},
 		verifyParams() {
+			let status = true;
 			this.goodsList.forEach((_, index) => {
 				if(this.$u.test.isEmpty(this.content[index])) {
 					this.$u.toast('内容不可为空');
-					return false;
+					status = false;
 				}
 			})
-			return true;
+			return status;
 		},
 		submitComment() {
 			// console.log(this.content);
 			// console.log(this.describe);
 			// console.log(this.imageList);
 			this.uploadImage();
-			// this.goodsList.forEach((_, index) => {
-				
-			// })
 		},
 		addOrderEvaluate() {
 			if(!this.verifyParams()) return false;
+			if(!this.debounce) return false;
 			let files = [];
 			// console.log(this.uploadImageList);
 			this.uploadImageList.forEach((item, index) => {
+				// 赋默认值
 				files[index] = '';
 				// console.log(item);
 				item.forEach((img, idx) => {
@@ -161,11 +163,21 @@ export default {
 				scores_one: this.logistics,
 				scores_two: this.service,
 				scores_three: this.describe,
-				file: files,
 			};
-			console.log(params);
+			if(files.length) {
+				Object.assign(params, { file: files })
+			}
+			// console.log(params);
 			this.$u.api.updateOrderEvaluate(params).then(res => {
-				this.$u.toast(res.message);
+				if(res.errCode == 0) {
+					this.$refs.uToast.show({
+						title: res.message,
+						back: true,
+					})
+				} else {
+					this.$u.toast(res.message);
+					this.debounce = true;
+				}
 			})
 		},
 	},

pageE/order/Details.vue

@@ -20,12 +20,12 @@
 			</view>
 			<view class="info-goods">
 				<view class="goods-store">
-					<view class="stoer-title">
+					<view class="stoer-title" @click="viewStoreDetails(orderInfo.extend_store.store_id)">
 						<image :src="orderInfo.extend_store.store_avatar" class="store-image"></image>
 						<view class="store-name">{{ orderInfo.extend_store.store_name }}</view>
 						<image src="../static/mine/21.png" class="right-icon"></image>
 					</view>
-					<view v-for="goods in orderInfo.extend_order_goods" :key="goods.goods_id">
+					<view v-for="goods in orderInfo.extend_order_goods" :key="goods.goods_id" @click="viewGoodsDetails(goods.goods_id)">
 						<view class="store-goods">
 							<image :src="goods.goods_image"></image>
 							<view class="goods-info">
@@ -67,14 +67,21 @@
 				<view>创建时间：{{ orderInfo.add_time | date}}</view>
 			</view>
 		</view>
-		<view class="btn" v-if="['1', '2', '4', '6', '8'].indexOf(orderstate) >= 0">
+		 <!-- '4', '8' -->
-			<view class="cancel" v-if="(orderstate == '4' || orderstate == '1') && orderInfo.is_refund == 1" @click="toOtherPage('RefundOrder')">申请退款</view>
+		<view class="btn" v-if="['1', '2', '6'].indexOf(orderstate) >= 0">
-			<view class="cancel" v-if="orderstate == '1'" @click="toOtherPage('Logistics')">查看物流</view>
+			<!-- orderstate == '4' ||  -->
+			<view class="cancel" v-if="(orderstate == '1') && orderInfo.is_refund == 1" @click="toOtherPage('RefundOrder')">申请退款</view>
 			<view class="logistics" v-if="orderstate == '1'" @click="confirmReceive">确认收货</view>
 			<view class="comment" v-if="orderstate == '2'" @click="toOtherPage('Comment')">立即评价</view>
 			<view class="cancel" v-if="orderstate == '6'" @click="cancelOrder">取消支付</view>
-			<view class="cancel" v-if="orderstate == '8'" @click="cancelOrder">取消订单</view>
+			<!-- <view class="cancel" v-if="orderstate == '8'" @click="cancelOrder">取消订单</view> -->
-			<view class="payment" v-if="orderstate == '6' || orderstate == '8'" @click="payNow">立即支付</view>
+			<view class="cancel" v-if="orderstate == '1' && orderInfo.shipping_code" @click="toOtherPage('Logistics')">查看物流</view>
+			<view class="phone" v-if="orderstate == '1' && orderInfo.takeawayer_phone" @click="makePhone(order.takeawayer_phone)">
+				<u-icon name="phone-fill" color="#FF780F" size="28"></u-icon>
+				<text>联系骑手</text>
+			</view>
+			 <!-- || orderstate == '8' -->
+			<view class="payment" v-if="orderstate == '6'" @click="payNow">立即支付</view>
 			<view class="service" v-if="orderstate == '7'">联系官方客服</view>
 			<view class="submit" v-if="orderstate == '7'">提交官方审核</view>
 		</view>
@@ -118,11 +125,19 @@ export default {
 					text: '拼团中',
 					image: '../static/mine/37.png',
 				},
+				'9': {
+					text: '已取消',
+					image: '../static/mine/33.png',
+				},
+				'10': {
+					text: '已拒绝',
+					image: '../static/mine/34.png',
+				},
 			},
 			orderInfo: {},
 			oid: '',
 			timer: '',
-			countdown: '', // 倒计时
+			countdown: '00:00:00', // 倒计时
 			isSpike: false, // 倒计时是否结束
 		}
 	},
@@ -166,11 +181,30 @@ export default {
 				case 9:
 					state = '8';
 					break;
+				case 10:
+					state = '9';
+					break;
+				case 11:
+					state = '10';
+					break;
 				default:
 					break;
 			}
 			this.orderstate = state;
 		},
+		viewStoreDetails(id) {
+			this.$u.route('pageC/merchant/index', {
+				id: id
+			});
+		},
+		viewGoodsDetails(id) {
+			this.$u.route({
+				url: 'pageB/sdetails/index',
+				params: {
+					id: id,
+				}
+			})
+		},
 		setSpikeTime(time) {
 			// console.log(time);
 			this.timer = setInterval(() => {
@@ -259,6 +293,11 @@ export default {
 			this.$u.route('/pageE/order/' + url, {
 				oid: this.orderInfo.order_id,
 			});
+		},
+		makePhone(phone) {
+			uni.makePhoneCall({
+				phoneNumber: phone
+			});
 		}
 	},
 };
@@ -432,7 +471,7 @@ export default {
 		justify-content: flex-end;
 		padding: 19rpx 30rpx;
 		@mixin btn-class($width, $color) {
-			width: $width;
+			// width: $width;
 			height: 60rpx;
 			border: 2rpx solid $color;
 			color: $color;
@@ -455,6 +494,15 @@ export default {
 		.submit {
 			@include btn-class($width: 216rpx, $color: rgba(255,119,15,1));
 		}
+		.phone {
+			@include btn-class($width: 206rpx, $color: rgba(255,119,15,1));
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			.u-icon {
+				margin-right: 10rpx;
+			}
+		}
 	}
 }
 </style>

pageE/order/Index.vue

@@ -14,7 +14,7 @@
 						</view>
 					</view>
 					<u-empty text="暂无订单" mode="order" color="#000000" v-if="!orderList[index] || !orderList[index].length"></u-empty>
-					<u-loadmore :status="loadStatus[index]" bgColor="#ECECEC" margin-bottom="20" v-if="current != 4 && (!orderList[index] || orderList[index].length>3)" class="order-loadmore"></u-loadmore>
+					<u-loadmore :status="loadStatus[index]" bgColor="#ECECEC" font-size="14" margin-bottom="20" v-if="current != 4 && (!orderList[index] || orderList[index].length>3)" class="order-loadmore"></u-loadmore>
 				</scroll-view>
 			</swiper-item>
 		</swiper>
@@ -38,15 +38,15 @@ export default {
 				name: '试穿试送'
 			},{
 				name: '拼团中'
-			}, {
-				name: '售后'
 			}, {
 				name: '待评价'
+			}, {
+				name: '售后'
 			}],
 			orderList: [],
 			loadStatus: ['loadmore','loadmore','loadmore','loadmore','loadmore','loadmore','loadmore','loadmore'],
 			page: 0,
-			current: Number,
+			current: 0,
 			swiperCurrent: 0,
 			swiperHeight: '',
 			timer: true,
@@ -101,10 +101,10 @@ export default {
 					type = 9; // 拼团中
 					break;
 				case 6:
-					type = 8; // 售后
+					type = 4; // 待评价
 					break;
 				case 7:
-					type = 4; // 待评价
+					type = 8; // 售后
 					break;
 				default:
 					type = -1;
@@ -195,8 +195,8 @@ export default {
 			this.current = current;
 		},
 		setViewHeight() {
-			const sys = uni.getSystemInfoSync();
+			const res = uni.getSystemInfoSync();
-			this.swiperHeight = sys.windowHeight - 88 / 2 + 'px';
+			this.swiperHeight = res.windowHeight - (88 * (res.windowWidth / 750)) + 'px';
 		},
 	}
 };
@@ -207,6 +207,7 @@ export default {
 	background-color: #ECECEC;
 	display: flex;
 	flex-direction: column;
+	overflow: hidden;
 	.swiper-item {
 		.order-scroll {
 			.item-container {

pageE/order/Logistics.vue

@@ -43,12 +43,12 @@ export default {
 	methods: {
 		getOrderLogistics(id) {
 			this.$u.api.orderLogistics({ id: id }).then(res => {
-				this.$u.toast(res.message);
 				if(res.errCode == 0) {
 					this.expressInfo = res.data.express_info;
 					this.list = res.data.express_list;
 				} else {
 					this.list = [];
+					this.$u.toast(res.message);
 				}
 			})
 		}

pageE/order/RefundOrder.vue

@@ -75,7 +75,8 @@ export default {
 			})
 			// console.log(goodsList);
 			this.goods = goodsList[0];
-			console.log(this.goods);
+			this.num = this.goods.goods_num;
+			// console.log(this.goods);
 		},
 		getOrderInfo(id) {
 			this.$u.api.getOrderInfo({

pageE/order/commentItem.vue

@@ -10,7 +10,7 @@
 			</view>
 			<view class="rate">
 				<view class="title">描述相符</view>
-				<u-rate :count="5" v-model="describe" active-color="#FF780F" inactive-color="#CCCCCC" gutter="20" size="32"></u-rate>
+				<u-rate :count="5" min-count="1" v-model="describe" active-color="#FF780F" inactive-color="#CCCCCC" gutter="20" size="32"></u-rate>
 			</view>
 			<u-input v-model="content" type="textarea" height="100" :auto-height="true" placeholder="发表你的评价吧，收货时心情如何？" />
 			<u-upload 
@@ -45,7 +45,7 @@ export default {
 				name: 'common', // 其他图片
 			},
 			content: '',
-			describe: '',
+			describe: 1,
 			imageList: [],
 		}
 	},
@@ -68,7 +68,7 @@ export default {
 			lists.forEach(item => {
 				this.imageList.push(item.url);
 			})
-			console.log(this.imageList);
+			// console.log(this.imageList);
 			this.$emit('setLocalImage', { list: this.imageList, index: this.index });
 		}
 	}

pageE/setting/Index.vue

@@ -1,11 +1,11 @@
 <template>
 	<view class="setting">
-		<view class="list-item">
+		<!-- <view class="list-item">
 			<view>消息提醒</view>
 			<view>
 				<u-switch v-model="checked" active-color="#FF770F" inactive-color="#A9A7A7" size="35"></u-switch>
 			</view>
-		</view>
+		</view> -->
 		<view v-for="(item, index) in settingList" :key="index" class="list-item" @click="toNextPage(item.link)">
 			<view>{{ item.title }}</view>
 			<image src="../static/mine/21.png"></image>

pageE/setting/feedback.vue

@@ -5,17 +5,15 @@
 			<view class="feedback-itme">
 				<view class="manual">
 					<view class="service-phone">拨打官方客服电话：400-100-100</view>
-					<view class="manual-time">周一至周五08:0-18:00</view>
+					<view class="manual-time">{{ wkTime }}</view>
 				</view>
-				<view class="suggestions">意见反馈</view>
+				<view class="suggestions" @click="writeComments">意见反馈</view>
 			</view>
 		</view>
 		<view class="feedback-box">
 			<view class="feedback-title">常见服务</view>
 			<view class="feedback-itme">
-				<view class="u-line-2">【账号问题】登录时需要验证码，手机号使用不了怎么办？</view>
+				<view class="u-line-2" v-for="item in helpList" :key="item.id" @click="viewAnswer(item)">{{ item.question }}</view>
-				<view class="u-line-2">【账号问题】登录时需提示您的密码不安全，请重置？</view>
-				<view class="u-line-2">【账号问题】登录密码忘记了怎么办？</view>
 			</view>
 		</view>
 	</view>
@@ -23,7 +21,32 @@
 <script>
 export default {
 	data() {
-		return {}
+		return {
+			helpList: [],
+			wkTime: '',
+			tel400: '',
+		}
+	},
+	onLoad() {
+		this.getHelpList();
+	},
+	methods: {
+		viewAnswer(item) {
+			this.$store.commit('setQuestion', item);
+			this.$u.route('pageE/setting/question');
+		},
+		getHelpList() {
+			this.$u.api.getSettingHelpList().then(res => {
+				this.helpList = res.data.QA;
+				this.tel400 = res.data.tel400;
+				this.wkTime = res.data.wkTime;
+			})
+		},
+		writeComments() {
+			uni.navigateTo({
+				url: '/pageE/more/WriteComments'
+			});
+		}
 	}
 };
 </script>

pageE/setting/question.vue

@@ -0,0 +1,51 @@
+<template>
+	<view class="question">
+		<view class="public-view quest">
+			<view class="title qt">Q:</view>
+			<view class="qa">{{ item.question }}</view>
+		</view>
+		<view class="public-view answer">
+			<view class="title at">A:</view>
+			<view>
+				<rich-text :nodes="nodes"></rich-text>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+import common from '@/static/js/common.js'
+export default {
+	data() {
+		return {
+			item: {},
+			nodes: ''
+		}
+	},
+	onLoad() {
+		this.item = this.$store.state.question;
+		console.log(this.item);
+		this.nodes = common.unescapeHTML(this.item.answer);
+	}
+};
+</script>
+<style lang="scss" scoped>
+.question {
+	min-height: calc(100vh - var(--window-top));
+	background: #FFFFFF;
+	padding: 20rpx 30rpx;
+	.public-view {
+		display: flex;
+		margin-bottom: 40rpx;
+		.title {
+			font-size: 36rpx;
+			margin-right: 20rpx;
+		}
+		.at {
+			color: #ff780f;
+		}
+		.qa {
+			line-height: 36rpx;
+		}
+	}
+}
+</style>

pageE/tool/MineCoupon.vue

@@ -69,17 +69,20 @@ export default {
 			})
 		},
 		useCoupon(coupon) {
-			// console.log(coupon);
+			console.log(coupon);
-			if(coupon.type == 1) {
+			// if(coupon.type == 1) {
-				this.$u.route({
+			// 	this.$u.route({
-					type: 'switchTab',
+			// 		type: 'switchTab',
-					url: 'pages/shop/index',
+			// 		url: 'pages/shop/index',
-				})
+			// 	})
-			} else if(coupon.type == 2) {
+			// } else if(coupon.type == 2) {
-				this.$u.route('pageC/merchant/index', {
+			// 	this.$u.route('pageC/merchant/index', {
-					id: coupon.voucher_store_id,
+			// 		id: coupon.voucher_store_id,
-				});
+			// 	});
-			}
+			// }
+			this.$u.route('pageE/useCoupon/index', {
+				cid: coupon.voucher_id,
+			});
 		},
 		setViewHeight() {
 			const res = uni.getSystemInfoSync();

pageE/tool/MineHistory.vue

@@ -6,16 +6,20 @@
 				<view v-for="(item, index) in historyList.slice(0, 50)" :key="index" class="history-item">
 					<view class="item-title" @click="viewStoreDetails(item.store_id)">
 						<image :src="item.store_avatar"></image>
-						<view class="u-line-2">{{ item.store_name }}</view>
+						<view class="u-line-1">{{ item.store_name }}</view>
 					</view>
-					<image :src="item.goods_image" class="item-image" @click="viewGoodsDetails(item.goods_id)"></image>
+					<image :src="item.goods_image" class="item-image" mode="aspectFit" @click="viewGoodsDetails(item.goods_id)"></image>
 					<view class="item-info" @click="viewGoodsDetails(item.goods_id)">
 						<view class="info-name u-line-1">{{ item.goods_name }}</view>
+						<view @click.stop="viewAction(item.goods_id)">
+							<u-icon name="more-dot-fill" color="#333" size="32"></u-icon>
+						</view>
 					</view>
 				</view>
 			</view>
+			<u-action-sheet :list="actionList" v-model="showAction" :cancel-btn="true" @click="delHistory" border-radius="20"></u-action-sheet>
 			<u-empty text="暂无足迹" mode="list" color="#000" v-if="!historyList.length"></u-empty>
-			<u-loadmore :status="loadStatus" bgColor="#ECECEC" margin-bottom="20" v-if="historyList.length > 9"></u-loadmore>
+			<u-loadmore :status="loadStatus" bgColor="#ECECEC" margin-top="20" margin-bottom="20" v-if="historyList.length > pageSize" @loadmore="reachBottom"></u-loadmore>
 		</scroll-view>
     </view>
 </template>
@@ -24,16 +28,41 @@
 export default {
     data() {
         return {
+			pageSize: 12,
+			hid: '', // 选中的商品 id
 			historyList:  [],
 			page: 1, // 默认1
 			loadStatus: 'loadmore',
 			timer: true,
+			showAction: false,
+			actionList: [
+				{
+					text: '删除',
+					color: '#000000',
+					fontSize: 36
+				}
+			]
 		};
     },
     onLoad() {
 		this.getBrowseList();
 	},
     methods: {
+		viewAction(id) {
+			this.showAction = true;
+			this.hid = id;
+		},
+		delHistory() {
+			let glist = [];
+			glist.push(this.hid);
+			this.$u.api.delMemberBrowse({ goods_id: glist }).then(res => {
+				if(res.errCode == 0) {
+					this.getBrowseList();
+				} else {
+					this.$u.toast(res.message);
+				}
+			})
+		},
 		viewStoreDetails(sid) {
 			this.$u.route({
 				url: 'pageC/merchant/index',
@@ -50,24 +79,27 @@ export default {
 				}
 			})
 		},
-		async getBrowseList () {
+		async getBrowseList ({ load = 'reload' } = {}) {
+			if(load == 'reload') this.page = 1;
 			const res = await this.$u.api.getBrowseList({ page: this.page });
-			this.timer = false;
+			this.timer = true;
 			if(res.errCode == 0) {
-				this.historyList.push(...res.data.storeInfo);
+				if(load == 'reload') this.historyList = res.data.storeInfo;
+				else if(load == 'loadmore') this.historyList.push(...res.data.storeInfo);
 			}
 			return res.data.storeInfo.length;
 		},
 		reachBottom() {
 			if(!this.timer) return false;
+			this.timer = false;
 			this.loadStatus = "loading";
 			this.page++;
-			this.getBrowseList({page: this.page}).then(length => {
+			this.getBrowseList({ load: 'loadmore' }).then(length => {
 				if(length == 0) {
 					this.page--;
-					this.status = 'nomore';
+					this.loadStatus = 'nomore';
 				} else {
-					this.status = 'loading';
+					this.loadStatus = 'loading';
 				}
 			}).catch(() => {
 				this.loadStatus = "nomore";
@@ -94,10 +126,11 @@ export default {
 				background: rgba(255,255,255,1);
 				border-radius: 10rpx;
 				padding: 20rpx 20rpx 22rpx;
-				margin: 0 10rpx 20rpx 0;
+				margin: 0 11rpx 20rpx 0;
 				.item-title {
 					display: flex;
 					align-items: center;
+					margin-bottom: 20rpx;
 					> image {
 						width: 50rpx;
 						height: 50rpx;
@@ -110,25 +143,24 @@ export default {
 					}
 				}
 				.item-image {
-					margin: 20rpx 0 17rpx;
 					width: 180rpx;
 					height: 140rpx;
 					border-radius: 10rpx;
 				}
 				.item-info {
+					height: 60rpx;
+					font-size: 22rpx;
 					display: flex;
 					justify-content: space-between;
 					align-items: center;
 					.info-name {
-						margin-right: 10rpx;
+						height: 60rpx;
+						line-height: 60rpx;
+						margin-right: 14rpx;
 						flex: 1;
 						font-size: 22rpx;
 						color: rgba(51,51,51,1);
 					}
-					> image {
-						width: 37rpx;
-						height: 8rpx;
-					}
 				}
 			}
 		}

pageE/tool/SendWash.vue

@@ -21,7 +21,7 @@
 							<view class="order-status">{{ item.order_status | viewStatus }}</view>
 						</view>
 						<view class="order-info">
-							<image :src="item.goods_image"></image>
+							<image :src="type == 1 ? item.goods_image : item.images[0]"></image>
 							<view v-if="item.deliver_goods_type == 2 && item.order_status == 20">
 								<view>骑手名字：{{ item.takeawayer_name || '' }}</view>
 								<view>联系方式：{{ item.takeawayer_mobile || '' }}</view>
@@ -40,13 +40,9 @@
 								<view>商家在正路途中，请耐心等待</view>
 							</view>
 						</view>
-						<view class="send-btn" v-if="item.order_status == 20 || item.order_status == 50">
+						<view class="send-btn" v-if="item.order_status == 20 || (item.order_status == 50&& !item.comment)">
-							<view class="btn" v-if="item.order_status == 20" @click="sendLaundryOrderConfirm(item.laundry_id)">
+							<view class="btn" v-if="item.order_status == 20" @click="sendLaundryOrderConfirm(item.laundry_id)">确认完成</view>
-								确认完成
+							<view class="btn" v-if="item.order_status == 50 && !item.comment" @click="toComment(item.laundry_id)">去评价</view>
-							</view>
-							<view class="btn" v-if="item.order_status == 50 && !item.comment" @click="toComment(item.laundry_id)">
-								去评价
-							</view>
 						</view>
 					</view>
 				</scroll-view>
@@ -87,6 +83,7 @@ export default {
 			timer: true,
 			commentList: [],
 			swiperHeight: '',
+			type: 1, // 1 平台 2 实体店
 		}
 	},
 	components: {
@@ -139,9 +136,9 @@ export default {
 	},
 	methods: {
 		async sendLaundryOrderList({ load = 'reload' } = {}) {
-			let type = this.list[0].name == '平台历史订单' ? 1 : 2;
+			// let type = this.list[0].name == '平台历史订单' ? 1 : 2;
 			const res = await this.$u.api.sendLaundryOrderList({
-				type: type,
+				type: this.type,
 				page: this.page,
 			})
 			uni.stopPullDownRefresh();
@@ -214,8 +211,10 @@ export default {
 		},
 		replaces(e){
 			if(e == 1){
+				this.type = 2;
 				this.$set(this.list,0,{name: '实体店历史订单'} )
 			} else {
+				this.type = 1;
 				this.$set(this.list,0,{name: '平台历史订单'} )
 			}
 			this.sendLaundryOrderList();
@@ -322,17 +321,21 @@ export default {
 					display: flex;
 					justify-content: flex-end;
 					margin-top: 30rpx;
-					.btn{
+					.btn {
+						box-sizing: border-box;
 						width: 154rpx;
-						height: 54rpx;
+						// height: 54rpx;
 						border-radius: 49rpx;
-						transform: translate(-50%, 0);
+						// transform: translate(-50%, 0);
 						font-size: 26rpx;
 						border: 1rpx solid rgba(255,120,15,1);
 						color:rgba(255,120,15,1);
 						text-align: center;
 						line-height: 54rpx;
-						margin-right: -80rpx;
+						// margin-right: -80rpx;
+						// display: flex;
+						// align-items: center;
+						// justify-content: center;
 					}
 				}
 			}

pageE/useCoupon/index.vue

@@ -0,0 +1,193 @@
+<template>
+	<view class="classify-goods">
+		<view class="tab-container">
+			<view class="salenum" :class="{ 'current' : current == 0 }" @click="switchCurrent(0)">销量</view>
+			<view class="price" :class="{ 'current' : current == 1 }" @click="switchCurrent(1)">
+				<view class="text">价格</view>
+				<view class="icon">
+					<u-icon name="arrow-up-fill" :color="(current == 1 && priceOrderAsc) ? '#FF780F' : '#333333'" size="22"></u-icon>
+					<u-icon name="arrow-down-fill" :color="(current == 1 && !priceOrderAsc) ? '#FF780F' : '#333333'" size="22"></u-icon>
+				</view>
+			</view>
+			<view class="evaluation" :class="{ 'current' : current == 2 }" @click="switchCurrent(2)">好评</view>
+		</view>
+		<scroll-view scroll-y class="goods-container" :style="{ height: scrollHeight }" @scrolltolower="loadMore">
+			<view v-for="goods in goodsList" :key="goods.goods_id" class="goods-item" @click="toDetailsPage(goods.goods_id)">
+				<image :src="goods.goods_image"></image>
+				<view class="right">
+					<view class="name u-line-1">{{ goods.goods_name }}</view>
+					<view class="briefing u-line-1">{{ goods.goods_advword }}</view>
+					<view class="price">￥{{ goods.goods_price }}</view>
+				</view>
+			</view>
+			<u-loadmore :status="loadStatus" bgColor="#FFFFFF" margin-top="20" margin-bottom="20" v-if="goodsList.length >= pageSize"></u-loadmore>
+			<u-empty mode="list" v-if="!goodsList.length"></u-empty>
+		</scroll-view>
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {
+			pageSize: 12,
+			cid: '',
+			page: 1,
+			current: 0,
+			priceOrderAsc: true,　// 是否升序
+			goodsList: [],
+			scrollHeight: '',
+			loadStatus: 'loadmore',
+			timer: true, // 防止上拉加载短时间内多次调用
+		}
+	},
+	watch: {
+		current(value) {
+			this.page = 1;
+			this.couponGoodsList({ laod: 'reload' });
+		},
+		priceOrderAsc(value) {
+			this.page = 1;
+			this.couponGoodsList({ laod: 'reload' });
+		}
+	},
+	onLoad(option) {
+		this.cid = option.cid;
+		this.couponGoodsList({ load: 'reload' });
+		this.setViewHeight();
+	},
+	methods: {
+		setOrderSort() {
+			let sort = '';
+			if(this.current == 0) {
+				sort = 'goods_salenum';
+			} else if (this.current == 1) {
+				if(this.priceOrderAsc) sort = 'goods_price_asc';
+				else sort = 'goods_price_desc';
+			} else if (this.current == 2) {
+				sort = 'evaluation_count';
+			}
+			return sort;
+		},
+		// 排序方式 goods_salenum：销量　evaluation_count：评价　goods_price_asc：价格从低到高　goods_price_desc：价格从高到低
+		async couponGoodsList({ load = 'reload' } = {}) {
+			const sort = this.setOrderSort();
+			const res = await this.$u.api.couponGoodsList({ 
+				voucher_id: this.cid,
+				page: this.page,
+				order: sort,
+			})
+			this.timer = true;
+			if(res.errCode == 0) {
+				if(load == 'reload') this.goodsList = res.data.data;
+				else if(load == 'loadmore') this.goodsList.push(...res.data.data);
+			}
+			return res.data.data.length;
+		},
+		loadMore() {
+			if(this.goodsList.length < this.pageSize) return false;
+			if(!this.timer) return false;
+			this.loadStatus = "loading";
+			this.page++;
+			this.couponGoodsList({  load: 'loadmore' }).then(length => {
+				if(length == 0) {
+					this.page--;
+					this.loadStatus = 'nomore';
+				} else {
+					this.loadStatus = 'loading';
+				}
+			}).catch(() => {
+				this.loadStatus = "nomore";
+				this.page--;
+			})
+		},
+		switchCurrent(current) {
+			if(current == 1 && this.current == 1) this.priceOrderAsc = !this.priceOrderAsc;
+			this.current = current;
+		},
+		setViewHeight() {
+			const res = uni.getSystemInfoSync();
+			this.scrollHeight = res.windowHeight - (res.windowWidth / 750) * 90 + 'px';
+		},
+		toDetailsPage(id) {
+			this.$u.route('/pageB/sdetails/index', {
+				id: id,
+			});
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.classify-goods {
+	.tab-container {
+		box-sizing: border-box;
+		padding: 30rpx 40rpx;
+		display: flex;
+		margin-bottom: 30rpx;
+		> view {
+			height: 30rpx;
+			line-height: 30rpx;
+			flex: 1;
+			font-size: 32rpx;
+			color: rgba(51,51,51,1);
+		}
+		.salenum {
+			text-align: left;
+		}
+		.price {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			.text {
+				margin-right: 5rpx;
+			}
+			.icon {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+			}
+		}
+		.evaluation {
+			text-align: right;
+		}
+		.current {
+			color: rgba(255,120,15,1);
+		}
+	}
+	.goods-container {
+		.goods-item {
+			margin: 0 auto;
+			width: 690rpx;
+			display: flex;
+			background-color: #F5F5F5;
+			margin-bottom: 30rpx;
+			align-items: center;
+			> image {
+				width: 220rpx;
+				height: 200rpx;
+				flex-shrink: 0;
+				margin-right: 30rpx;
+			}
+			.right {
+				width: 418rpx;
+				height: 200rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-around;
+				.name {
+					font-size: 30rpx;
+					color: rgba(51,51,51,1);
+				}
+				.briefing {
+					font-size: 28rpx;
+					color: rgba(102,102,102,1);
+				}
+				.price {
+					font-size: 26rpx;
+					color: rgba(255,49,49,1);
+				}
+			}
+		}
+	}
+}
+</style>

pages.json

@@ -57,8 +57,7 @@
 						"navigationBarTitleText": "",
 						"navigationStyle": "custom",
 						"app-plus": {
-							"titleNView": false,
+							"titleNView": false
-							"animationType": "slide-in-bottom"
 						}
 					}
 				},
@@ -178,7 +177,7 @@
 								"searchInput": {
 									"align": "left",
 									"borderRadius": "15px",
-									"placeholder": "搜索您需要的商品",
+									"placeholder": "请输入搜索内容",
 									"backgroundColor": "rgb(236,236,236)",
 									"placeholderColor": "#999999",
 									"disabled": false,
@@ -198,7 +197,7 @@
 								"searchInput": {
 									"align": "left",
 									"borderRadius": "15px",
-									"placeholder": "搜索您需要的商品",
+									"placeholder": "请输入搜索内容",
 									"backgroundColor": "rgb(236,236,236)",
 									"placeholderColor": "#999999",
 									"disabled": false,
@@ -238,6 +237,18 @@
 						}
 					}
 				},
+				{
+					"path": "coupon/index",
+					"style": {
+						"navigationStyle": "custom",
+						"app-plus": {
+							"animationType": "fade-in",
+							"background": "transparent",
+							"backgroundColor": "rgba(0,0,0.5)",
+							"popGesture": "none"
+						}
+					}
+				},
 				{
 					"path": "coupon/details",
 					"style": {
@@ -335,8 +346,8 @@
 						"app-plus": {
 							"titleSize": "36px",
 							"titleNView": {
+                                "type": "transparent",
 								"titleColor": "#333333",
-								"backgroundColor": "rgba(255,255,255,0)",
 								"buttons": [
 									// {  
 									// 	"type":"none",
@@ -353,6 +364,7 @@
 										"fontSize":"22",
 										"fontSrc": "/static/fonts/cart.ttf",
 										"color": "#FFFFFF"
+                                        
 									}
 								],
 								"searchInput": {
@@ -489,7 +501,7 @@
 				{
 					"path": "attention/attention",
 					"style": {
-						"navigationBarTitleText": "关注消息",
+						"navigationBarTitleText": "达人消息",
 						"app-plus": {
 							"titleSize": "36px",
 							"titleColor": "#333333",
@@ -552,6 +564,19 @@
 						}
 					}
 				},
+				{
+					"path": "useCoupon/index",
+					"style": {
+						"navigationBarTitleText": "优惠券商品",
+						"app-plus": {
+							"titleSize": "36px",
+							"titleNView": {
+								"titleColor": "#333333",
+								"backgroundColor": "#FFFFFF"
+							}
+						}
+					}
+				},
 				{
 					"path": "more/MineHelp",
 					"style": {
@@ -820,7 +845,6 @@
 				{
 					"path": "mine/MineConcerns",
 					"style": {
-						"enablePullDownRefresh": true,
 						"navigationBarTitleText": "我的关注",
 						"app-plus": {
 							"titleSize": "36px",
@@ -838,7 +862,7 @@
 						"app-plus": {
 							"titleSize": "36px",
 							"titleNView": {
-								"backgroundColor": "rgba(255,255,255,0)",
+								"type": "transparent",
 								"titleColor": "#ffffff"
 							}
 						}
@@ -942,6 +966,19 @@
 						}
 					}
 				},
+				{
+					"path": "setting/question",
+					"style": {
+						"navigationBarTitleText": "常见问题",
+						"app-plus": {
+							"titleSize": "36px",
+							"titleNView": {
+								"titleColor": "#333333",
+								"backgroundColor": "#FFFFFF"
+							}
+						}
+					}
+				},
 				{
 					"path": "setting/ShieldUsers",
 					"style": {

pages/index/index.vue

@@ -18,9 +18,9 @@
 				</view>
 				<view class="sosuo"></view>
 			</view>
-			<swiper class="card" @change="dianji" :current="num">
+			<swiper class="card" @change="dianji" :current="num" @touchmove.stop.prevent="moveHandle">
 				<swiper-item>
-					<scroll-view style="width:100%;height:100%" scroll-y="true" lower-threshold="200" @scrolltolower="swiperBottom">
+					<scroll-view style="width:100%;height:100%" scroll-y="true" lower-threshold="200" upper-threshold="100" @scrolltolower="swiperBottom" @scrolltoupper="swiperTop">
 						<view class="box">
 							<!-- <indexad style="width:690rpx"></indexad> -->
 							<u-swiper mode="dot" :list="indexImageSwiper" name="adv_code" @click="clickFImage"></u-swiper>
@@ -39,19 +39,20 @@
 					</scroll-view>
 				</swiper-item>
 				<swiper-item>
-					<scroll-view style="width:100%;height:100%" scroll-y="true">
+					<scroll-view style="width:100%;height:100%" scroll-y="true" @scrolltolower="swiperBottom">
 						<view class="box">
 							<u-swiper mode="dot" :list="zhiboImageSwiper" name="adv_code" @click="clickSImage($event, 2)"></u-swiper>
 							<view class="list">
 								<view>
 									<zhiboItem v-for="item in tabLiveLists.filter((_, index) => !(index&1))" :zid="item.live_id" :rid="item.chatroom_id"
-									 :key="item.live_id" :name="item.store_name" :image="item.cover_img" :url="item.url"></zhiboItem>
+									 :key="item.live_id" :name="item.room_name" :image="item.cover_img" :url="item.url"  :item="item" @updateList="updateList"></zhiboItem>
 								</view>
 								<view style="margin-left:20rpx">
 									<zhiboItem v-for="item in tabLiveLists.filter((_, index) => index&1)" :zid="item.live_id" :rid="item.chatroom_id"
-									 :key="item.live_id" :name="item.store_name" :image="item.cover_img" :url="item.url"></zhiboItem>
+									 :key="item.live_id" :name="item.room_name" :image="item.cover_img" :url="item.url"  :item="item" @updateList="updateList"></zhiboItem>
 								</view>
 							</view>
+							<u-loadmore class="load-size" color="#999999" :status="status" icon-type="iconType" margin-top="50" margin-bottom="50" :load-text="loadText" />
 						</view>
 					</scroll-view>
 				</swiper-item>
@@ -79,7 +80,7 @@
                                         <videoItem isguanzhu="true" v-for="(item,id) in fansList" :key="id" :item="item"></videoItem>
                                     </view>
                                      <view class="no-data" v-if="!fansList.length">您还没有关注哦，赶紧去点点关注！</view>
-                                     <u-loadmore class="load-size" v-else :status="status_1" icon-type="iconType" margin-top="50" margin-bottom="50" :load-text="loadText" />
+                                     <u-loadmore class="load-size" v-else :status="status_1" icon-type="iconType" margin-top="50" :load-text="loadText" />
 								</view>
 							</view>
 						</view>
@@ -87,28 +88,23 @@
 				</swiper-item>
 			</swiper>
 		</view>
-		<u-popup v-model="showCoupon" mode="center" class="u-coupon-popup">
-			<view class="coupon">
-				<view class="price">{{ newMemberCoupon.price }}</view>
-				<image src="/static/image/common/30.png" class="coupon-image" @click="viewCoupon"></image>
-				<image src="/static/image/common/24.png" class="close-image" @click="showCoupon=false"></image>
-			</view>
-		</u-popup>
 	</view>
 
 </template>
 <style lang="scss" scoped>
+    page {
+        background-color: #fff;
+    }
 	.index {
 		width: 750rpx;
 		display: flex;
 		flex-direction: column;
-		height: 100vh;
-        /* #ifdef APP-PLUS */
-        padding-bottom: 100rpx;
-        /* #endif */
-        overflow: hidden;
 
 		.top {
+            z-index: 10000;
+            position: fixed;
+            top: var(--status-bar-height);
+            left: 0;
 			display: flex;
 			flex-shrink: 0;
 			align-items: center;
@@ -116,6 +112,7 @@
 			width: 100%;
 			height: 88rpx;
 			padding: 0 30rpx;
+            background-color: #fff;
 
 			.sosuo {
 				width: 32rpx;
@@ -133,27 +130,32 @@
 		}
 
 		.card {
-			height: 100%;
 			width: 100%;
-            // pointer-events: none;
+			height: calc(100vh - 150rpx);
+            margin-top: 100rpx;
+            // padding-top: 100rpx;
 
 			.box {
 				width: 100%;
                 height: 100%;
-				padding: 0 30rpx;
+				padding: 0 30rpx 0;
+                // margin-top: 30rpx;
 			}
 
 			.list {
 				display: flex;
+                // height: 100vh;
+                // padding-bottom: 100rpx;
+                // margin-bottom: 50rpx;
 			}
 		}
 
 		.tuijian {
 			width: 750rpx;
+			padding: 30rpx;
 			margin-left: -30rpx;
 			height: 400rpx;
 			background-color: #ececec;
-			padding: 30rpx;
 
 			.title {
 				width: 100%;
@@ -211,41 +213,6 @@
         margin: 200rpx auto 0;
         text-align: center;
     }
-	.u-coupon-popup {
-		/deep/ .u-mode-center-box {
-			background-color: transparent;
-		}
-		.coupon {
-			width: 750rpx;
-			height: 583rpx;
-			position: relative;
-			.price {
-				z-index: 3;
-				color: #EBB36E;
-				position: absolute;
-				font-size: 108rpx;
-				font-weight: bold;
-				top: 200rpx;
-				left: 50%;
-				transform: translate(-68%, 0);
-			}
-			.coupon-image {
-				width: 568rpx;
-				height: 583rpx;
-				position: absolute;
-				top: 0;
-				left: 50%;
-				transform: translate(-60%, 0);
-			}
-			.close-image {
-				position: absolute;
-				top: 0; 
-				right: 155rpx;
-				width: 60rpx;
-				height: 60rpx;
-			}
-		}
-	}
 	
     
 </style>
@@ -271,7 +238,7 @@
 					name: '关注'
 				}],
 				num: 0,
-				page: 0, // 0即第一页
+				page: 1, // 0即第一页
                 follow_page: 0, //
 				articleList: [],
 				recommendList: [], // 推荐达人
@@ -287,9 +254,6 @@
                     loading: '努力加载中',
                     nomore: '实在没有了'
 				},
-				showCoupon: false,
-				newMemberCoupon: {},
-				exchangestate:false
 			}
 		},
 		components: {
@@ -298,44 +262,85 @@
 			indexad,
 			darenItem
 		},
-		onShow() {
+		onShow() {
-			// 页面返回,页面登陆的情况下检查是否显示领取优惠卷优惠券弹窗
+            this.page = 1;
-			if(this.exchangestate==true){
+            if (this.page != 1) {
-				this.isNewmembervoucher()
+            }
-			}
+            // if (this.hasLogin) {
-            this.articleList = [];
+            //     this.isNewmembervoucher();
-            this.page = 0;
+            // }
-			this.getArticlelist();
-			this.getSwiper();
 		},
-		onLoad(){
+		async onLoad(){
-			if(this.$store.state.hasLogin){
+            this.articleList = [];
-				this.exchangestate = true
+            this.getArticlelist();
+            this.getSwiper();
+            // 优惠券
+			if(this.$store.state.hasLogin){
+				this.isNewmembervoucher();
 				const user = uni.getStorageSync('user_info');
-				console.log(user)
+				// console.log(user)
 				this.imService.login(user.member.member_id,user.member.member_nickname,user.member.member_avatar)
-				this.imService.connectIM()
+				await this.imService.connectIM()
-				let that = this
+				
-				setTimeout(function(){
+			}else{
-					that.imService.disconnect()
+				await this.$u.api.getDefaultAvatar().then((res)=>{
-					console.log("guanbi")
+					console.log(res)
-				},1000)
+					uni.setStorageSync("morenimg",res.data.avatar)
-				setTimeout(function(){
+					this.imService.login(new Date().getTime(),"123",res.data.avatar)
-					console.log("lianjie")
+					console.log("用户信息")
-					that.imService.connectIM()
+				})
-				},2000)
+				console.log("链接")
+				await this.imService.connectIM()
+
 			}
+			console.log("1212")
+			let that = this
+			setTimeout(function(){
+				that.imService.disconnect()
+				console.log("guanbi")
+			},1000)
+			setTimeout(function(){
+				console.log("lianjie")
+				that.imService.connectIM()
+			},2000)
 		},
 		onPullDownRefresh() {
+            this.page = 1;
             this.getArticlelist();
 			// this.getManicureList({ load: 'reload' });
 		},
 		methods: {
+            moveHandle() {
+                return;
+            },
             // 直播列表
 			tabLiveList() {
-				this.$u.api.tabLiveList().then((res) => {
+				uni.showLoading({
+                    title: "loading..."
+                })
+				this.$u.api.tabLiveList({page:this.page}).then((res) => {
+					 // uni.stopPullDownRefresh();
+					this.status = "loading";
 					console.log(res)
-					this.tabLiveLists = res.data;
+                    if (res.errCode == 0) {
+                        uni.hideLoading();
+                        if (this.page == 1) {
+                        	this.tabLiveLists = res.data.data;
+                            this.status = "loadmore";
+                        } else if (res.data.data.length == 0 && this.page > 1) {
+                            this.status = "nomore";
+                        } else {
+							this.tabLiveLists  = this.tabLiveLists.concat(res.data.data);
+							console.log(this.tabLiveLists)
+                        }
+                        if (res.data.data.length == 0 && this.page > 1) {
+                        } else {
+                            this.page++;
+                        }
+                    } else {
+                        this.status = "nomore"
+					}
+					
 				})
 			},
             // 轮播图
@@ -348,7 +353,7 @@
 			},
             // 关注
 			changeType(member_id) {
-				console.log(member_id);
+				// console.log(member_id);
 				// this.$emit("pChangeType");
 				this.$u.api.attentionMember({
 					member_id: member_id
@@ -377,11 +382,13 @@
                 // 状态请求
                 if (a.type == "change") { // 强制请求一次
                     if (this.num == 0) {
-                        this.page = 0;
+                        this.page = 1;
+                        this.articleList = [];
                         this.status = "loadmore";
                         this.getArticlelist();
                         this.getSwiper();
                     } else if (this.num == 1) {
+                        this.page = 1;
                         this.getZhiBoSwiper(); // 直播轮播
                         this.tabLiveList();
                     } else if (this.num == 2) {
@@ -394,25 +401,33 @@
                     }
                 }
 			},
-            // 发现别表
+            // 发现列表
 			getArticlelist() {
+                if (this.page > 1) {
+                    uni.showLoading({
+                        title: "loading..."
+                    })
+                }
 				this.$u.api.getArticlelist({
 					page: this.page,
 					is_video_img: 0, // 查询视频1 图文2 都查0
 				}).then(res => {
+                    uni.stopPullDownRefresh();
                     this.status = "loading";
                     if (res.errCode == 0) {
-                        // uni.stopPullDownRefresh();
+                        uni.hideLoading();
-                        // console.log('37647744ghj', res)
+                        if (this.page == 1) {
-                        if (this.page == 0) {
                         	this.articleList = res.data.list;
                             this.status = "loadmore";
-                        } else if (res.data.length == 0 && this.page > 0) {
+                        } else if (res.data.length == 0 && this.page > 1) {
                             this.status = "nomore";
                         } else {
                             this.articleList = this.articleList.concat(res.data.list);
                         }
-                        this.page++;
+                        if (res.data.length == 0 && this.page > 1) {
+                        } else {
+                            this.page++;
+                        }
                     } else {
                         this.status = "nomore"
                     }
@@ -420,15 +435,25 @@
 			},
             // 屏蔽更新列表
             updateList() {
-                console.log(111);
+                this.page = 1;
-                this.page = 0;
+				this.getArticlelist();
-                this.getArticlelist();
+				this.tabLiveList()
             },
             // 发现下拉加载
             swiperBottom(e) {
-                this.getArticlelist();
+				if(this.num == 0 ){
+	                this.getArticlelist();
+
+				}else if(this.num == 1){
+					console.log(123)
+					this.tabLiveList()
+				}
                 // console.log(e);
             },
+            swiperTop() {
+                // uni.startPullDownRefresh();
+            },
+            // 关注下拉
             followBotton(e) {
                 this.getFollowList();
               // console.log(e);
@@ -512,24 +537,17 @@
             goSearch() {
                 this.$u.route("/pageB/search/index", {
 					type: 2,
+					curent:2
 				});
 			},
 			// 是否显示新人优惠券
 			isNewmembervoucher() {
 				this.$u.api.isNewmembervoucher().then(res => {
 					if(res.errCode == 0) {
-						this.newMemberCoupon = res.data;
+						this.$u.route('/pageB/coupon/index');
-						this.showCoupon = true;
-					} else {
-						this.showCoupon = false;
 					}
 				})
 			},
-			viewCoupon() {
-				this.$u.route('/pageB/coupon/details', {
-					price: this.newMemberCoupon.price
-				});
-			}
 		},
 	}
 </script>

pages/information/information.vue

@@ -59,7 +59,7 @@
 					{
 						id: 0,
 						url: '../../static/pageD/info(15).png',
-						text: '关注消息'
+						text: '达人消息'
 					},
 
 				],
@@ -136,7 +136,7 @@
 						success(res){
 							console.log(res)
 							res = res.data
-							let user = new Friend(res.data.member_id,res.data.member_nickname,res.data.member_avatar)
+							let user = new Friend(res.data.member_id,res.data.store_name,res.data.member_avatar)
 							that.$u.route({
 								url:"/pageD/privateChat/privateChat",
 								params:{

pages/mine/index.vue

@@ -4,7 +4,7 @@
             <view class="top">
 				<u-avatar  @click="toOtherPage('/mine/MineInfo')" :src="userInfo.member_avatar + '?' + new Date().getTime()" :size="110"></u-avatar>
 				<view class="user-info">
-					<view class="info-left">
+					<!-- <view class="info-left">
 						<view class="user-nickname u-line-1">{{ userInfo.member_nickname }}</view>
 						<view class="user-medal" @click="toOtherPage('/mine/MedalIntroduction')">
 							<image src="/static/image/mine/13.png"></image>
@@ -13,7 +13,18 @@
 					</view>
 					<view class="info-right">
 						<view class="info-phone">{{ userInfo.member_mobile | phoneFormat }}</view>
-						<view class="user-rank">等级:{{ userInfo.member_level }}级</view>
+						<view class="user-rank">等级:{{ userInfo.member_level || 0 }}级</view>
+					</view> -->
+					<view class="info-top">
+						<view class="user-nickname u-line-1">{{ userInfo.member_nickname }}</view>
+						<view class="info-phone">{{ userInfo.member_mobile | phoneFormat }}</view>
+					</view>
+					<view class="info-bottom">
+						<view class="user-medal" @click="toOtherPage('/mine/MedalIntroduction')">
+							<image src="/static/image/mine/13.png"></image>
+							<view class="rank-title">{{ userInfo.member_grade_name }}</view>
+						</view>
+						<view class="user-rank">等级:{{ userInfo.member_level || 0 }}级</view>
 					</view>
 				</view>
 				<view class="member-service" @click="toOtherPage('/mine/MemberServe')">会员服务</view>
@@ -47,7 +58,7 @@
 					<view class="title-text">我的订单</view>
 					<view class="more" @click="toOtherPage('/order/Index')">
 						<view class="title-text-more">查看全部订单</view>
-						<image src="/static/image/mine/21.png"></image>
+						<u-icon name="arrow-right" color="#999" size="22"></u-icon>
 					</view>
 				</view>
 				<view class="content">
@@ -71,11 +82,11 @@
 						<image src="/static/image/mine/37.png"></image>
 						<view>拼团中</view>
 					</view>
-					<view @click="toOtherPage('/order/Index?current=7')">
+					<view @click="toOtherPage('/order/Index?current=6')">
 						<image src="/static/image/mine/3.png"></image>
 						<view>待评价</view>
 					</view>
-                    <view @click="toOtherPage('/order/Index?current=6')">
+                    <view @click="toOtherPage('/order/Index?current=7')">
                     	<image src="/static/image/mine/9.png"></image>
                     	<view>售后</view>
                     </view>
@@ -180,7 +191,7 @@ export default {
     .mine-top {
 		// width: 100%;
 		height: 272rpx;
-		background: #FF780F;
+		background-color: #FF7807;
 		.top {
 			padding: 40rpx 0 0 30rpx;
 			display: flex;
@@ -188,18 +199,18 @@ export default {
 			margin-bottom: 40rpx;
 			.user-info {
 				margin-left: 30rpx;
-				display: flex;
+				// display: flex;
 				.info-left {
 					margin-right: 15rpx;
 					.user-nickname {
-						width: 100rpx;
+						max-width: 200rpx;
 						font-size: 30rpx;
 						color: rgba(51,51,51,1);
 						margin-bottom: 19rpx;
 					}
 					.user-medal {
 						display: flex;
-						// width: 110rpx;
+						width: 110rpx;
 						// height: 25rpx;
 						background: linear-gradient(269deg,rgba(175,175,175,1) 0%,rgba(224,224,224,1) 100%);
 						border-radius: 13rpx;
@@ -228,6 +239,53 @@ export default {
 						color: rgba(51,51,51,1);
 					}
 				}
+				.info-top {
+					height: 30rpx;
+					display: flex;
+					align-items: center;
+					margin-bottom: 19rpx;
+					.user-nickname {
+						min-width: 110rpx;
+						max-width: 200rpx;
+						font-size: 30rpx;
+						color: rgba(51,51,51,1);
+						margin-right: 19rpx;
+					}
+					.info-phone {
+						font-size: 24rpx;
+						color: rgba(51,51,51,1);
+						// margin-bottom: 26rpx;
+					}
+				}
+				.info-bottom {
+					height: 25rpx;
+					display: flex;
+					align-items: center;
+					.user-medal {
+						display: flex;
+						width: 110rpx;
+						height: 25rpx;
+						background: linear-gradient(269deg,rgba(175,175,175,1) 0%,rgba(224,224,224,1) 100%);
+						border-radius: 13rpx;
+						align-items: center;
+						padding: 0 17rpx 0 10rpx;
+						margin-right: 20rpx;
+						> image {
+							margin-right: 9rpx;
+							width: 20rpx;
+							height: 22rpx;
+							flex-shrink: 0;
+						}
+						.rank-title {
+							font-size: 16rpx;
+							color: rgba(51,51,51,1);
+						}
+					}
+					.user-rank {
+						font-size: 24rpx;
+						color: rgba(51,51,51,1);
+					}
+				}
 			}
 			.member-service {
 				height: 52rpx;
@@ -242,13 +300,11 @@ export default {
 			}
 		}
 		.bottom {
-			box-sizing: border-box;
-			padding: 0 30rpx;
 			display: flex;
-			// justify-content: space-between;
+			justify-content: space-around;
-			justify-content: flex-start;
+            padding: 0 10rpx;
+			box-sizing: border-box;
 			> view {
-				margin-right: 80rpx;
 				text-align: center;
 				font-size: 26rpx;
                 font-weight: 500;
@@ -268,35 +324,35 @@ export default {
 		}
 		@mixin common-mine($content-padding-top, $content-padding-bottom, $image-width, $image-height) {
 			box-sizing: border-box;
-			width: 690rpx;
+			width: 710rpx;
 			background: rgba(255,255,255,1);
 			border-radius: 10rpx;
-			margin: 30rpx auto 0;
+			margin: 20rpx auto 0;
-			padding: 0 20rpx;
 			.title {
-				height: 76rpx;
-				font-size: 28rpx;
-				color: #666;
-				position: relative;
 				display: flex;
 				align-items: center;
-				&::after {
+				height: 76rpx;
-					content: "";
+                padding: 0 20rpx;
-					position: absolute;
+				font-size: 28rpx;
-					width: 650rpx;
+				color: #666;
-					height: 1rpx;
+                border-bottom: 1px solid #ececec;
-					background: rgba(234,234,234,1);
+				// &::after {
-					bottom: 0;
+				// 	content: "";
-					left: 50%;
+				// 	position: absolute;
-    				transform: translate(-50%,0);
+				// 	width: 650rpx;
-				}
+				// 	height: 1rpx;
+				// 	background: rgba(234,234,234,1);
+				// 	bottom: 0;
+				// 	left: 50%;
+    // 				transform: translate(-50%,0);
+				// }
 			}
             .title-text-more {	
                 font-size: 24rpx;
                 color: #999;
             }
 			.content {
-				padding: $content-padding-top 0 $content-padding-bottom;
+				padding: $content-padding-top 20rpx $content-padding-bottom;
 				display: flex;
 				> view {
 					text-align: center;

pages/shop/index.vue

@@ -165,6 +165,8 @@
 			},
 			// 拼团推荐
 			getPinTuanPush() {
+				// 初始化拼团
+				this.pinTuanPush = {};
 				this.$u.api.getPinTuanPush().then(res => {
 					if (res.errCode == 0) {
 						this.pinTuanPush = res.data;

pages/zhibo/index.nvue

@@ -1,6 +1,6 @@
 <template>
   <view>
-    <video :src="url" class="vodio" autoplay="true" :show-fullscreen-btn="false" :show-play-btn="false" :enable-progress-gesture="false" :show-center-play-btn="false" :show-progress="false" :controls="false" :style="{'height':height}">
+    <video :src="url" class="vodio" autoplay="true" :show-fullscreen-btn="false" :show-play-btn="false" :enable-progress-gesture="false" :show-center-play-btn="false" :show-progress="false" :controls="false" :style="{'height':height}" @error="errors">
 
     </video>
     <view class="user" :style="{'top': top}">
@@ -26,10 +26,10 @@
       <image src="../../static/danmu.png" class="danmubianji"></image>
       <text style="font-size:26rpx;color:#fff;margin-left:20rpx">{{ $store.state.hasLogin ? '想说点什么' : '请先登录'}}</text>
     </view>
-    <image class="liketap" src="../../static/like.png" @click="">
+    <!-- <image class="liketap" src="../../static/like.png" @click=""> -->
 
     <view class="danmuinputbox" v-if="danmu">
-      <input type="text" focus="true" style="width:600rpx;margin-left:30rpx;font-size:26rpx" maxlength="20" @blur="danmu=false" v-model="danmutext">
+      <input type="text" focus="true" style="width:600rpx;margin-left:30rpx;font-size:26rpx" maxlength="20" @blur="danmu=false" :focus="danmu" v-model="danmutext">
       <view class="danmufasong" @click="sendMessage(room.MessageType.CHAT,danmutext)">
         <text style="font-size:24rpx;color:#fff">发送</text>
       </view>
@@ -86,7 +86,7 @@
 .shopimg{
     width: 160rpx;
     height: 160rpx;
-    background-color: #0f0;
+    // background-color: #0f0;
     
 
 }
@@ -158,7 +158,9 @@
   height: 46rpx;
   position: fixed;
   bottom: 36rpx;
-  right: 154rpx;
+  // right: 154rpx;
+  right: 54rpx;
+
 }
 .hottext{
   font-size: 20rpx;
@@ -275,7 +277,7 @@
   left: 0;
   width: 308rpx;
   height: 58rpx;
-  background-color: #0f0;
+  background-color: #000;
   opacity: 0.4;
   border-radius: 29rpx;
 }
@@ -336,13 +338,21 @@ export default {
       danmulist:[]
     };
   },
+  onBackPress(options) {  
+      uni.setKeepScreenOn({
+        keepScreenOn: false
+      });
+      return false;  
+  },
   onLoad(a) {
   
     this.url = a.url;
     this.id = a.id
     console.log(this.url);
     let that = this;
-   
+    uni.setKeepScreenOn({
+      keepScreenOn: true
+    });
 
     uni.getSystemInfo({
       success(a) {
@@ -391,7 +401,7 @@ export default {
           that.$forceUpdate();
           console.log(that.room)
 
-    },60 * 1000)
+    },10 * 1000)
     uni.request({
       url:"https://dmmall.sdbairui.com/api/Specialci/livingUserInfo",
       data:{
@@ -408,39 +418,37 @@ export default {
       }
     })
     //当前用户
-    try {
+     var currentUser = {}
-         uni.request({
+    if(this.$store.state.hasLogin){
-        url:"https://dmmall.sdbairui.com/api/Member/MemberInfo",
+      const user = uni.getStorageSync('user_info');
-        method:"POST",
+      currentUser = {
-        header:{
+        id : user.member.member_id,
-            'Authorization' : 'Bearer' + " " + token
+        nickname : user.member.member_nickname,
-        },
+        avatar: user.member.member_avatar 
-        success(res){
+      };
-          console.log(res,111)
+    }else{
-             var currentUser = {
+      const user = uni.getStorageSync('morenimg');
-            id : res.data.data.MemberArray.member_mobile + "",
+      currentUser = {
-            nickname : res.data.data.MemberArray.member_nickname,
+        id : new Date().getTime(),
-            avatar: res.data.data.MemberArray.member_avatar 
+        nickname : "123",
-          };
+        avatar: user
-
+      };
-          var room = {
-              id : a.rid + "",
-              name : a.rid + ""
-          };
-           that.chatRoomService = getApp().globalData.im
-          console.log(room,currentUser)
-          //构造chatRoomService
-          that.chatRoomService.subscribeRoomMessage(room,currentUser)
-          that.chatRoomService.initialWhenNewMessage(that.whenNewMessage);
-          //获取当前聊天室数据
-          that.room = that.chatRoomService.room;
-          console.log(that.room)
-        }
-      })
-    } catch (error) {
-      console.log("错误")
     }
-  
+     
+    var room = {
+        id : a.rid + "",
+        name : a.rid + ""
+    };
+      that.chatRoomService = getApp().globalData.im
+    console.log(room,currentUser)
+    //构造chatRoomService
+    that.chatRoomService.subscribeRoomMessage(room,currentUser)
+    //获取当前聊天室数据
+    that.room = that.chatRoomService.room;
+    that.chatRoomService.initialWhenOnlineUserChange(that.newpeople)
+    that.chatRoomService.initialWhenNewMessage(that.whenNewMessage);
+    this.$forceUpdate();
+    console.log(that.room)
      
   },
   	onBackPress () {//返回取消订阅
@@ -451,7 +459,23 @@ export default {
 			this.chatRoomService.quitRoom();
 		},
   methods:{
+    errors(a){
+      console.log(a)
+    },
+    newpeople(list){
+      this.room.onlineUsers = list
+      console.log(list.users.length)
+      this.$forceUpdate();
+    },
     sendMessage (messageType, content) {//发送消息
+    if(!this.chatRoomService.status){
+      uni.showToast({
+          title: '连接聊天室中，请稍等',
+          duration: 2000,
+          icon: "none"
+      });
+      return
+    }
     console.log(this.room,this.room.id,messageType, content)
 				if(content == "" && messageType == 0) return;
 				var message = {
@@ -460,7 +484,9 @@ export default {
 					content : content
 				}
 				this.chatRoomService.sendMessages(this.room.id, message);
-				this.danmutext = ""
+        this.danmutext = ""
+        this.danmu = false
+        uni.hideKeyboard()
 			},
     whenNewMessage (message) {//新消息监听
       // if(message.type == this.room.MessageType.PROP){
@@ -507,7 +533,11 @@ export default {
             },
             success(res){
               console.log(res)
-              that.info = res.data.data
+              that.info = res.data.data;
+              uni.showToast({
+                  title: res.data.message,
+                  icon: "none"
+              })
               // that.list= res.data.data
             }
           })

static/imservice.js

@@ -37,6 +37,7 @@ function IMService() {
         host:'hangzhou.goeasy.io',//qos=1
         appkey:'BC-453aa755c4ea48148abefc55a86df283'
     });
+    this.status = false
     //当前“我”
     this.currentUser = null;
     //我的好友
@@ -106,7 +107,8 @@ IMService.prototype.initialContacts = function (friendList) {
         uni.request({
             url:"https://dmmall.sdbairui.com/api/Specialci/getAtwillUserInfo",
             data:{
-                userId:i[0]
+                userId:i[0],
+                markup:1
             },
             method:"POST",
             header:{
@@ -114,7 +116,7 @@ IMService.prototype.initialContacts = function (friendList) {
             },
             success(res){
                 console.log(res)
-                that.friends[i[0]] = new Friend(res.data.data.member_id, res.data.data.member_nickname, res.data.data.member_avatar,i[1],i[2],i[3]);
+                that.friends[i[0]] = new Friend(res.data.data.member_id, res.data.data.store_name, res.data.data.member_avatar,i[1],i[2],i[3]);
                 console.log(that.friends)
                 let sorts = function (friends){
                     let paixu = function (a,b){
@@ -236,10 +238,12 @@ IMService.prototype.connectIM = function () {
 IMService.prototype.initialIMListeners = function () {
     this.im.on(GoEasyIM.EVENT.CONNECTED, () => {
         console.log('连接成功.')
+        this.status = true
     });
 
     this.im.on(GoEasyIM.EVENT.DISCONNECTED, () => {
         console.log('连接断开.')
+        this.status = false
     });
 
     //监听好友上下线
@@ -282,7 +286,8 @@ IMService.prototype.initialIMListeners = function () {
                 uni.request({
                     url:"https://dmmall.sdbairui.com/api/Specialci/getAtwillUserInfo",
                     data:{
-                        userId:message.senderId
+                        userId:message.senderId,
+                        markup:1
                     },
                     method:"POST",
                     header:{
@@ -290,7 +295,7 @@ IMService.prototype.initialIMListeners = function () {
                     },
                     success(res){
                         console.log(res)
-                        that.friends[message.senderId] = new Friend(res.data.data.member_id, res.data.data.member_nickname, res.data.data.member_avatar);
+                        that.friends[message.senderId] = new Friend(res.data.data.member_id, res.data.data.store_name, res.data.data.member_avatar);
                         friend = that.friends[message.senderId];
                         console.log(friend)
                         friend.unReadMessage++;
@@ -524,7 +529,8 @@ IMService.prototype.sendMessagesSetStorage = function (friendId,message){
         uni.request({
             url:"https://dmmall.sdbairui.com/api/Specialci/getAtwillUserInfo",
             data:{
-                userId:friendId
+                userId:friendId,
+                markup:1
             },
             method:"POST",
             header:{
@@ -532,7 +538,7 @@ IMService.prototype.sendMessagesSetStorage = function (friendId,message){
             },
             success(res){
                 console.log(res)
-                that.friends[friendId] = new Friend(res.data.data.member_id, res.data.data.member_nickname, res.data.data.member_avatar);
+                that.friends[friendId] = new Friend(res.data.data.member_id, res.data.data.store_name, res.data.data.member_avatar);
                 friend = that.friends[friendId];
                 console.log(friend)
                 friend.text = message
@@ -794,7 +800,6 @@ IMService.prototype.listenerGroupPresence = function () {
     this.im.on(GoEasyIM.EVENT.GROUP_PRESENCE, (event) => {
         //更新在线用户数
         this.room.onlineUsers.count = event.groupOnlineCount;
-
         if (event.action == 'join' || event.action == 'online') {
             let userData = JSON.parse(event.userData);
             //添加新用户
@@ -881,6 +886,7 @@ IMService.prototype.subscribeRoomMessage = function (room, user) {
      this.subscribePresence(this.room.id);
      //订阅聊天室消息
     //  this.subscribeRoomMessage(this.room.id);
+    this.initialOnlineUsers(this.room.id)
     this.im.subscribeGroup([this.room.id])
         .then(result => {
             console.log('消息订阅成功')