第一次提交
This commit is contained in:
wangxiaowei
270
pages/index/home-push/home-push.vue
Normal file
270
pages/index/home-push/home-push.vue
Normal file
@ -0,0 +1,270 @@
|
||||
<template>
|
||||
<view class="home-push-wrap">
|
||||
<Popup :show="isPopup" :width="width" :height="height" :backgroundColor="backgroundColor" :boxShadow="boxShadow" :padding="0" @hidePopup="hidePopupFunc">
|
||||
<view class="home-push" :class="type == 1 || type == 3 ? 'home-push-bg' : ''">
|
||||
<!--图文-->
|
||||
<template v-if="type == 1">
|
||||
<view class="image-text">
|
||||
<view class="pic"><image :src="form.file_path" mode="aspectFill"></image></view>
|
||||
<view class="title">{{ form.title }}</view>
|
||||
<view class="des">{{ form.remark }}</view>
|
||||
<view class="btns">
|
||||
<button type="primary" @click="jumpPage(form.link.url)">{{ form.des }}</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<!--纯图-->
|
||||
<template v-if="type == 2">
|
||||
<view class="image-only" @click="jumpPage(form.link.url)">
|
||||
<view class="pic"><image :src="form.file_path" mode="aspectFill"></image></view>
|
||||
</view>
|
||||
</template>
|
||||
<!--优惠券-->
|
||||
<template v-if="type == 3">
|
||||
<view class="cuopon">
|
||||
<view class="cuopon-title d-c-c" v-if="form.file_path!=null&&form.file_path!=''">
|
||||
<image :src="form.file_path" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="list">
|
||||
<view class="item" v-for="(item, index) in coupon" :key="index">
|
||||
<view class="info">
|
||||
<view class="num">
|
||||
<text class="f30">{{ item.name }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="explan">
|
||||
<text class="name">{{item.type}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btns"><button type="primary" @click="getCoupon()">立即领取</button></view>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
<view class="close-btns" @click="hidePopupFunc(true)"><text class="icon iconfont icon-guanbi"></text></view>
|
||||
</Popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Popup from '@/components/uni-popup.vue';
|
||||
export default {
|
||||
components: {
|
||||
Popup
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
/*是否显示*/
|
||||
isPopup: false,
|
||||
/*展示类别*/
|
||||
type: 0,
|
||||
/*宽度*/
|
||||
width: 600,
|
||||
/*高度*/
|
||||
height: 800,
|
||||
/*背景颜色*/
|
||||
backgroundColor: 'none',
|
||||
/*阴影*/
|
||||
boxShadow: 'none',
|
||||
form: {},
|
||||
coupon: []
|
||||
};
|
||||
},
|
||||
props: ['homepush_data'],
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
/*获取弹出层内容*/
|
||||
this.setData();
|
||||
},
|
||||
methods: {
|
||||
/*获取弹出层内容*/
|
||||
setData() {
|
||||
this.isPopup = true;
|
||||
this.form = this.homepush_data;
|
||||
this.type = this.homepush_data.type;
|
||||
this.coupon = this.homepush_data.coupon;
|
||||
},
|
||||
/*关闭弹窗*/
|
||||
hidePopupFunc(e) {
|
||||
uni.setStorageSync('homepush_name', this.homepush_data.name);
|
||||
this.isPopup = false;
|
||||
},
|
||||
|
||||
/*跳转页面*/
|
||||
jumpPage(e) {
|
||||
this.hidePopupFunc();
|
||||
this.gotoPage('/' + e);
|
||||
},
|
||||
|
||||
/*领取优惠券*/
|
||||
getCoupon() {
|
||||
let self = this;
|
||||
let coupon_ids = [];
|
||||
self.coupon.forEach(item => {
|
||||
coupon_ids.push(item.coupon_id);
|
||||
});
|
||||
self._get(
|
||||
'user.coupon/receiveList',
|
||||
{
|
||||
coupon_ids: JSON.stringify(coupon_ids),
|
||||
},
|
||||
function(res) {
|
||||
uni.showToast({
|
||||
title: '领取成功',
|
||||
icon: 'success',
|
||||
mask:true,
|
||||
duration:2000
|
||||
});
|
||||
self.hidePopupFunc();
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.home-push {
|
||||
width: 100%;
|
||||
border-radius: 20upx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.home-push-bg {
|
||||
background: #ffffff;
|
||||
box-shadow: 0 0 30upx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.home-push .title {
|
||||
padding: 10rpx 20rpx;
|
||||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.home-push .des {
|
||||
padding: 20rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.home-push .btns {
|
||||
padding: 20rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.home-push .btns button {
|
||||
width: 200rpx;
|
||||
padding: 0;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
font-size: 28rpx;
|
||||
border-radius: 45rpx;
|
||||
background: #e2231a;
|
||||
}
|
||||
|
||||
.home-push-wrap .image-text .pic{ width: 600rpx; height: 300rpx;}
|
||||
|
||||
.home-push-wrap .image-only .pic{width: 600rpx; height: 420rpx;}
|
||||
|
||||
.home-push .cuopon .cuopon-title{
|
||||
width: 600rpx;
|
||||
height: 250rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.home-push-wrap image{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.home-push .cuopon .list {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.home-push .cuopon .list .item {
|
||||
margin-top: 20rpx;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
background: #fff9eb;
|
||||
}
|
||||
|
||||
.home-push .cuopon .item .info {
|
||||
flex: 1;
|
||||
padding: 20rpx;
|
||||
border: 1px solid #ffe4d8;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.home-push .cuopon .item .info .num {
|
||||
color: #e2231a;
|
||||
}
|
||||
|
||||
.home-push .cuopon .item .info .sub {
|
||||
}
|
||||
|
||||
.home-push .cuopon .item .explan {
|
||||
position: relative;
|
||||
width: 120rpx;
|
||||
padding: 20rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
border: 1px solid #ffe4d8;
|
||||
border-left: 2px dashed #ffe4d8;
|
||||
border-radius: 16rpx;
|
||||
background: #ff553c;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.home-push .cuopon .item .explan .name {
|
||||
font-size: 30rpx;
|
||||
color: #fff9eb;
|
||||
}
|
||||
|
||||
.home-push .cuopon .item .explan .sub {
|
||||
color: #ff9897;
|
||||
}
|
||||
|
||||
.home-push .cuopon .list .explan::before,
|
||||
.home-push .cuopon .list .explan::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 20rpx;
|
||||
height: 10rpx;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.home-push .cuopon .list .explan::before {
|
||||
left: -10rpx;
|
||||
top: -1px;
|
||||
border-radius: 0 0 10rpx 10rpx;
|
||||
}
|
||||
|
||||
.home-push .cuopon .list .explan::after {
|
||||
left: -10rpx;
|
||||
bottom: -1px;
|
||||
border-radius: 10rpx 10rpx 0 0;
|
||||
}
|
||||
|
||||
.home-push-wrap .close-btns {
|
||||
margin: 50rpx auto 0;
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
background: none;
|
||||
border: 2px solid #ffffff;
|
||||
}
|
||||
|
||||
.home-push-wrap .close-btns .iconfont {
|
||||
color: #ffffff;
|
||||
}
|
||||
</style>
|
||||
761
pages/index/index.vue
Normal file
761
pages/index/index.vue
Normal file
@ -0,0 +1,761 @@
|
||||
<template>
|
||||
<view :data-theme='theme()' :class="theme() || ''">
|
||||
<view class="top_head pr" :style="'background-color: '+bgcolor+';'">
|
||||
<!-- #ifndef MP-WEIXIN-->
|
||||
<view class="state_top"></view>
|
||||
<!-- #endif -->
|
||||
<view class="head_top" :style="'height:'+topBarTop()+'px;'"></view>
|
||||
<view class="d-b-c" :style="topBarHeight() == 0 ? '': 'height:'+topBarHeight()+'px;'">
|
||||
<view class="index_log">
|
||||
<image :src="toplogo || ''" mode=""></image>
|
||||
</view>
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<view class="d-s-c flex-1">
|
||||
<view class="top_search special" :style="'height:'+topBarHeight()+' px;color:'+bgcolor+';'"
|
||||
@click="showSearch=true">
|
||||
<text class="icon iconfont icon-sousuo" :style="'color:'+bgcolor+';'"></text>搜索商品
|
||||
</view>
|
||||
<view class="top_search_right" @click="scanQrcode"><text
|
||||
class="icon iconfont icon-saoyisao1"></text></view>
|
||||
</view>
|
||||
<view class="d-e-c p-0-20">
|
||||
<view class="news pr" @click="gotoPage('/pages/plus/chat/chat_list')">
|
||||
<image class="chat" src="../../static/icon/chat.png" mode=""></image>
|
||||
<view class="newsnum" v-if="msgNum">{{msgNum}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<view class="d-s-c flex-1">
|
||||
<view class="top_search search-wx" :style="'height:'+topBarHeight()+' px;color:'+bgcolor+';'"
|
||||
@click="showSearch=true">
|
||||
<text class="icon iconfont icon-sousuo" :style="'color:'+bgcolor+';'"></text>搜索商品
|
||||
</view>
|
||||
<view class="top_search_right" @click="scanQrcode"><text
|
||||
class="icon iconfont icon-saoyisao1"></text></view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
<view class="nuter" v-if="openCategory.open">
|
||||
<navBar style="width: 100%;" :color='openCategory.color' @currentIndex="setIndex" :currentI="thisindex"
|
||||
:navList="category_list">
|
||||
</navBar>
|
||||
</view>
|
||||
<view style="height: 20rpx;" v-else></view>
|
||||
</view>
|
||||
<view class="top_bg" :style="'background-color: '+bgcolor+';'">
|
||||
</view>
|
||||
<view>
|
||||
<view v-if='thisindex==0'>
|
||||
<diy style="position: relative;" :diyItems="items"></diy>
|
||||
</view>
|
||||
<view v-if='thisindex!=0'>
|
||||
<view class="product-list">
|
||||
<view v-for="(pitem,pindex) in product_list" :key='pindex' class="product_item o-h"
|
||||
:class="pindex%2==1?'product_item_right':''"
|
||||
@click="gotoPage('/pages/product/detail/detail?product_id='+pitem.product_id)">
|
||||
<view>
|
||||
<image :src="pitem.product_image" mode="" style="width: 345rpx;height: 345rpx;"></image>
|
||||
</view>
|
||||
<view class="text-ellipsis-2 f26 pro_name p-0-20 mt20">{{pitem.product_name}}</view>
|
||||
<view class="mt36 mb20 p-0-20">
|
||||
<text class="f20 fb redF6">￥</text>
|
||||
<text class="f32 fb redF6">{{pitem.product_sku.product_price}}</text>
|
||||
<text class="text-d-line f20 gray9 ml10">￥</text>
|
||||
<text class="text-d-line f24 gray9">{{pitem.product_sku.line_price}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 没有记录 -->
|
||||
<view class="d-c-c p30 ww100" v-if="product_list.length == 0 && !loading">
|
||||
<text class="iconfont icon-wushuju"></text>
|
||||
<text class="cont">亲，暂无相关记录哦</text>
|
||||
</view>
|
||||
<uni-load-more v-else :loadingType="loadingType"></uni-load-more>
|
||||
</view>
|
||||
</view>
|
||||
<!-- </scroll-view> -->
|
||||
|
||||
<!--点击收藏-->
|
||||
<view class="collection-box" v-if="is_collection" :style="'top:'+(topBarTop() + topBarHeight() + 10)+'px;'">
|
||||
<view class="inner">
|
||||
<text>
|
||||
点击“</text>
|
||||
<text class="point">.</text>
|
||||
<text class="point point-big">.</text>
|
||||
<text class="point">.</text>
|
||||
<text>”添加到我的小程序，\n微信首页下拉即可快速访问店铺
|
||||
</text>
|
||||
</view>
|
||||
<button type="primary" class="close-btn" @click="is_collection=false">x</button>
|
||||
</view>
|
||||
|
||||
<!--关注公众号-->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<view class="follow-gzh" :class="is_auto?'is_auto':''" v-if="is_follow=='1'">
|
||||
<text class="icon iconfont icon-guanbi" @click="is_follow=0"></text>
|
||||
<official-account></official-account>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
|
||||
<!--首页推送-->
|
||||
<Homepush v-if="is_homepush" :homepush_data="homepush_data"></Homepush>
|
||||
<searchProduct :isShow='showSearch' @close="closeSearch"></searchProduct>
|
||||
<tabBar></tabBar>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import diy from '@/components/diy/diy.vue';
|
||||
import Homepush from './home-push/home-push.vue';
|
||||
import navBar from '@/components/navBar/navBar.vue'
|
||||
import uniLoadMore from '@/components/uni-load-more.vue';
|
||||
import searchProduct from '@/components/searchProduct.vue';
|
||||
|
||||
import config from '@/config.js';
|
||||
export default {
|
||||
components: {
|
||||
diy,
|
||||
Homepush,
|
||||
navBar,
|
||||
uniLoadMore,
|
||||
searchProduct
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
/*是否正在加载*/
|
||||
loading: false,
|
||||
background: '',
|
||||
listData: [],
|
||||
indicatorDots: true,
|
||||
autoplay: true,
|
||||
interval: 2000,
|
||||
duration: 500,
|
||||
items: [],
|
||||
/*收藏引导*/
|
||||
is_collection: false,
|
||||
/*关注*/
|
||||
is_follow: '0',
|
||||
/*是否首页推送*/
|
||||
is_homepush: false,
|
||||
/*首页推送数据*/
|
||||
homepush_data: {},
|
||||
triggered: true,
|
||||
target: 0,
|
||||
thisindex: 0,
|
||||
category_list: [],
|
||||
product_list: [],
|
||||
page: 1,
|
||||
last_page: 0,
|
||||
no_more: false,
|
||||
indexStop: 0,
|
||||
title_name: '',
|
||||
bgcolor: '',
|
||||
msgNum: 0,
|
||||
title_image: false,
|
||||
toplogo: '',
|
||||
url: '',
|
||||
jweixin: null,
|
||||
showSearch: false,
|
||||
openCategory: {
|
||||
color: "#000000",
|
||||
open: 0
|
||||
},
|
||||
is_auto:0,
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
'thisindex': function(n, o) {
|
||||
if (n != o) {
|
||||
this.category_id = this.category_list[n].category_id;
|
||||
this.toggleInit();
|
||||
if (n != 0) {
|
||||
this.getProduct()
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
/*加载中状态*/
|
||||
loadingType() {
|
||||
if (this.loading) {
|
||||
return 1;
|
||||
} else {
|
||||
if (this.product_list.length != 0 && this.no_more) {
|
||||
return 2;
|
||||
} else {
|
||||
return 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
onTabItemTap() {
|
||||
//#ifdef H5
|
||||
if (process.env.NODE_ENV === 'production') {
|
||||
window.location.href = config.app_url + config.h5_addr + '/pages/index/index';
|
||||
}
|
||||
//#endif
|
||||
},
|
||||
onShow() {
|
||||
this.getTabBarLinks();
|
||||
},
|
||||
onLoad() {
|
||||
//#ifdef H5
|
||||
if (this.isWeixin()) {
|
||||
this.url = window.location.href;
|
||||
}
|
||||
//#endif
|
||||
this._freshing = false;
|
||||
/*获取订单列表*/
|
||||
this.getData();
|
||||
this.getList();
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
if (this.thisindex == 0) {
|
||||
this.getData();
|
||||
} else {
|
||||
this.toggleInit();
|
||||
this.getProduct();
|
||||
}
|
||||
},
|
||||
onReachBottom() {
|
||||
this.scrolltolowerFunc();
|
||||
console.log('到底了')
|
||||
},
|
||||
methods: {
|
||||
/*获取首页分类*/
|
||||
getData() {
|
||||
let self = this;
|
||||
uni.showLoading({
|
||||
title: '加载中'
|
||||
});
|
||||
self._get('index/index', {
|
||||
url: self.url
|
||||
}, function(res) {
|
||||
let auto = uni.getStorageSync('TabBar').is_auto && uni.getStorageSync('TabBar').is_auto != 0;
|
||||
self.is_auto = auto;
|
||||
self.listData = res.data.list;
|
||||
self.background = res.data.background;
|
||||
self.items = res.data.items;
|
||||
self.title_name = res.data.page.params.title;
|
||||
self.bgcolor = res.data.page.style.titleBackgroundColor;
|
||||
self.msgNum = res.data.msgNum;
|
||||
self.toplogo = res.data.page.style.toplogo;
|
||||
self.setPage(res.data.page);
|
||||
self.title_type = res.data.page.params.title_type;
|
||||
self.titleTextColor = res.data.page.style.titleTextColor;
|
||||
self.openCategory = res.data.page.category;
|
||||
//弹出收藏
|
||||
// #ifdef MP-WEIXIN
|
||||
let isFirst = uni.getStorageSync('isFirst');
|
||||
if (isFirst == '' && res.data.setting.collection.status == '1') {
|
||||
self.is_collection = true;
|
||||
uni.setStorageSync('isFirst', 1);
|
||||
}
|
||||
self.is_follow = res.data.setting.officia.status;
|
||||
// #endif
|
||||
// 首页推送
|
||||
let homepush_name = uni.getStorageSync('homepush_name');
|
||||
if (res.data.setting.homepush.is_open && homepush_name != res.data.setting.homepush.name) {
|
||||
self.homepush_data = res.data.setting.homepush;
|
||||
self.is_homepush = true;
|
||||
self.is_homepush = true;
|
||||
}
|
||||
// 配置微信扫一扫参数
|
||||
//#ifdef H5
|
||||
if (self.url != '') {
|
||||
self.jweixin = self.configWxScan(res.data.signPackage);
|
||||
}
|
||||
//#endif
|
||||
uni.hideLoading();
|
||||
self.loadding = false;
|
||||
uni.stopPullDownRefresh();
|
||||
});
|
||||
},
|
||||
/*获取数据*/
|
||||
getList() {
|
||||
let self = this;
|
||||
self._get('product.category/index', {}, function(res) {
|
||||
self.category_list = res.data.list;
|
||||
let fistIndex = {
|
||||
name: '推荐',
|
||||
category_id: '0'
|
||||
}
|
||||
self.category_list.unshift(fistIndex)
|
||||
});
|
||||
},
|
||||
/*获取数据*/
|
||||
getProduct() {
|
||||
let self = this;
|
||||
let page = self.page;
|
||||
self.loading = true;
|
||||
self._get('product.product/lists', {
|
||||
page: page || 1,
|
||||
category_id: self.category_id,
|
||||
search: '',
|
||||
sortType: 'all',
|
||||
sortPrice: 0,
|
||||
list_rows: 10,
|
||||
}, function(res) {
|
||||
self.loading = false;
|
||||
uni.stopPullDownRefresh();
|
||||
self.product_list = self.product_list.concat(res.data.list.data);
|
||||
self.last_page = res.data.list.last_page;
|
||||
if (res.data.list.last_page <= 1) {
|
||||
self.no_more = true;
|
||||
}
|
||||
// #ifdef MP
|
||||
if (page >= 9) {
|
||||
self.no_more = true;
|
||||
}
|
||||
// #endif
|
||||
});
|
||||
},
|
||||
/*可滚动视图区域到底触发*/
|
||||
scrolltolowerFunc() {
|
||||
let self = this;
|
||||
if (self.page < self.last_page) {
|
||||
self.page++;
|
||||
self.getProduct();
|
||||
}
|
||||
self.no_more = true;
|
||||
},
|
||||
/*设置页面*/
|
||||
setPage(page) {
|
||||
|
||||
uni.setNavigationBarTitle({
|
||||
title: page.params.name
|
||||
});
|
||||
|
||||
let colors = '#000000';
|
||||
if (page.style.titleTextColor == 'white') {
|
||||
//字母要小写
|
||||
colors = '#ffffff'
|
||||
}
|
||||
uni.setNavigationBarColor({
|
||||
frontColor: colors,
|
||||
backgroundColor: page.style.titleBackgroundColor
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
/*分享当前页面*/
|
||||
onShareAppMessage() {
|
||||
let self = this;
|
||||
return {
|
||||
title: self.page.params.share_title,
|
||||
path: '/pages/index/index?' + self.getShareUrlParams(),
|
||||
};
|
||||
},
|
||||
setTabBarItem(n) {
|
||||
if (n == 2) {
|
||||
console.log('订单')
|
||||
uni.setTabBarItem({
|
||||
index: 2,
|
||||
pagePath: '/pages/order/myorder',
|
||||
text: '订单',
|
||||
iconPath: 'static/order.png',
|
||||
selectedIconPath: 'static/order_active.png',
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
toggleInit() {
|
||||
this.page = 1;
|
||||
this.last_page = 0;
|
||||
this.no_more = false;
|
||||
this.product_list = [];
|
||||
},
|
||||
//点击nav控制下面的展示
|
||||
setIndex(e) {
|
||||
this.thisindex = e
|
||||
},
|
||||
/* 禁止手动滑动 */
|
||||
stopTouchMove() {
|
||||
return true
|
||||
},
|
||||
/*扫一扫核销*/
|
||||
scanQrcode: function() {
|
||||
let self = this;
|
||||
//#ifdef H5
|
||||
// 只允许通过相机扫码
|
||||
self.jweixin.scanQRCode({
|
||||
needResult: 1,
|
||||
scanType: ["qrCode", "barCode"],
|
||||
success: function(res) {
|
||||
self.gotoPage('/pages/store/clerkorder?order_no=' + res.resultStr);
|
||||
},
|
||||
error: function(res) {
|
||||
uni.showToast({
|
||||
title: '扫码失败，请重试'
|
||||
})
|
||||
}
|
||||
});
|
||||
//#endif
|
||||
//#ifndef H5
|
||||
// 只允许通过相机扫码
|
||||
uni.scanCode({
|
||||
onlyFromCamera: true,
|
||||
success: function(res) {
|
||||
if (res.errMsg == 'scanCode:ok') {
|
||||
self.gotoPage('/pages/store/clerkorder?order_no=' + res.result);
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '扫码失败，请重试'
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
//#endif
|
||||
},
|
||||
/* 关闭搜索 */
|
||||
closeSearch() {
|
||||
this.showSearch = false;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.bg-f2 {
|
||||
background-color: #F2F2F2;
|
||||
}
|
||||
|
||||
.top_head {
|
||||
line-height: 30px;
|
||||
z-index: 1;
|
||||
padding-left: 26rpx;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.head_top {
|
||||
width: 100%;
|
||||
height: var(--status-bar-height);
|
||||
}
|
||||
|
||||
.index_log {
|
||||
/* width: 154rpx; */
|
||||
min-height: 46rpx;
|
||||
line-height: 46rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: 800;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.index_log image {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
|
||||
.top_search {
|
||||
/* width: 380rpx; */
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 30rpx 0 0 30rpx;
|
||||
font-size: 30rpx;
|
||||
margin-left: 10rpx;
|
||||
color: #EE1413;
|
||||
font-weight: 800;
|
||||
|
||||
}
|
||||
|
||||
.top_search.search-wx {
|
||||
width: 385rpx;
|
||||
}
|
||||
|
||||
.top_search.special {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.top_search_right {
|
||||
background: #FFFFFF;
|
||||
border-radius: 0 30rpx 30rpx 0;
|
||||
height: 60rpx;
|
||||
position: relative;
|
||||
/* padding: 0 20rpx; */
|
||||
/* border-left: 1rpx solid #D9D9D9; */
|
||||
}
|
||||
|
||||
.top_search_right::before {
|
||||
content: ' ';
|
||||
width: 1rpx;
|
||||
height: 20rpx;
|
||||
background-color: #D9D9D9;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.top_search_right .icon-saoyisao1 {
|
||||
padding: 0 20rpx;
|
||||
/* border-left: 1rpx solid #D9D9D9; */
|
||||
}
|
||||
|
||||
.top_search .icon-sousuo {
|
||||
font-size: 30rpx;
|
||||
color: #EE1413;
|
||||
margin-left: 20rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.top_bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 0;
|
||||
width: 750rpx;
|
||||
height: 350rpx;
|
||||
}
|
||||
|
||||
.top_bg image {
|
||||
width: 750rpx;
|
||||
height: 350rpx;
|
||||
}
|
||||
|
||||
.nuter {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
font-size: 35rpx;
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.nuter view {
|
||||
flex: 1;
|
||||
font-size: 30rpx;
|
||||
text-align: center;
|
||||
transition: all 0.5s ease .1s;
|
||||
}
|
||||
|
||||
swiper {
|
||||
height: 80vh;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.swiper-item {
|
||||
overflow-y: scroll;
|
||||
width: 100%;
|
||||
height: 99%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.banner {
|
||||
height: 240upx;
|
||||
width: 710upx;
|
||||
}
|
||||
|
||||
.banner image {
|
||||
width: 710rpx;
|
||||
height: 240rpx;
|
||||
}
|
||||
|
||||
.new-people .group-bd {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.new-people .list {
|
||||
padding-right: 30rpx;
|
||||
}
|
||||
|
||||
.new-people .list .item {
|
||||
width: 180rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.new-people .list .price {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.new-people .list .price .num {
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.new-people .list button {
|
||||
font-size: 24rpx;
|
||||
background: #6170ff;
|
||||
}
|
||||
|
||||
.new-people .list image {
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
border: 1px dashed #cccccc;
|
||||
}
|
||||
|
||||
.new-people .other {
|
||||
width: 230rpx;
|
||||
}
|
||||
|
||||
.new-people .other image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.group-seckill .left .iconfont {
|
||||
margin-right: 8rpx;
|
||||
color: rgb(226, 35, 26);
|
||||
font-size: 40rpx;
|
||||
}
|
||||
|
||||
.group-seckill .list .item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
width: 150rpx;
|
||||
height: 230rpx;
|
||||
border: 1px dashed #cccccc;
|
||||
}
|
||||
|
||||
.group-seckill .list text {
|
||||
line-height: 60rpx;
|
||||
color: #e2231a;
|
||||
}
|
||||
|
||||
.group-seckill .list image {
|
||||
width: 150rpx;
|
||||
height: 150rpx;
|
||||
}
|
||||
|
||||
.group-hd .datetime .time {
|
||||
padding: 4rpx;
|
||||
background: #e2231a;
|
||||
color: #ffffff;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
.group-hd .datetime .point {
|
||||
padding: 0 10rpx;
|
||||
color: #e2231a;
|
||||
}
|
||||
|
||||
.collection-box {
|
||||
position: fixed;
|
||||
width: 380rpx;
|
||||
padding: 20rpx;
|
||||
top: 20rpx;
|
||||
right: 20rpx;
|
||||
line-height: 40rpx;
|
||||
font-size: 24rpx;
|
||||
border-radius: 16rpx;
|
||||
background: #ffffff;
|
||||
border: 1px solid #eeeeee;
|
||||
box-shadow: 0 0 6rpx 0 rgba(0, 0, 0, .08);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.collection-box::after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
display: block;
|
||||
right: 140rpx;
|
||||
top: -15rpx;
|
||||
transform: rotate(45deg);
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
transform: rotate;
|
||||
background: #FFFFFF;
|
||||
border-left: 1px solid #eeeeee;
|
||||
border-top: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.collection-box .point {
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
font-size: 60rpx;
|
||||
line-height: 0;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.collection-box .point-big {
|
||||
font-size: 80rpx;
|
||||
}
|
||||
|
||||
.collection-box .close-btn {
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
right: 10rpx;
|
||||
top: 10rpx;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
line-height: 30rpx;
|
||||
background: #FFFFFF;
|
||||
color: #999999;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.follow-gzh {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: calc(var(--window-bottom));
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 0 20rpx 0 rgba(0, 0, 0, .1);
|
||||
background: #FFFFFF;
|
||||
z-index: 10;
|
||||
}
|
||||
.follow-gzh.is_auto{
|
||||
bottom: calc(env(safe-area-inset-bottom) + 98rpx);
|
||||
}
|
||||
.follow-gzh .iconfont {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 10rpx;
|
||||
top: 10rpx;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.product-list {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.product_item {
|
||||
width: 345rpx;
|
||||
margin: 20rpx;
|
||||
border-radius: 12rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.product_item.product_item_right {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.product_item .pro_name {
|
||||
height: 68rpx;
|
||||
line-height: 34rpx;
|
||||
}
|
||||
|
||||
.chat {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.newsnum {
|
||||
position: absolute;
|
||||
top: -8rpx;
|
||||
right: -16rpx;
|
||||
z-index: 100;
|
||||
border-radius: 50%;
|
||||
width: 25rpx;
|
||||
height: 25rpx;
|
||||
text-align: center;
|
||||
line-height: 25rpx;
|
||||
color: #FFFFFF;
|
||||
background-color: #ff6633;
|
||||
padding: 5rpx;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user