gdpao

App.vue

@@ -43,6 +43,12 @@
     .status_bar {
     	width: 100%;
     	height: var(--status-bar-height);
+    }
+    /* 自定义下拉 */
+    .load-size {
+        ::v-deep.u-more-text {
+            font-size: 20rpx !important;
+        }
     }
 	/* #endif */
 </style>

components/remaining/remaining.vue

@@ -177,7 +177,7 @@
 				console.log('视频错误信息:',e);
 			},
             timeupdate(e) {
-              console.log(e);  
+              console.log(e);
             },
 			getRandomColor: function() {
 				const rgb = []

pageA/register/register.vue

@@ -71,7 +71,7 @@
 				value: '',
 				login: '注册',
 				show: false,
-                is_check: null,
+                is_check: true,
 				member_mobile: '', //手机号
 				smslog_type : '1',//状态
 				sms_code : '', //验证码
@@ -104,9 +104,10 @@
 			},
 			// 用户注册
 			loginIns(){
+                console.log(this.is_check);
                 let me = this;
-				let type_phone = this.$u.test.mobile( this.member_mobile)
+				let type_phone = this.$u.test.mobile(this.member_mobile)
-				if( this.member_mobile == ''){
+				if(this.member_mobile == ''){
 					this.$refs.uToast.show({
 						title: '手机号不能为空！',
 					})
@@ -118,13 +119,13 @@
 					});
 					return false;
 				}
