Merge pull request 'gdpao' (#111) from gyh into master
Reviewed-on: http://git.luyuan.tk/luyuan/deming/pulls/111
This commit is contained in:
		
						commit
						43845b4810
					
				@ -113,6 +113,7 @@
 | 
			
		||||
			box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(35,24,21,0.12);
 | 
			
		||||
			.bubble {
 | 
			
		||||
				position: relative;
 | 
			
		||||
                border-radius: 20rpx;
 | 
			
		||||
				background-color: #fff;
 | 
			
		||||
				&::after {
 | 
			
		||||
					position: absolute;
 | 
			
		||||
@ -130,8 +131,7 @@
 | 
			
		||||
				> view {
 | 
			
		||||
					display: flex;
 | 
			
		||||
					align-items: center;
 | 
			
		||||
                    height: 52rpx;
 | 
			
		||||
					padding: 10rpx 20rpx;
 | 
			
		||||
					padding: 20rpx 30rpx;
 | 
			
		||||
					&:not(:last-child) {
 | 
			
		||||
						border-bottom: 2rpx #ECECEC solid;
 | 
			
		||||
					}
 | 
			
		||||
@ -142,17 +142,17 @@
 | 
			
		||||
					}
 | 
			
		||||
					> image {
 | 
			
		||||
						&:first-child {
 | 
			
		||||
							@include image-class($width: 21rpx, $height: 22rpx, $right: 12rpx);
 | 
			
		||||
							@include image-class($width: 30rpx, $height: 30rpx, $right: 12rpx);
 | 
			
		||||
						}
 | 
			
		||||
						&:nth-child(2) {
 | 
			
		||||
							@include image-class($width: 22rpx, $height: 22rpx, $right: 12rpx);
 | 
			
		||||
							@include image-class($width: 30rpx, $height: 30rpx, $right: 12rpx);
 | 
			
		||||
						}
 | 
			
		||||
						&:last-child {
 | 
			
		||||
							@include image-class($width: 24rpx, $height: 20rpx, $right: 9rpx);
 | 
			
		||||
							@include image-class($width: 30rpx, $height: 30rpx, $right: 9rpx);
 | 
			
		||||
						}
 | 
			
		||||
					}
 | 
			
		||||
					> text {
 | 
			
		||||
						font-size: 20rpx;
 | 
			
		||||
						font-size: 24rpx;
 | 
			
		||||
						color: rgba(51,51,51,1);
 | 
			
		||||
					}
 | 
			
		||||
				}
 | 
			
		||||
@ -205,19 +205,18 @@ export default {
 | 
			
		||||
			}).then(res => {
 | 
			
		||||
				console.log(res)
 | 
			
		||||
				if(res.errCode == 0) {
 | 
			
		||||
                    this.$u.toast(res.message);
 | 
			
		||||
					this.$emit("getArticlelist");
 | 
			
		||||
                    // this.$u.toast(res.message);
 | 
			
		||||
				} else {
 | 
			
		||||
                    // this.$u.toast(res.message);
 | 
			
		||||
                }
 | 
			
		||||
				}
 | 
			
		||||
			})
 | 
			
		||||
		},
 | 
			
		||||
		articleCollect() {
 | 
			
		||||
			this.$u.api.articleCollect({
 | 
			
		||||
				article_id: this.item.article_id,
 | 
			
		||||
			}).then(res => {
 | 
			
		||||
				console.log(res)
 | 
			
		||||
				console.log(res);
 | 
			
		||||
				if(res.errCode == 0) {
 | 
			
		||||
                    this.$u.toast(res.message);
 | 
			
		||||
					this.$emit("getArticlelist");
 | 
			
		||||
				}
 | 
			
		||||
			})
 | 
			
		||||
@ -229,6 +228,7 @@ export default {
 | 
			
		||||
			}).then(res => {
 | 
			
		||||
				// console.log(res)
 | 
			
		||||
				if(res.errCode == 0) {
 | 
			
		||||
                    this.$u.toast(res.message);
 | 
			
		||||
					this.$emit("getArticlelist");
 | 
			
		||||
				}
 | 
			
		||||
			})
 | 
			
		||||
 | 
			
		||||
@ -4,9 +4,8 @@
 | 
			
		||||
		<view v-if="type" id="video_mp4">
 | 
			
		||||
			<view class="page-body">
 | 
			
		||||
				<view class="page-section">
 | 
			
		||||
					<video id="myVideo" :src=" 'https://' + vide0_url" autoplay controls="false" @error="videoErrorCallback"
 | 
			
		||||
					<video id="myVideo" enable-progress-gesture="false" :src=" 'https://' + vide0_url" autoplay controls="false" @error="videoErrorCallback"
 | 
			
		||||
					 enable-danmu danmu-btn></video>
 | 
			
		||||
                     <cover-view class="time">abc</cover-view>
 | 
			
		||||
				</view>
 | 
			
		||||
			</view>
 | 
			
		||||
		</view>
 | 
			
		||||
