This commit is contained in:
Gdpao 2020-08-04 19:39:31 +08:00
parent f69a82ace5
commit afc7731781
11 changed files with 229 additions and 214 deletions

View File

@ -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,10 +205,8 @@ 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);
} }
}) })
}, },
@ -216,8 +214,9 @@ export default {
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");
} }
}) })

View File

@ -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 {

View File

@ -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;

View File

@ -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>

View File

@ -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"
} }
} }
} }

View File

@ -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({

View File

@ -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 {

View File

@ -1,7 +1,10 @@
<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">
@ -29,27 +32,14 @@
</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[0]" :key="j" :name="i.goods_name" :id="i.goods_id" :commonid="i.goods_commonid" :image="i.goods_image"></shop> <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> </view>
</scroll-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> </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>
@ -58,6 +48,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh; height: 100vh;
.sosuo { .sosuo {
width: 100%; width: 100%;
height: 88rpx; height: 88rpx;
@ -73,11 +64,14 @@
margin-right: 24rpx; margin-right: 24rpx;
flex-shrink: 0; flex-shrink: 0;
} }
align-items: center; align-items: center;
} }
.swiper { .swiper {
width: 100%; width: 100%;
height: 100%; height: 100%;
.list { .list {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -85,6 +79,7 @@
padding-left: 30rpx; padding-left: 30rpx;
} }
} }
.select { .select {
width: 100%; width: 100%;
height: 89rpx; height: 89rpx;
@ -94,14 +89,17 @@
padding: 0 40rpx; padding: 0 40rpx;
flex-shrink: 0; flex-shrink: 0;
justify-content: space-between; justify-content: space-between;
>view { >view {
font-size: 32rpx; font-size: 32rpx;
color: #333; color: #333;
display: flex; display: flex;
font-weight: 400; font-weight: 400;
.jiage { .jiage {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.top { .top {
width: 12rpx; width: 12rpx;
border-bottom: 12rpx solid #707070; border-bottom: 12rpx solid #707070;
@ -109,20 +107,24 @@
border-right: 11rpx solid #fff; border-right: 11rpx solid #fff;
margin-bottom: 2rpx; margin-bottom: 2rpx;
} }
.bottom { .bottom {
width: 12rpx; width: 12rpx;
border-top: 12rpx solid #707070; border-top: 12rpx solid #707070;
border-left: 11rpx solid #fff; border-left: 11rpx solid #fff;
border-right: 11rpx solid #fff; border-right: 11rpx solid #fff;
} }
.topxz { .topxz {
border-bottom: 12rpx solid #FF780F; border-bottom: 12rpx solid #FF780F;
} }
.bottomxz { .bottomxz {
border-top: 12rpx solid #FF780F; border-top: 12rpx solid #FF780F;
} }
} }
} }
.xz { .xz {
color: #FF780F; color: #FF780F;
} }
@ -141,13 +143,11 @@ export default {
}, },
data() { data() {
return { return {
list:[ list: [{
{
name: "店铺" name: "店铺"
}, { }, {
name: "达人" name: "达人"
} }],
],
current: 0, current: 0,
swiperCurrent: 0, swiperCurrent: 0,
keyword: "", keyword: "",
@ -182,8 +182,10 @@ export default {
console.log(e.detail.current) console.log(e.detail.current)
}, },
search() { search() {
this.$u.api.ShopSearch({keyword:this.keyword}).then((res)=>{ this.$u.api.ShopSearch({
this.shoplist[0] = res.data.data keyword: this.keyword
}).then((res) => {
this.shoplist = res.data.data
}) })
} }
}, },

View File

@ -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: '活动消息'
}, },
{ {

View File

@ -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

Binary file not shown.