-				if( this.sms_code == ''){
+				if(this.sms_code == ''){
 					this.$refs.uToast.show({
 						title: '验证码不能为空！',
 					})
 					return false;
 				}
-                if (this.is_check) {
+                if (!this.is_check) {
                     this.$refs.uToast.show({
                     	title: '请同意协议！',
                     })
@@ -446,10 +447,6 @@
 	.pact {
 		position: relative;
 		padding-left: 40rpx;
-		overflow: hidden;
-		// overflow: hidden; //超出的文本隐藏
-		// text-overflow: ellipsis; //溢出用省略号显示
-		// white-space: nowrap; //溢出不换行
 	}
 	.phones{
 		margin-bottom: 90rpx!important;

pageB/components/nuserinfo/nuserinfo.nvue

@@ -1,22 +0,0 @@
-<template>
-	<view>
-		
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style>
-
-</style>

pageB/components/userinfo/index.vue

@@ -1,162 +1,231 @@
 <template>
     <view class="userinfo">
         <view class="userhead">
-            <image :src="item.member_avatar"></image>
+            <image class="avatar" :src="item.member_avatar"></image>
-            <text class="follow" v-if="!is_follow" @click="following(item.member_id)">+</text>
+            <text class="follow" @click="following(item.member_id)">{{ is_follow ? "✓" : "+" }}</text>
-			<u-icon v-else name="checkmark" color="#ffffff" :size="28" class="follow"  @click="following(item.member_id)"></u-icon>
         </view>
-		<!-- 点赞 -->
+        <!-- 点赞 -->
         <view class="operat zan">
-            <u-icon name="thumb-up-fill" :color=" is_like ? '#FF7807' : '#ffffff' " :size="50" @click="likeType(item.article_id)"></u-icon>
+            <image class="operat-img" :src=" is_like ? '../../static/image/userinfo/dianzan1.png' : '../../static/image/userinfo/dianzan.png' "
-            <text>{{item.like_num}}</text>
+                mode="" @click="likeType(item.article_id)"></image>
+            <text class="operat-span">{{item.like_num}}</text>
         </view>
-		<!-- 收藏 -->
+        <!-- 收藏 -->
         <view class="operat shoucang">
-            <u-icon name="star-fill" :color=" is_collect ? '#FF7807' : '#ffffff' " :size="50" @click="collecting(item.article_id)"></u-icon>
+            <image class="operat-img" :src=" is_collect ? '../../static/image/userinfo/shoucang1.png' : '../../static/image/userinfo/shoucang.png' "
-            <text>{{item.collect_num}}</text>
+                mode="" @click="collecting(item.article_id)"></image>
+            <text class="operat-span">{{item.collect_num}}</text>
         </view>
-		<!-- 评论 -->
+        <!-- 评论 -->
         <view class="operat pinglun">
-            <u-icon name="more-circle-fill" :color=" is_content ? '#FF7807' : '#ffffff' " :size="50" @click="editing()"></u-icon>
+            <image class="operat-img" :src=" is_content ? '../../static/image/userinfo/pinglun1.png' : '../../static/image/userinfo/pinglun.png' "
-            <text>{{ comment_num }}</text>
+                mode="" @click="editing(item.article_id)"></image>
+            <text class="operat-span">{{ comment_num }}</text>
         </view>
-		<!-- 购物车 -->
+        <!-- 购物车 -->
         <view class="operat gouwu">
-           <u-icon name="shopping-cart-fill" :color=" is_cart ? '#FF7807' : '#ffffff' " :size="50" @click="carting()"></u-icon>
+            <image class="operat-img" :src=" is_cart ? '../../static/image/userinfo/gouwuche1.png' : '../../static/image/userinfo/gouwuche.png' "
+                mode="" @click="carting()"></image>
         </view>
     </view>
 </template>
 <style lang="scss" scoped>
-.userinfo{
+    .userinfo {
-    width: 110rpx;
+        width: 110rpx;
-    height: 570rpx;
+        height: 570rpx;
-    display: flex;
+        /* #ifndef APP-PLUS-NVUE */
-    flex-direction: column;
-    justify-content: space-between;
-    align-items: center;
-    .userhead{
-		position: relative;
         display: flex;
+        /* #endif */
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    .userhead {
+        position: relative;
+        /* #ifndef APP-PLUS-NVUE */
+        display: flex;
+        /* #endif */
         position: relative;
         align-items: center;
-		&>image{
-		    width: 110rpx;
-		    height: 110rpx;
-		    border-radius: 50%;
-		    border: 2rpx solid #fff;
-		}
-		.follow {
-			position: absolute;
-			top: 90rpx;
-			left: 35%;
-			width: 36rpx;
-			height: 36rpx;
-			text-align: center;
-			line-height: 36rpx;
-			font-size: 36rpx;
-			border-radius: 50%;
-			color: #fff;
-			background-color: #FF780F;
-		}
     }
-	.operat {
+
-		display: flex;
+    .avatar {
-		align-items: center;
+        width: 110rpx;
-		flex-direction: column;
+        height: 110rpx;
-		& > text {
+        border-radius: 50%;
-			margin-top: 10rpx;
+        /* #ifndef APP-PLUS-NVUE */
-			font-size: 28rpx;
+        border: 2rpx solid #fff;
-			color: #fff;
+        /* #endif */
-		}
+    }
-	}
+
-}
+    .follow {
+        position: absolute;
+        top: 90rpx;
+        left: 40rpx;
+        width: 36rpx;
+        height: 36rpx;
+        text-align: center;
+        line-height: 36rpx;
+        font-size: 36rpx;
+        border-radius: 50%;
+        color: #fff;
+        background-color: #FF780F;
+    }
+
+    .operat {
+        /* #ifndef APP-PLUS-NVUE */
+        display: flex;
+        /* #endif */
+        align-items: center;
+        flex-direction: column;
+    }
+
+    .operat-span {
+        margin-top: 10rpx;
+        font-size: 28rpx;
+        color: #fff;
+    }
+
+    .operat-img {
+        width: 50rpx;
+        height: 50rpx;
+    }
 </style>
 <script>
-export default {
+    export default {
-    name:'userinfo',
+        name: 'userinfo',
-	props:['list','cart','comment','num'],
+        props: ['list', 'cart', 'comment', 'num'],
-    data(){
+        data() {
-        return {
+            return {
-			is_follow: this.list.is_attention || false,
+                is_follow: this.list.is_attention || false,
-			is_like: this.list.is_like || false,
+                is_like: this.list.is_like || false,
-			is_collect: this.list.is_collect || false,
+                is_collect: this.list.is_collect || false,
-			is_content: false,
+                is_content: false,
-			is_cart: false,
+                is_cart: false,
-            comment_num: this.list.comment_num || 0,
+                comment_num: this.list.comment_num || 0,
-			item: this.list || {}
+                item: this.list || {}
-        }
+            }
-    },
-	watch: {
-		list(newValue,old) {
-			// console.log(newValue,old);
-			this.item = newValue || {};
-			this.is_follow = this.list.is_attention || false;
-			this.is_like = this.list.is_like || false;
-			this.is_collect = this.list.is_collect || false;
-            this.comment_num = this.list.comment_num || 0;
-		},
-		cart(newValue,old) {
-			// console.log(newValue);
-			this.is_cart = newValue;
-		},
-		comment(newValue,old) {
-			// console.log(newValue,old);
-			this.is_content = newValue;
-		},
-        num(newVal,old) {
-            // console.log(newVal);
-            this.comment_num = newVal;
-            // this.item.comment_num = newVal;
         },
-		deep: true
+        watch: {
-	},
+            list(newValue, old) {
-	methods: {
+                console.log(newValue);
-		// 关注
+                this.item = newValue || {};
-		following(id) {
+                this.is_follow = this.list.is_attention || false;
-			this.$u.api.attentionMember({member_id: id}).then(res => {
+                this.is_like = this.list.is_like || false;
-				if (res.errCode == 0) {
+                this.is_collect = this.list.is_collect || false;
-                    this.is_follow = !this.is_follow;
+                this.comment_num = this.list.comment_num || 0;
-					this.$u.toast(res.message);
+            },
-				}
+            cart(newValue, old) {
-			})
+                // console.log(newValue);
-		},
+                this.is_cart = newValue;
-		// 点赞
+            },
-		likeType(id) {
+            comment(newValue, old) {
-			// console.log(id);
+                // console.log(newValue,old);
-			this.$u.post("article/articleLike",{article_id: id}).then(res => {
+                this.is_content = newValue;
-				if (res.errCode == 0) {
+            },
-					// console.log(res);
+            num(newVal, old) {
-                    this.is_like = !this.is_like;
+                // console.log(newVal);
-					this.list.like_num = res.data.num;
+                this.comment_num = newVal;
-				} else {
+                // this.item.comment_num = newVal;
-					this.$u.toast(res.message);
+            },
-				}
+            deep: true
-			})
+        },
-		},
+        methods: {
-		// 收藏
+            // 关注
-		collecting(id) {
+            following(id) {
-			this.$u.post("article/articleCollect",{article_id: id}).then(res => {
+                uni.request({
-				if (res.errCode == 0) {
+                    url: "https://dmmall.sdbairui.com/api/member/attentionMember",
-					// console.log(res);
+                    method: "POST",
-                    this.is_collect = !this.is_collect;
+                    data: {
-					this.list.collect_num = res.data.num;
+                        member_id: id
-				} else {
+                    },
-					this.$u.toast(res.message);
+                    header: {
-				}
+                    	Authorization: 'Bearer' + ' ' + uni.getStorageSync('token')
-			})
+                    },
-		},
+                    success: (res) => {
-		// 评论
+                        if (res.data.errCode == 0) {
-		editing() {
+                            this.is_follow = !this.is_follow;
-			this.is_content = !this.is_content;
+                            console.log(this.is_follow);
-			// console.log(this.is_content);
+                            uni.showToast({
-			this.$emit("openCart",{ comment: this.is_content, cart: this.is_cart});
+                                title: res.data.data.message,
-		},
+                                icon: "none"
-		// 购物车
+                            })
-		carting() {
+                        }
-			this.is_cart = !this.is_cart;
+                    }
-			// console.log(this.is_cart);
+                })
-			this.$emit("openCart",{ comment: this.is_content, cart: this.is_cart});
+            },
-		},
+            // 点赞
-	}
+            likeType(id) {
-}
+                // console.log(id);
-</script>
+                uni.request({
+                    url: "https://dmmall.sdbairui.com/api/article/articleLike",
+                    method: "POST",
+                    data: {
+                        article_id: id
+                    },
+                    header: {
+                    	Authorization: 'Bearer' + ' ' + uni.getStorageSync('token')
+                    },
+                    success: (res) => {
+                        console.log(res);
+                        if (res.data.errCode == 0) {
+                            // console.log(res);
+                            this.is_like = !this.is_like;
+                            this.list.like_num = res.data.data.num;
+                        } else {
+                            uni.showToast({
+                                title: res.data.message,
+                                icon: "none"
+                            })
+                        }
+                    }
+                })
+            },
+            // 收藏
+            collecting(id) {
+                uni.request({
+                    url: "https://dmmall.sdbairui.com/api/article/articleCollect",
+                    method: "POST",
+                    data: {
+                        article_id: id
+                    },
+                    header: {
+                    	Authorization: 'Bearer' + ' ' + uni.getStorageSync('token')
+                    },
+                    success: (res) => {
+                        console.log(res);
+                        if (res.data.errCode == 0) {
+                            console.log(res.data.num);
+                            this.is_collect = !this.is_collect;
+                            this.list.collect_num = res.data.data.num;
+                        } else {
+                            uni.showToast({
+                                title: res.data.message,
+                                icon: "none"
+                            })
+                        }
+                    }
+                })
+            },
+            // 评论
+            editing() {
+                this.is_content = !this.is_content;
+                // console.log(this.is_content);
+                this.$emit("openCart", {
+                    comment: this.is_content,
+                    cart: this.is_cart
+                });
+            },
+            // 购物车
+            carting() {
+                this.is_cart = !this.is_cart;
+                // console.log(this.is_cart);
+                this.$emit("openCart", {
+                    comment: this.is_content,
+                    cart: this.is_cart
+                });
+            },
+        }
+    }
+</script>

pageB/photo/index.vue

@@ -56,7 +56,7 @@
                     </view>
 				</block>
                 <view class="no-data" v-if="!commentList.length">还没有评论，快来评论吧！</view>
-				<u-loadmore v-else :status="status" icon-type="iconType" margin-top="50" margin-bottom="50" :load-text="loadText" />
+				<u-loadmore v-else class="load-size" :status="status" size="20" icon-type="iconType" margin-top="50" margin-bottom="50" :load-text="loadText" />
 			</scroll-view>
 			<view class="editing" @touchend.prevent="openKeyInput">
 				<input type="text" value="" :placeholder="edit_text" disabled="disabled" />
@@ -392,7 +392,7 @@
 </style>
 <script>
 import userinfo from "../components/userinfo/index" // 点赞组件
-import contentBox from "../components/shpoone/index" // 评论
+// import contentBox from "../components/shpoone/index" // 评论
 // import shoplist from "../components/shoplist/index" // 商品列表
 
 export default {

pageB/sdetails/index.vue

@@ -597,7 +597,7 @@ export default {
 	background-color: #EEEBEE;
 	.spike-view {
 		position: absolute;
-		top: 396rpx;
+		top: 400rpx;
 		left: 0;
 		width: 100%;
 		height: 104rpx;
@@ -1015,13 +1015,13 @@ export default {
 		}
 	}
 	.spike-tool {
+		z-index: 10076;
+		display: flex;
 		position: fixed;
 		bottom: 0;
 		left: 0;
 		width: 100%;
-		height: 98rpx;
+		height: 100rpx;
-		display: flex;
-		z-index: 10076;
 		background-color: #FFFFFF;
 		.left {
 			width: 190rpx;
@@ -1044,8 +1044,8 @@ export default {
 		}
 		.btn {
 			flex: 1;
-			height: 98rpx;
+			height: 104rpx;
-			line-height: 98rpx;
+			line-height: 104rpx;
 			text-align: center;
 			font-size: 32rpx;
 			color: rgba(255,255,255,1);

pageB/video/video.nvue

@@ -1,16 +1,18 @@
 <template>
     <view>
-        <video id="videoId" :style="videoSize" :src="src" autoplay="true" :loop="true" :show-fullscreen-btn="false" @play="playing"
+        <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>
         <cover-image class="close" @click="goBack" src="../../static/close.png">
         </cover-image>
-        <cover-view class="" src="../../static/videoPlay.png">
+        <cover-image class="pause" @click="stoping" src="../../static/videoPlay.png" v-if="!is_play">
-        </cover-view>
+        </cover-image>
+        <!-- 用户操作 -->
+        <userinfo class="user-info" :list="list" :cart="cart_type" :comment="is_comment" :num="comment_num" @openCart="openPopup"></userinfo>
         <cover-view class="info-box">
             <view class="video-info-box">
-                <image class="image-play" src="../../static/videoPlay.png" mode=""></image>
+                <image class="image-play" src="../../static/videoIcon.png" mode=""></image>
                 <text class="video-slip">视频</text>
-                <text class="time">{{ time_count }}s</text>
+                <text class="time">{{ time_count == 1 ? 0 : time_count }}s</text>
             </view>
             <view>
                 <text class="name">@{{ list.member_nickname }}</text>
@@ -23,7 +25,7 @@
             </view>
             <view class="label-box">
                 <block v-for="(item,index) in list.label" :key="index">
-                    <text class="label" :style="{ width: item.name.length * 40 + 'rpx' }">{{ item.name }}</text>
+                    <text class="label" :style="{ width: labelLen[index] * 40 + 'rpx' }">{{ item.name }}</text>
                 </block>
             </view>
         </cover-view>
@@ -31,22 +33,28 @@
 </template>
 
 <script>
+    import userinfo from "../components/userinfo/index" // 点赞组件
     export default {
+        components:{
+            userinfo
+        },
         data() {
             return {
                 videoSize: {},
                 list: {},
+                labelLen: [],
+                cart_type: false, // 显示购物车
+                is_comment: false, // 显示评论
+                comment_num: 0, // 评论数
                 src: "",
                 is_play: true,
-                timer: null,
+                time_count: 0,
-                alltime: 7,
+                linear: null,
-                time_count: 7,
             };
         },
         onLoad(option) {
             this.getVideoInfo(option.id);
             this.getInfo();
-            this.aaa();
         },
         onReady() {
             this.videoBox = uni.createVideoContext("videoId", this);
@@ -60,9 +68,24 @@
                     data: {
                         article_id: article_id
                     },
+                    header: {
+                    	Authorization: 'Bearer' + ' ' + uni.getStorageSync('token')
+                    },
                     success: (res) => {
                         this.list = res.data.data.info;
                         this.src = res.data.data.info.video_path;
+                        let item = res.data.data.info.label;
+                        let arr = [];
+                        item.forEach(data => {
+                            let str = escape(data.name);
+                            if(str.indexOf('%u')){
+                                // console.log(data.name);
+                                arr.push(Math.floor(data.name.length / 2));
+                            } else {
+                                arr.push(data.name.length);
+                            }
+                        })
+                        this.labelLen = arr;
                     }
                 })
             },
@@ -79,11 +102,8 @@
             },
             // 播放
             playing(e) {
-                console.log(e);
+                // console.log(e);
                 if (e.type == "play") {
-                    this.alltime = 7;
-                    this.time_count = 7;
-                    this.aaa();
                 }
             },
             // 暂停
@@ -91,24 +111,19 @@
                 this.is_play = !this.is_play;
                 if (this.is_play) {
                     this.videoBox.play();
-                    this.aaa();
                 } else {
                     this.videoBox.pause();
-                     clearInterval(this.timer);
-                     this.temp_time = this.time_count;
-                     console.log(this.temp_time);
                 }
             },
-            // 倒计时
+            // 监听视频
-            aaa() {
+            timeupdate(e) {
-                this.timer = setInterval(() => {
+                this.time_count = parseInt(e.detail.duration) - parseInt(e.detail.currentTime);
-                    if (this.time_count > 0 && this.time_count <= this.alltime) {
+                if (e.detail.duration == e.detail.currentTime) {
-                        this.time_count--;
+                     this.is_play = false;
-                    } else {
+                }
-                        clearInterval(this.timer);
+                // let num = parseInt((e.detail.currentTime/e.detail.duration)*100);
-                        this.timer = null;
+                // this.linear = num + "%";
-                    }
+                // console.log(this.time_count);
-                }, 1000);
             },
             goBack() {
                 uni.navigateBack({
@@ -128,7 +143,23 @@
         width: 30rpx;
         height: 30rpx;
     }
-
+    
+    /* 暂停 */
+    .pause {
+        position: fixed;
+        top: 600rpx;
+        left: 330rpx;
+        width: 100rpx;
+        height: 100rpx;
+    }
+    
+    /* 用户操作 */
+    .user-info {
+        position: fixed;
+        top: 360rpx;
+        right: 30rpx;
+    }
+    
     /* 底部信息 */
     .info-box {
         position: fixed;

pageE/setting/Index.vue

@@ -33,11 +33,12 @@
 					fontSize: 24
 				},
 				sheetStatus: false,
-				list: [{
+				list: [
-						text: '换个账号登录',
+                    // {
-						color: '#FF780F',
+					// 	text: '换个账号登录',
-						fontSize: 28
+					// 	color: '#FF780F',
-					},
+					// 	fontSize: 28
+					// },
 					{
 						text: '退出登录',
 						color: '#FF780F',
@@ -78,7 +79,7 @@
 			// 退出登录选择 0：切换账号 | 1：退出登录
 			choiceOption(index) {
 				console.log(index);
-				if (index == 1) {
+				if (index == 0) {
 					this.show = true;
 				}
 			},

pageE/tool/WashOrder.vue

@@ -3,7 +3,7 @@
 		<view>
 			<u-tabs-swiper ref="tabs" :list="list" :is-scroll="false" active-color="#FF780F" :current="current" font-size="32" :show-bar="false" @change="tabsChange" height="88"></u-tabs-swiper>
 		</view>
-		<swiper :current="swiperCurrent" @animationfinish="animationfinish" :style="{ minHeight: swiperHeight }">
+		<swiper :current="swiperCurrent" @animationfinish="animationfinish" class="aaa" :style="{ minHeight: swiperHeight }">
 			<swiper-item class="swiper-item">
 				<scroll-view scroll-y="true" style="height: 100%;">
 					<view class="order-info">
@@ -439,7 +439,8 @@ export default {
 		setViewHeight() {
 			const res = uni.getSystemInfoSync();
 			// this.swiperHeight = res.windowHeight - (88 / 2) + 'px';
-			this.swiperHeight = res.windowHeight + 'px';
+			// this.swiperHeight = res.windowHeight + 500 + 'px';
+            this.swiperHeight = res.windowHeight - (res.windowWidth / 750) * 88 + 'px';
 		},
 		confirm(e){
 			this.showPopup = false;
@@ -467,6 +468,9 @@ export default {
 		flex: 1;
 		// height: 95vh;
 	}
+    .aaa {
+        overflow-y: scroll;
+    }
 	.order-info {
 		.choose-info{
 			display: flex;flex-wrap: wrap;

pages.json

@@ -1077,10 +1077,6 @@
 				}
 			}
 		}
-        ,{
-            "path" : "pageB/components/nuserinfo/nuserinfo",
-            "style" : {}
-        }
     ],
 	"tabBar": {
 		"color": "#999999",

pages/index/index.vue

@@ -34,7 +34,7 @@
 									 @getArticlelist="getArticlelist"></videoItem>
 								</view>
 							</view>
-                            <u-loadmore :status="status" icon-type="iconType" margin-top="50" margin-bottom="50" :load-text="loadText" />
+                            <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 +79,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 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" margin-bottom="50" :load-text="loadText" />
 								</view>
 							</view>
 						</view>
@@ -198,6 +198,7 @@
         margin: 200rpx auto 0;
         text-align: center;
     }
+    
 </style>
 <script>
     import { mapState } from 'vuex'