@ -22,8 +21,8 @@
 | 
			
		||||
								<swiper-item v-for="(item,index) in list" :key="index">
 | 
			
		||||
									<view class="swiper-item uni-bg-red">
 | 
			
		||||
										<image :src=" 'https://' + item.launch_path"></image>
 | 
			
		||||
                                        <view v-if="index == 3">立即体验</view>
 | 
			
		||||
									</view>
 | 
			
		||||
                                    <view class="btn-init" v-if="parseInt(index) == 2" @click="goNext">立即体验</view>
 | 
			
		||||
								</swiper-item> 
 | 
			
		||||
							</swiper>
 | 
			
		||||
						</view>
 | 
			
		||||
@ -72,7 +71,8 @@
 | 
			
		||||
				background: ['color1', 'color2', 'color3'],
 | 
			
		||||
				indicatorDots: true,
 | 
			
		||||
				interval: 2000,
 | 
			
		||||
				duration: 500
 | 
			
		||||
				duration: 500,
 | 
			
		||||
                swiper_index: "",
 | 
			
		||||
			};
 | 
			
		||||
		},
 | 
			
		||||
		onReady: function(res) {
 | 
			
		||||
@ -133,6 +133,11 @@
 | 
			
		||||
					}
 | 
			
		||||
				});
 | 
			
		||||
			},
 | 
			
		||||
            // 立即体验
 | 
			
		||||
            goNext() {
 | 
			
		||||
                this.protocol = true;
 | 
			
		||||
                this.banner = false;
 | 
			
		||||
            },
 | 
			
		||||
			// 我同意
 | 
			
		||||
			to_agree() {
 | 
			
		||||
				uni.setStorage({
 | 
			
		||||
@ -203,8 +208,21 @@
 | 
			
		||||
	.uni-padding-wrap{
 | 
			
		||||
		// height: 400rpx;
 | 
			
		||||
	}
 | 
			
		||||
    .btn-init {
 | 
			
		||||
        z-index: 1000;
 | 
			
		||||
        position: absolute;
 | 
			
		||||
        bottom: 100rpx;
 | 
			
		||||
        right: 30%;
 | 
			
		||||
        width: 300rpx;
 | 
			
		||||
        height: 80rpx;
 | 
			
		||||
        line-height: 80rpx;
 | 
			
		||||
        text-align: center;
 | 
			
		||||
        color: #fff;
 | 
			
		||||
        border-radius: 40rpx;
 | 
			
		||||
        background-color: #007AFF;
 | 
			
		||||
    }
 | 
			
		||||
	.welcome_jumpes {
 | 
			
		||||
		z-index: 10000;
 | 
			
		||||
		z-index: 100;
 | 
			
		||||
		position: absolute;
 | 
			
		||||
		top: 80rpx;
 | 
			
		||||
		right: 60rpx;
 | 
			
		||||
@ -220,15 +238,6 @@
 | 
			
		||||
 | 
			
		||||
	#myVideo {
 | 
			
		||||
        width: 100%;
 | 
			
		||||
        .time {
 | 
			
		||||
            position: absolute;
 | 
			
		||||
            top: 0;
 | 
			
		||||
            left: 0;
 | 
			
		||||
            width: 10rpx;
 | 
			
		||||
            height: 10rpx;
 | 
			
		||||
            color: #fff;
 | 
			
		||||
            font-size: 30rpx;
 | 
			
		||||
        }
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	uni-video {
 | 
			
		||||
 | 
			
		||||
@ -1,6 +1,6 @@
 | 
			
		||||
<template>
 | 
			
		||||
    <view class="item" @click="toDetailsPage">
 | 
			
		||||
        <image :src="info.goods_image" class="img"></image>
 | 
			
		||||
        <image :src="info.goods_image" mode="aspectFill" class="img"></image>
 | 
			
		||||
        <view class="info">
 | 
			
		||||
            <text class="title u-line-1">{{ info.goods_name }}</text>
 | 
			
		||||
            <text class="jianjie u-line-2">{{ info.goods_advword }}</text>
 | 
			
		||||
@ -44,13 +44,12 @@ export default {
 | 
			
		||||
<style lang="scss" scoped>
 | 
			
		||||
.item{
 | 
			
		||||
    width: 330rpx;
 | 
			
		||||
	height: 460rpx;
 | 
			
		||||
    margin-bottom: 26rpx;
 | 
			
		||||
    background-color: #f8f8f8;
 | 
			
		||||
    border-radius: 10rpx 10rpx 0rpx 0rpx;
 | 
			
		||||
    .img{
 | 
			
		||||
		width: 330rpx;
 | 
			
		||||
		height: 272rpx;
 | 
			
		||||
		height: 300rpx;
 | 
			
		||||
		background: rgba(245,245,245,1);
 | 
			
		||||
		border-radius: 10rpx 10rpx 0rpx 0rpx;
 | 
			
		||||
		margin-bottom: 24rpx;
 | 
			
		||||
 | 
			
		||||
@ -1,7 +1,7 @@
 | 
			
		||||
<template>
 | 
			
		||||
    <view class="shop-item" @click="toClassifyPage">
 | 
			
		||||
        <image :src="info.goodscn_pic"></image>
 | 
			
		||||
        <text class="u-line-1">{{ info.gc_name }}</text>
 | 
			
		||||
        <text class="">{{ info.gc_name }}</text>
 | 
			
		||||
    </view>    
 | 
			
		||||
</template>
 | 
			
		||||
<script>
 | 
			
		||||
@ -23,21 +23,20 @@ export default {
 | 
			
		||||
<style lang="scss" scoped>
 | 
			
		||||
.shop-item{
 | 
			
		||||
    display: flex;
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
	justify-content: center;
 | 
			
		||||
	width: 100rpx;
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    width: 20%;
 | 
			
		||||
    margin-bottom: 20rpx;
 | 
			
		||||
    >image{
 | 
			
		||||
        width: 80rpx;
 | 
			
		||||
        height: 80rpx;
 | 
			
		||||
        border-radius: 50%;
 | 
			
		||||
    }
 | 
			
		||||
    >text{
 | 
			
		||||
		width: 100%;
 | 
			
		||||
		width: 100rpx;
 | 
			
		||||
        margin-top: 14rpx;
 | 
			
		||||
        font-size: 24rpx;
 | 
			
		||||
        color: #333;
 | 
			
		||||
        margin-top: 14rpx;
 | 
			
		||||
		text-align: center;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
@ -1,5 +1,5 @@
 | 
			
		||||
{
 | 
			
		||||
    "name" : "deming",
 | 
			
		||||
    "name" : "德铭阳光",
 | 
			
		||||
    "appid" : "__UNI__EBFF00A",
 | 
			
		||||
    "description" : "",
 | 
			
		||||
    "versionName" : "1.0.0",
 | 
			
		||||
@ -105,7 +105,10 @@
 | 
			
		||||
                    "xhdpi" : "static/app/start/720x1242.png",
 | 
			
		||||
                    "xxhdpi" : "static/app/start/1080x1882.png"
 | 
			
		||||
                },
 | 
			
		||||
                "iosStyle" : "storyboard"
 | 
			
		||||
                "iosStyle" : "storyboard",
 | 
			
		||||
                "ios" : {
 | 
			
		||||
                    "storyboard" : "static/CustomStoryboard.zip"
 | 
			
		||||
                }
 | 
			
		||||
            },
 | 
			
		||||
            "icons" : {
 | 
			
		||||
                "android" : {
 | 
			
		||||
@ -115,16 +118,27 @@
 | 
			
		||||
                    "xxxhdpi" : "static/app/icon/192x192.png"
 | 
			
		||||
                },
 | 
			
		||||
                "ios" : {
 | 
			
		||||
                    "appstore" : "static/app/icon/192x192.png",
 | 
			
		||||
                    "appstore" : "unpackage/res/icons/1024x1024.png",
 | 
			
		||||
                    "iphone" : {
 | 
			
		||||
                        "app@2x" : "static/app/icon/144x144.png",
 | 
			
		||||
                        "app@3x" : "static/app/icon/192x192.png",
 | 
			
		||||
                        "spotlight@2x" : "static/app/icon/96x96.png",
 | 
			
		||||
                        "spotlight@3x" : "static/app/icon/144x144.png",
 | 
			
		||||
                        "settings@2x" : "static/app/icon/72x72.png",
 | 
			
		||||
                        "settings@3x" : "static/app/icon/96x96.png",
 | 
			
		||||
                        "notification@2x" : "static/app/icon/72x72.png",
 | 
			
		||||
                        "notification@3x" : "static/app/icon/72x72.png"
 | 
			
		||||
                        "app@2x" : "unpackage/res/icons/120x120.png",
 | 
			
		||||
                        "app@3x" : "unpackage/res/icons/180x180.png",
 | 
			
		||||
                        "spotlight@2x" : "unpackage/res/icons/80x80.png",
 | 
			
		||||
                        "spotlight@3x" : "unpackage/res/icons/120x120.png",
 | 
			
		||||
                        "settings@2x" : "unpackage/res/icons/58x58.png",
 | 
			
		||||
                        "settings@3x" : "unpackage/res/icons/87x87.png",
 | 
			
		||||
                        "notification@2x" : "unpackage/res/icons/40x40.png",
 | 
			
		||||
                        "notification@3x" : "unpackage/res/icons/60x60.png"
 | 
			
		||||
                    },
 | 
			
		||||
                    "ipad" : {
 | 
			
		||||
                        "app" : "unpackage/res/icons/76x76.png",
 | 
			
		||||
                        "app@2x" : "unpackage/res/icons/152x152.png",
 | 
			
		||||
                        "notification" : "unpackage/res/icons/20x20.png",
 | 
			
		||||
                        "notification@2x" : "unpackage/res/icons/40x40.png",
 | 
			
		||||
                        "proapp@2x" : "unpackage/res/icons/167x167.png",
 | 
			
		||||
                        "settings" : "unpackage/res/icons/29x29.png",
 | 
			
		||||
                        "settings@2x" : "unpackage/res/icons/58x58.png",
 | 
			
		||||
                        "spotlight" : "unpackage/res/icons/40x40.png",
 | 
			
		||||
                        "spotlight@2x" : "unpackage/res/icons/80x80.png"
 | 
			
		||||
                    }
 | 
			
		||||
                }
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
@ -103,6 +103,7 @@
 | 
			
		||||
			},
 | 
			
		||||
			// 用户注册
 | 
			
		||||
			loginIns(){
 | 
			
		||||
                let me = this;
 | 
			
		||||
				let type_phone = this.$u.test.mobile( this.member_mobile)
 | 
			
		||||
				if( this.member_mobile == ''){
 | 
			
		||||
					this.$refs.uToast.show({
 | 
			
		||||
 | 
			
		||||
@ -6,7 +6,7 @@
 | 
			
		||||
        </view>
 | 
			
		||||
        <swiper class="swiper" circular autoplay @change="changeSwiper">
 | 
			
		||||
            <swiper-item v-for="(simg,sindex) in list.photo" :key="sindex">
 | 
			
		||||
                <image :src="simg.url" mode="aspectFill" @tap="viewImage" :data-url="simg.url"></image>
 | 
			
		||||
                <image :src="simg.url" mode="widthFix" @tap="viewImage" :data-url="simg.url"></image>
 | 
			
		||||
            </swiper-item>
 | 
			
		||||
        </swiper>
 | 
			
		||||
        <view class="bottom">
 | 
			
		||||
@ -32,7 +32,7 @@
 | 
			
		||||
			<scroll-view class="scroll-box" scroll-y="true" >
 | 
			
		||||
				<block v-for="(item,index) in commentList" :key="index" v-if="commentList.length">
 | 
			
		||||
					<view class="box">
 | 
			
		||||
						<image :src="item.member_avatar" mode=""></image>
 | 
			
		||||
						<image :src="item.member_avatar" mode="aspectFill"></image>
 | 
			
		||||
						<view class="info">
 | 
			
		||||
							<text>{{ item.member_nickname }}</text>
 | 
			
		||||
							<text class="time">{{ item.create_time }}</text>
 | 
			
		||||
@ -83,7 +83,7 @@
 | 
			
		||||
		<!-- 单个 -->
 | 
			
		||||
		<view class="good-one" v-else v-show="cart_type">
 | 
			
		||||
			<view class="box" v-for="(item,index) in list.goods" :key="index" @click="gotoInfo(item.goods_id)">
 | 
			
		||||
				<image :src="item.goods_image" mode=""></image>
 | 
			
		||||
				<image :src="item.goods_image" mode="aspectFill"></image>
 | 
			
		||||
				<view>
 | 
			
		||||
					<view class="title u-line-1">{{ item.goods_advword }}</view>
 | 
			
		||||
					<view class="content u-line-2">{{ item.goods_name }}</view>
 | 
			
		||||
@ -98,7 +98,7 @@
 | 
			
		||||
.photo{
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
    background-color: #ececec;
 | 
			
		||||
    background-color: #000000;
 | 
			
		||||
    .back{
 | 
			
		||||
        padding-top: 28rpx;
 | 
			
		||||
        padding-right: 31rpx;
 | 
			
		||||
@ -106,16 +106,15 @@
 | 
			
		||||
    }
 | 
			
		||||
    .swiper{
 | 
			
		||||
        width: 750rpx;
 | 
			
		||||
        height: 702rpx;
 | 
			
		||||
        margin-top: 102rpx;
 | 
			
		||||
        height: 700rpx;
 | 
			
		||||
        margin-top: 140rpx;
 | 
			
		||||
        image{
 | 
			
		||||
            width: 100%;
 | 
			
		||||
            height: 100%;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
    .bottom{
 | 
			
		||||
		width: 100%;
 | 
			
		||||
		margin-top: 150rpx;
 | 
			
		||||
		margin-top: 180rpx;
 | 
			
		||||
        padding: 20rpx 30rpx;
 | 
			
		||||
        background-color: #fff;
 | 
			
		||||
        .item{
 | 
			
		||||
@ -146,10 +145,7 @@
 | 
			
		||||
        }
 | 
			
		||||
        .info{
 | 
			
		||||
			margin: 20rpx 0;
 | 
			
		||||
			display: -webkit-box;
 | 
			
		||||
			-webkit-box-orient: vertical;
 | 
			
		||||
			-webkit-line-clamp: 2;
 | 
			
		||||
			overflow: hidden;
 | 
			
		||||
            line-height: 1.2;
 | 
			
		||||
            font-size: 28rpx;
 | 
			
		||||
        }
 | 
			
		||||
		.box {
 | 
			
		||||
 | 
			
		||||
@ -1,15 +1,18 @@
 | 
			
		||||
<template>
 | 
			
		||||
    <view class="out">
 | 
			
		||||
        <u-tabs-swiper v-if="type == 'dianpu'" @change="tabsChange" :show-bar="false" :bold="false" :font-size="32" active-color="#FF780F" ref="uTabs" :list="list" :is-scroll="false" style="border-bottom: 1px solid #ececec;flex-shrink:0" height="88"></u-tabs-swiper>
 | 
			
		||||
        <swiper v-if="type == 'dianpu'" class="swiper" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish">
 | 
			
		||||
        <u-tabs-swiper v-if="type == 'dianpu'" @change="tabsChange" :show-bar="false" :bold="false" :font-size="32"
 | 
			
		||||
            active-color="#FF780F" ref="uTabs" :list="list" :is-scroll="false" style="border-bottom: 1px solid #ececec;flex-shrink:0"
 | 
			
		||||
            height="88"></u-tabs-swiper>
 | 
			
		||||
        <swiper v-if="type == 'dianpu'" class="swiper" :current="swiperCurrent" @transition="transition"
 | 
			
		||||
            @animationfinish="animationfinish">
 | 
			
		||||
            <swiper-item>
 | 
			
		||||
                <scroll-view :scroll-y="true" style="height:100%">
 | 
			
		||||
                    <view style="padding-top:30rpx">
 | 
			
		||||
                        <shop></shop>
 | 
			
		||||
                    </view>
 | 
			
		||||
                </scroll-view>
 | 
			
		||||
            </swiper-item> 
 | 
			
		||||
            <swiper-item> 
 | 
			
		||||
            </swiper-item>
 | 
			
		||||
            <swiper-item>
 | 
			
		||||
                <scroll-view :scroll-y="true" style="height:100%">
 | 
			
		||||
                    <view class="list">
 | 
			
		||||
                        <!-- <darenItem style="margin-top:20rpx;margin-right:23rpx;box-shadow:0rpx 3rpx 7rpx 0rpx rgba(153, 153, 153, 0.35);" v-for="item in 50"></darenItem> -->
 | 
			
		||||
@ -19,7 +22,7 @@
 | 
			
		||||
        </swiper>
 | 
			
		||||
        <view v-else style=" display: flex;flex-direction: column;height: calc(100vh - 88rpx);">
 | 
			
		||||
            <view class="select">
 | 
			
		||||
                <view  @click="sx(0)" class="xz" data-type="xl">销量</view>
 | 
			
		||||
                <view @click="sx(0)" class="xz" data-type="xl">销量</view>
 | 
			
		||||
                <view class="xz" @click="sx(1)">
 | 
			
		||||
                    <text>价格</text>
 | 
			
		||||
                    <view class="jiage">
 | 
			
		||||
@ -29,163 +32,162 @@
 | 
			
		||||
                </view>
 | 
			
		||||
                <view data-type="hp" @click="sx(2)">好评</view>
 | 
			
		||||
            </view>
 | 
			
		||||
              <swiper class="swiper" :current="swiperCurrent" @change="huadong">
 | 
			
		||||
                <swiper-item>
 | 
			
		||||
                    <scroll-view :scroll-y="true" style="height:100%">
 | 
			
		||||
                        <view style="padding-top:30rpx">
 | 
			
		||||
                            <shop v-for="(i,j) in shoplist[0]" :key="j" :name="i.goods_name" :id="i.goods_id" :commonid="i.goods_commonid" :image="i.goods_image"></shop>
 | 
			
		||||
                        </view>
 | 
			
		||||
                    </scroll-view>
 | 
			
		||||
                </swiper-item> 
 | 
			
		||||
                <swiper-item> 
 | 
			
		||||
                    <scroll-view :scroll-y="true" style="height:100%">
 | 
			
		||||
                        <view class="list">
 | 
			
		||||
                            <!-- <darenItem style="margin-top:20rpx;margin-right:23rpx;box-shadow:0rpx 3rpx 7rpx 0rpx rgba(153, 153, 153, 0.35);" v-for="item in 50"></darenItem> -->
 | 
			
		||||
                        </view>
 | 
			
		||||
                    </scroll-view>
 | 
			
		||||
                </swiper-item>
 | 
			
		||||
                <swiper-item> 
 | 
			
		||||
                    <scroll-view :scroll-y="true" style="height:100%">
 | 
			
		||||
                       D
 | 
			
		||||
                    </scroll-view>
 | 
			
		||||
                </swiper-item>
 | 
			
		||||
            </swiper>
 | 
			
		||||
            <view class="swiper" :current="swiperCurrent" @change="huadong">
 | 
			
		||||
                <scroll-view :scroll-y="true" style="height:100%">
 | 
			
		||||
                    <view style="padding-top:30rpx">
 | 
			
		||||
                        <shop v-for="(i,j) in shoplist" :key="j" :name="i.goods_name" :id="i.goods_id" :commonid="i.goods_commonid"
 | 
			
		||||
                            :image="i.goods_image"></shop>
 | 
			
		||||
                    </view>
 | 
			
		||||
                </scroll-view>
 | 
			
		||||
            </view>
 | 
			
		||||
        </view>
 | 
			
		||||
    </view>
 | 
			
		||||
</template>
 | 
			
		||||
<style lang="scss" scoped>
 | 
			
		||||
.out{
 | 
			
		||||
    display: flex;
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    height: 100vh;
 | 
			
		||||
    .sosuo{
 | 
			
		||||
        width: 100%;
 | 
			
		||||
        height: 88rpx;
 | 
			
		||||
        border-bottom: 1rpx solid #ececec;
 | 
			
		||||
    .out {
 | 
			
		||||
        display: flex;
 | 
			
		||||
        align-items: center;
 | 
			
		||||
        padding: 0 30rpx;
 | 
			
		||||
        flex-shrink: 0;
 | 
			
		||||
        flex-direction: column;
 | 
			
		||||
        height: 100vh;
 | 
			
		||||
 | 
			
		||||
        >image{
 | 
			
		||||
            width: 18rpx;
 | 
			
		||||
            height: 32rpx;
 | 
			
		||||
            margin-right: 24rpx;
 | 
			
		||||
            flex-shrink: 0;
 | 
			
		||||
        }
 | 
			
		||||
        align-items: center;
 | 
			
		||||
    }
 | 
			
		||||
    .swiper{
 | 
			
		||||
        width: 100%;
 | 
			
		||||
        height: 100%; 
 | 
			
		||||
        .list{
 | 
			
		||||
            display: flex;
 | 
			
		||||
            flex-wrap: wrap;
 | 
			
		||||
        .sosuo {
 | 
			
		||||
            width: 100%;
 | 
			
		||||
            padding-left: 30rpx;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
    .select{
 | 
			
		||||
        width: 100%;
 | 
			
		||||
        height: 89rpx;
 | 
			
		||||
        border-bottom: 1rpx solid #ececec;
 | 
			
		||||
        display: flex;
 | 
			
		||||
        align-items: center;
 | 
			
		||||
        padding: 0 40rpx;
 | 
			
		||||
        flex-shrink: 0;
 | 
			
		||||
        justify-content: space-between;
 | 
			
		||||
        >view{
 | 
			
		||||
            font-size: 32rpx;
 | 
			
		||||
            color: #333;
 | 
			
		||||
            height: 88rpx;
 | 
			
		||||
            border-bottom: 1rpx solid #ececec;
 | 
			
		||||
            display: flex;
 | 
			
		||||
            font-weight:400;
 | 
			
		||||
            .jiage{
 | 
			
		||||
            align-items: center;
 | 
			
		||||
            padding: 0 30rpx;
 | 
			
		||||
            flex-shrink: 0;
 | 
			
		||||
 | 
			
		||||
            >image {
 | 
			
		||||
                width: 18rpx;
 | 
			
		||||
                height: 32rpx;
 | 
			
		||||
                margin-right: 24rpx;
 | 
			
		||||
                flex-shrink: 0;
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            align-items: center;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        .swiper {
 | 
			
		||||
            width: 100%;
 | 
			
		||||
            height: 100%;
 | 
			
		||||
 | 
			
		||||
            .list {
 | 
			
		||||
                display: flex;
 | 
			
		||||
                flex-direction: column;
 | 
			
		||||
                .top{ 
 | 
			
		||||
                    width: 12rpx;
 | 
			
		||||
                    border-bottom: 12rpx solid #707070;
 | 
			
		||||
                    border-left: 11rpx solid #fff ;
 | 
			
		||||
                    border-right: 11rpx solid #fff ;
 | 
			
		||||
                    margin-bottom: 2rpx;
 | 
			
		||||
                }
 | 
			
		||||
                .bottom{
 | 
			
		||||
                    width: 12rpx;
 | 
			
		||||
                    border-top: 12rpx solid #707070;
 | 
			
		||||
                    border-left: 11rpx solid #fff ;
 | 
			
		||||
                    border-right: 11rpx solid #fff ;
 | 
			
		||||
                }
 | 
			
		||||
                .topxz{
 | 
			
		||||
                    border-bottom: 12rpx solid #FF780F;
 | 
			
		||||
                }
 | 
			
		||||
                .bottomxz{
 | 
			
		||||
                    border-top: 12rpx solid #FF780F;
 | 
			
		||||
                }
 | 
			
		||||
                flex-wrap: wrap;
 | 
			
		||||
                width: 100%;
 | 
			
		||||
                padding-left: 30rpx;
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
        .xz{
 | 
			
		||||
            color:#FF780F;
 | 
			
		||||
 | 
			
		||||
        .select {
 | 
			
		||||
            width: 100%;
 | 
			
		||||
            height: 89rpx;
 | 
			
		||||
            border-bottom: 1rpx solid #ececec;
 | 
			
		||||
            display: flex;
 | 
			
		||||
            align-items: center;
 | 
			
		||||
            padding: 0 40rpx;
 | 
			
		||||
            flex-shrink: 0;
 | 
			
		||||
            justify-content: space-between;
 | 
			
		||||
 | 
			
		||||
            >view {
 | 
			
		||||
                font-size: 32rpx;
 | 
			
		||||
                color: #333;
 | 
			
		||||
                display: flex;
 | 
			
		||||
                font-weight: 400;
 | 
			
		||||
 | 
			
		||||
                .jiage {
 | 
			
		||||
                    display: flex;
 | 
			
		||||
                    flex-direction: column;
 | 
			
		||||
 | 
			
		||||
                    .top {
 | 
			
		||||
                        width: 12rpx;
 | 
			
		||||
                        border-bottom: 12rpx solid #707070;
 | 
			
		||||
                        border-left: 11rpx solid #fff;
 | 
			
		||||
                        border-right: 11rpx solid #fff;
 | 
			
		||||
                        margin-bottom: 2rpx;
 | 
			
		||||
                    }
 | 
			
		||||
 | 
			
		||||
                    .bottom {
 | 
			
		||||
                        width: 12rpx;
 | 
			
		||||
                        border-top: 12rpx solid #707070;
 | 
			
		||||
                        border-left: 11rpx solid #fff;
 | 
			
		||||
                        border-right: 11rpx solid #fff;
 | 
			
		||||
                    }
 | 
			
		||||
 | 
			
		||||
                    .topxz {
 | 
			
		||||
                        border-bottom: 12rpx solid #FF780F;
 | 
			
		||||
                    }
 | 
			
		||||
 | 
			
		||||
                    .bottomxz {
 | 
			
		||||
                        border-top: 12rpx solid #FF780F;
 | 
			
		||||
                    }
 | 
			
		||||
                }
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            .xz {
 | 
			
		||||
                color: #FF780F;
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
        }
 | 
			
		||||
        
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
<script>
 | 
			
		||||
import shop from "../components/search/shop"
 | 
			
		||||
import darenItem from "@/components/index/daren-item/index" 
 | 
			
		||||
export default {
 | 
			
		||||
    name:"out",
 | 
			
		||||
    components:{
 | 
			
		||||
        shop,
 | 
			
		||||
        darenItem
 | 
			
		||||
    },
 | 
			
		||||
    data(){
 | 
			
		||||
        return {
 | 
			
		||||
            list:[
 | 
			
		||||
                {
 | 
			
		||||
                    name:"店铺"
 | 
			
		||||
                },{
 | 
			
		||||
                    name:"达人"
 | 
			
		||||
                }
 | 
			
		||||
            ],
 | 
			
		||||
            current: 0, 
 | 
			
		||||
            swiperCurrent: 0,
 | 
			
		||||
            keyword:"",
 | 
			
		||||
            type:"",
 | 
			
		||||
            shoplist:[]
 | 
			
		||||
        }
 | 
			
		||||
    }, 
 | 
			
		||||
    onLoad(o){
 | 
			
		||||
        this.type = o.type
 | 
			
		||||
        this.keyword = o.value
 | 
			
		||||
        this.search()
 | 
			
		||||
    },
 | 
			
		||||
    methods: { 
 | 
			
		||||
        tabsChange(index) {
 | 
			
		||||
            this.swiperCurrent = index; 
 | 
			
		||||
        }, 
 | 
			
		||||
        transition(e) { 
 | 
			
		||||
            let dx = e.detail.dx; 
 | 
			
		||||
            this.$refs.uTabs.setDx(dx); 
 | 
			
		||||
    import shop from "../components/search/shop"
 | 
			
		||||
    import darenItem from "@/components/index/daren-item/index"
 | 
			
		||||
    export default {
 | 
			
		||||
        name: "out",
 | 
			
		||||
        components: {
 | 
			
		||||
            shop,
 | 
			
		||||
            darenItem
 | 
			
		||||
        },
 | 
			
		||||
        animationfinish(e) { 
 | 
			
		||||
            let current = e.detail.current; 
 | 
			
		||||
            this.$refs.uTabs.setFinishCurrent(current); 
 | 
			
		||||
            this.swiperCurrent = current; 
 | 
			
		||||
            this.current = current; 
 | 
			
		||||
        data() {
 | 
			
		||||
            return {
 | 
			
		||||
                list: [{
 | 
			
		||||
                    name: "店铺"
 | 
			
		||||
                }, {
 | 
			
		||||
                    name: "达人"
 | 
			
		||||
                }],
 | 
			
		||||
                current: 0,
 | 
			
		||||
                swiperCurrent: 0,
 | 
			
		||||
                keyword: "",
 | 
			
		||||
                type: "",
 | 
			
		||||
                shoplist: []
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        sx(type){
 | 
			
		||||
            console.log(type)
 | 
			
		||||
        onLoad(o) {
 | 
			
		||||
            this.type = o.type
 | 
			
		||||
            this.keyword = o.value
 | 
			
		||||
            this.search()
 | 
			
		||||
        },
 | 
			
		||||
        methods: {
 | 
			
		||||
            tabsChange(index) {
 | 
			
		||||
                this.swiperCurrent = index;
 | 
			
		||||
            },
 | 
			
		||||
            transition(e) {
 | 
			
		||||
                let dx = e.detail.dx;
 | 
			
		||||
                this.$refs.uTabs.setDx(dx);
 | 
			
		||||
            },
 | 
			
		||||
            animationfinish(e) {
 | 
			
		||||
                let current = e.detail.current;
 | 
			
		||||
                this.$refs.uTabs.setFinishCurrent(current);
 | 
			
		||||
                this.swiperCurrent = current;
 | 
			
		||||
                this.current = current;
 | 
			
		||||
            },
 | 
			
		||||
            sx(type) {
 | 
			
		||||
                console.log(type)
 | 
			
		||||
 | 
			
		||||
            },
 | 
			
		||||
            huadong(e) {
 | 
			
		||||
                console.log(e.detail.current)
 | 
			
		||||
            },
 | 
			
		||||
            search() {
 | 
			
		||||
                this.$u.api.ShopSearch({
 | 
			
		||||
                    keyword: this.keyword
 | 
			
		||||
                }).then((res) => {
 | 
			
		||||
                    this.shoplist = res.data.data
 | 
			
		||||
                })
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        huadong(e){
 | 
			
		||||
            console.log(e.detail.current)
 | 
			
		||||
        },
 | 
			
		||||
        search(){
 | 
			
		||||
            this.$u.api.ShopSearch({keyword:this.keyword}).then((res)=>{
 | 
			
		||||
                this.shoplist[0] = res.data.data
 | 
			
		||||
            })
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
}
 | 
			
		||||
</script>
 | 
			
		||||
    }
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
@ -9,7 +9,7 @@
 | 
			
		||||
		<view class="content">
 | 
			
		||||
			<!-- 正文内容 -->
 | 
			
		||||
		</view>
 | 
			
		||||
		<view class="sousuo"></view>
 | 
			
		||||
		<!-- <view class="sousuo"></view> -->
 | 
			
		||||
		<view class="backes">
 | 
			
		||||
			<titles :information="information_dles"></titles>
 | 
			
		||||
		</view>
 | 
			
		||||
 | 
			
		||||
@ -35,7 +35,7 @@
 | 
			
		||||
				</view>
 | 
			
		||||
			</view>
 | 
			
		||||
			<view class="fenlei">
 | 
			
		||||
				<shopitem v-for="item in goodsClassify" :key="item.gc_id" :info="item" class="item"></shopitem>
 | 
			
		||||
				<shopitem v-for="item in goodsClassify" :key="item.gc_id" :info="item"></shopitem>
 | 
			
		||||
			</view>
 | 
			
		||||
			<!-- 秒杀 -->
 | 
			
		||||
			<recommend v-if="JSON.stringify(recommendedSpike) != '{}'" :recommendData="recommendedSpike" type="spike"></recommend>
 | 
			
		||||
@ -299,19 +299,11 @@
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		.fenlei {
 | 
			
		||||
			padding: 30rpx;
 | 
			
		||||
			background-color: #ffffff;
 | 
			
		||||
			display: flex;
 | 
			
		||||
			flex-wrap: wrap;
 | 
			
		||||
      padding: 30rpx;
 | 
			
		||||
			margin-bottom: 20rpx;
 | 
			
		||||
 | 
			
		||||
			>view {
 | 
			
		||||
				margin-bottom: 30rpx;
 | 
			
		||||
 | 
			
		||||
				&:not(:nth-child(5n)) {
 | 
			
		||||
					margin-right: 42rpx;
 | 
			
		||||
				}
 | 
			
		||||
			}
 | 
			
		||||
			background-color: #ffffff;
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		.activity-view {
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										
											BIN
										
									
								
								static/CustomStoryboard.zip
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								static/CustomStoryboard.zip
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user