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