完善页面
This commit is contained in:
wangxiaowei
5
.idea/.gitignore
generated
vendored
Normal file
5
.idea/.gitignore
generated
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# Editor-based HTTP Client requests
|
||||
/httpRequests/
|
||||
14
.idea/UniappTool.xml
generated
Normal file
14
.idea/UniappTool.xml
generated
Normal file
@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="cn.fjdmy.uniapp.UniappProjectDataService">
|
||||
<option name="basePath" value="$PROJECT_DIR$" />
|
||||
<option name="generalBasePath" value="$PROJECT_DIR$" />
|
||||
<option name="manifestPath" value="$PROJECT_DIR$/manifest.json" />
|
||||
<option name="pagesPath" value="$PROJECT_DIR$/pages.json" />
|
||||
<option name="scanNum" value="1" />
|
||||
<option name="subProject" value="true" />
|
||||
<option name="type" value="store" />
|
||||
<option name="uniapp" value="true" />
|
||||
<option name="uniappHx" value="true" />
|
||||
</component>
|
||||
</project>
|
||||
8
.idea/modules.xml
generated
Normal file
8
.idea/modules.xml
generated
Normal file
@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/xiuhu.iml" filepath="$PROJECT_DIR$/.idea/xiuhu.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
7
.idea/uniappSupport.xml
generated
Normal file
7
.idea/uniappSupport.xml
generated
Normal file
@ -0,0 +1,7 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="UniappSupport">
|
||||
<option name="pluginEnabled" value="true" />
|
||||
<option name="uniapp" value="true" />
|
||||
</component>
|
||||
</project>
|
||||
6
.idea/vcs.xml
generated
Normal file
6
.idea/vcs.xml
generated
Normal file
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
12
.idea/xiuhu.iml
generated
Normal file
12
.idea/xiuhu.iml
generated
Normal file
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$">
|
||||
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
||||
</content>
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
60
bundle/reserve/details.vue
Normal file
60
bundle/reserve/details.vue
Normal file
@ -0,0 +1,60 @@
|
||||
<template>
|
||||
<view class="">
|
||||
<navbar title="预约网球场馆"></navbar>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import navbar from '@/components/navbar.vue';
|
||||
export default {
|
||||
components: {
|
||||
navbar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
|
||||
onLoad(args) {
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.s-title {
|
||||
font-size: 36rpx;
|
||||
color: #303133;
|
||||
line-height: 50rpx;
|
||||
margin-left: 24rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
4
common/ball.js
Normal file
4
common/ball.js
Normal file
@ -0,0 +1,4 @@
|
||||
export const BallType = {
|
||||
Tennis: 1, // 网球
|
||||
Basketball: 2 // 篮球
|
||||
}
|
||||
@ -625,6 +625,14 @@ button.btn-gray-border[disabled][type=primary] {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.a-i-c {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.a-i-s {
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.d-c-c {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
65
components/navbar.vue
Normal file
65
components/navbar.vue
Normal file
@ -0,0 +1,65 @@
|
||||
<template>
|
||||
<view class="">
|
||||
<view class="top_head pr" :style="'background-color:#fff;'">
|
||||
<view class="head_top" :style="'height:' + topBarTop() + 'px;'"></view>
|
||||
<view class="title" :style="topBarHeight() == 0 ? '' : 'height:' + topBarHeight() + 'px;'">
|
||||
<image style="width: 48rpx;height: 48rpx;margin-top: 2rpx" src="@/static/icon/back2.png" mode=""></image>
|
||||
<view class="s-title">{{ title }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
title: {
|
||||
type: String,
|
||||
default: '标题'
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.s-title {
|
||||
font-size: 36rpx;
|
||||
color: #303133;
|
||||
line-height: 50rpx;
|
||||
margin-left: 24rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -85,7 +85,7 @@
|
||||
align-items: flex-start;
|
||||
width: 600upx;
|
||||
/* height:800upx; */
|
||||
border-radius: 10upx;
|
||||
border-radius: 16upx;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
@ -192,5 +192,6 @@
|
||||
"enable" : false
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"sassImplementationName": "node-sass"
|
||||
}
|
||||
|
||||
11
pages.json
11
pages.json
@ -953,6 +953,17 @@
|
||||
|
||||
}
|
||||
],
|
||||
"subPackages": [{
|
||||
"root": "bundle",
|
||||
"pages": [
|
||||
{
|
||||
"path": "reserve/details",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
]
|
||||
}],
|
||||
"globalStyle": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "uni-app",
|
||||
|
||||
@ -1,108 +1,164 @@
|
||||
<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 :data-theme="theme()" :class="theme() || ''" style="padding-bottom: 44rpx;">
|
||||
<view class="top_head pr" :style="'background-image: url(../../static/bg.png); background-size:100% auto;background-color:#F6F7F9;'">
|
||||
<view class="head_top" :style="'height:' + topBarTop() + 'px;'"></view>
|
||||
<view class="d-b-c" :style="topBarHeight() == 0 ? '' : 'height:' + topBarHeight() + 'px;'">
|
||||
<view class="index_log">
|
||||
<text :style="'color:' + titleTextColor + ';'" v-if="title_type == 'text'">{{ title_name }}</text>
|
||||
<image v-else :src="toplogo || '/static/logo.png'" mode="heightFix"></image>
|
||||
</view>
|
||||
<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 d-c-c" @click="scanQrcode"><text class="icon iconfont icon-saoyisao1"></text></view>
|
||||
</view>
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<view class="d-e-c p-0-20"></view>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<view class="wx-top-right"></view>
|
||||
<!-- #endif -->
|
||||
<view class="title" :style="topBarHeight() == 0 ? '' : 'height:' + topBarHeight() + 'px;'">
|
||||
秀湖网球中心
|
||||
</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 :style="'background: url(../../static/bg.png) no-repeat; background-size:100% auto;'">
|
||||
<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 class="notice">
|
||||
<image style="width: 40rpx;height: 40rpx;" src="../../static/icon/notice.png" mode=""></image>
|
||||
<view class="notice-txt">目前仅开放1-2号场地预约，3-6号场地预约敬请期待</view>
|
||||
</view>
|
||||
|
||||
<!-- 预约球馆 -->
|
||||
<view class="info">
|
||||
<view class="title">
|
||||
<image style="width: 126rpx;height: 36rpx;" src="../../static/yycg.png" mode=""></image>
|
||||
<view class="title-txt">更多场馆信息立即预约</view>
|
||||
</view>
|
||||
<view class="ball">
|
||||
<view class="ball-info">
|
||||
<image style="width: 690rpx;height: 320rpx;" src="../../static/wqzx.png" mode="aspectFit"></image>
|
||||
<view class="ball-title">
|
||||
<image style="width: 108rpx;height: 160rpx;" src="../../static/wq.png" mode="aspectFill"></image>
|
||||
<view style="background-image: url(../../static/wqbg.png);">
|
||||
<image style="width: 160rpx;height: 44rpx;" src="../../static/wqyd_txt.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="ball-time">
|
||||
<view class="ball-center-title">秀湖网球中心</view>
|
||||
<view class="d-b-c">
|
||||
<view class="reserve-time">营业时间：06:00-22:00</view>
|
||||
<view class="reserve-btn" @tap="handleToReserve(BallType.Tennis)">立即预约</view>
|
||||
</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 class="ball">
|
||||
<view class="ball-info">
|
||||
<image style="width: 690rpx;height: 320rpx;" src="../../static/lqzx.png" mode="aspectFit"></image>
|
||||
<view class="ball-title" style="bottom: 24rpx; left: 28rpx;">
|
||||
<image style="width: 64rpx;height: 64rpx;" src="../../static/lq.png" mode="aspectFill"></image>
|
||||
<view style="background-image: url(../../static/wqbg.png); bottom: 0; left: 20rpx;" >
|
||||
<image style="width: 160rpx;height: 44rpx;" src="../../static/lqyd_txt.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="ball-time">
|
||||
<view class="ball-center-title">秀湖蓝球中心</view>
|
||||
<view class="d-b-c ">
|
||||
<view class="reserve-time">营业时间：06:00-22:00</view>
|
||||
<view class="reserve-btn" @tap="handleToReserve(BallType.Basketball)">立即预约</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 热门活动 -->
|
||||
<view class="info">
|
||||
<view class="title">
|
||||
<image style="width: 126rpx;height: 36rpx;" src="../../static/rmhd.png" mode=""></image>
|
||||
<view class="title-txt">更多精彩赛事敬请关注</view>
|
||||
</view>
|
||||
|
||||
<view class="">
|
||||
<image style="width: 690rpx;height: 292rpx; margin-top: 20rpx;" src="../../static/jcss.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 联系我们 -->
|
||||
<view class="contact">
|
||||
<view class="d-f a-i-c">
|
||||
<image style="width: 126rpx;height: 36rpx; margin-right: 18rpx;" src="../../static/lxwm.png" mode=""></image>
|
||||
<image style="width: 168rpx;height: 28rpx;" src="../../static/contact_us.png" mode=""></image>
|
||||
</view>
|
||||
<view class="d-b-c" style="margin-top: 34rpx;">
|
||||
<view>
|
||||
<image style="width: 116rpx;height: 134rpx;" src="../../static/kf.png" mode=""></image>
|
||||
</view>
|
||||
<view class="">
|
||||
<view class="d-f">
|
||||
<image style="width: 24rpx;height: 24rpx;margin-top: 4rpx;" src="../../static/icon/address.png" mode=""></image>
|
||||
<view class="address-time">嘉兴市秀洲区秀园路秀湖公园（西南角）</view>
|
||||
</view>
|
||||
|
||||
<view class="d-f" style="margin-top: 8rpx;">
|
||||
<image style="width: 24rpx;height: 24rpx;margin-top: 2rpx" src="../../static/icon/time.png" mode=""></image>
|
||||
<view class="address-time" style="height: 32rpx;">营业时间：08:00-20:00</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="d-f">
|
||||
<view class="d-f d-c a-i-c" style="margin-right: 20rpx;" @tap="handleLocation">
|
||||
<image style="width: 64rpx;height: 64rpx;margin-top: 2rpx" src="../../static/icon/share.png" mode=""></image>
|
||||
<view class="mark-text">导航</view>
|
||||
</view>
|
||||
<view class="d-f d-c a-i-c" @tap="handleCall">
|
||||
<image style="width: 64rpx;height: 64rpx;margin-top: 2rpx" src="../../static/icon/mobile.png" mode=""></image>
|
||||
<view class="mark-text">电话</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</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" 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>
|
||||
|
||||
<!-- 公告 -->
|
||||
<Popup :show="noticePopup">
|
||||
<view class="notice-popup">
|
||||
<view class="title">公告</view>
|
||||
<view class="desc">目前仅开放1-2号场地预约，3-6号场地预约敬请期待</view>
|
||||
|
||||
<view class="btn" @tap="handleKnow(1)">我知道了</view>
|
||||
</view>
|
||||
</Popup>
|
||||
|
||||
<!-- 温馨提示 -->
|
||||
<Popup :show="tipsPopup">
|
||||
<view class="notice-popup">
|
||||
<view class="title">温馨提示</view>
|
||||
<view class="desc">
|
||||
尊敬的客户，感谢您的关注。为提
|
||||
供更全面优质的服务，我们正在对手
|
||||
机端相关功能进行最后的优化与升
|
||||
级。该精彩板块即将与您见面，敬请
|
||||
期待！
|
||||
</view>
|
||||
<view class="btn" @tap="handleKnow(2)">我知道了</view>
|
||||
</view>
|
||||
</Popup>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Popup from '@/components/uni-popup.vue';
|
||||
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 { BallType } from '@/common/ball.js';
|
||||
export default {
|
||||
components: {
|
||||
diy,
|
||||
Homepush,
|
||||
navBar,
|
||||
uniLoadMore,
|
||||
searchProduct
|
||||
searchProduct,
|
||||
Popup
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
BallType,
|
||||
loading: true,
|
||||
/*是否正在加载*/
|
||||
loadding: true,
|
||||
@ -144,7 +200,9 @@ export default {
|
||||
openCategory: {
|
||||
color: '#000000',
|
||||
open: 0
|
||||
}
|
||||
},
|
||||
noticePopup: false,
|
||||
tipsPopup: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
@ -472,434 +530,226 @@ export default {
|
||||
}, 3000);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
// 处理弹窗确认
|
||||
handleKnow(type) {
|
||||
if (type == 1) {
|
||||
// 公告弹窗关闭
|
||||
this.noticePopup = false;
|
||||
} else if (type == 2) {
|
||||
// 温馨提示关闭
|
||||
this.tipsPopup = false;
|
||||
}
|
||||
},
|
||||
|
||||
// 处理导航
|
||||
handleLocation() {
|
||||
uni.openLocation({
|
||||
latitude: 30.74621,
|
||||
longitude: 120.76055,
|
||||
name: '秀湖网球中心',
|
||||
address: '嘉兴市秀洲区秀园路秀湖公园（西南角）',
|
||||
scale: 18
|
||||
});
|
||||
},
|
||||
|
||||
// 处理拨打电话
|
||||
handleCall() {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: '0573-82069999'
|
||||
});
|
||||
},
|
||||
|
||||
// 场馆预约
|
||||
handleToReserve(type) {
|
||||
uni.navigateTo({
|
||||
url: '/bundle/reserve/details?type=' + type
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.bg-f2 {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
page {
|
||||
background-color: $xh-bg;
|
||||
}
|
||||
|
||||
.top_head {
|
||||
line-height: 30px;
|
||||
z-index: 1;
|
||||
padding-left: 26rpx;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.title {
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
color: #303133;
|
||||
line-height: 50rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.index_log image {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
.notice {
|
||||
margin: 0 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.top_search {
|
||||
/* width: 380rpx; */
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 30rpx 0 0 30rpx;
|
||||
font-size: 30rpx;
|
||||
margin-left: 10rpx;
|
||||
color: #ffffff;
|
||||
font-weight: 800;
|
||||
flex: 1;
|
||||
}
|
||||
.notice-txt {
|
||||
flex: 1;
|
||||
font-weight: 400;
|
||||
font-size: 26rpx;
|
||||
color: #303133;
|
||||
line-height: 36rpx;
|
||||
margin-left: 10rpx;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.top_search.special {
|
||||
width: 100%;
|
||||
}
|
||||
.info {
|
||||
margin: 40rpx 30rpx 0;
|
||||
|
||||
.top_search_right {
|
||||
background: #ffffff;
|
||||
border-radius: 0 30rpx 30rpx 0;
|
||||
height: 60rpx;
|
||||
position: relative;
|
||||
}
|
||||
.title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.top_search_right::before {
|
||||
content: ' ';
|
||||
width: 1rpx;
|
||||
height: 20rpx;
|
||||
background-color: #d9d9d9;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
}
|
||||
.title-txt {
|
||||
flex: 1;
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #818CA9;
|
||||
line-height: 32rpx;
|
||||
margin-left: 16rpx;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.top_search_right .icon-saoyisao1 {
|
||||
padding: 0 20rpx;
|
||||
/* border-left: 1rpx solid #D9D9D9; */
|
||||
}
|
||||
.ball {
|
||||
margin-top: 28rpx;
|
||||
width: 690rpx;
|
||||
|
||||
.top_search .icon-sousuo {
|
||||
font-size: 30rpx;
|
||||
color: #ee1413;
|
||||
margin-left: 20rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.ball-info {
|
||||
position: relative;
|
||||
|
||||
.top_bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 0;
|
||||
width: 750rpx;
|
||||
height: 350rpx;
|
||||
}
|
||||
.ball-title {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 10rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.top_bg image {
|
||||
width: 750rpx;
|
||||
height: 350rpx;
|
||||
}
|
||||
& > view {
|
||||
position: absolute;
|
||||
left: 46rpx;
|
||||
bottom: 28rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-size: 100% auto;
|
||||
width: 300rpx;
|
||||
height: 60rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nuter {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
font-size: 35rpx;
|
||||
padding-bottom: 10rpx;
|
||||
overflow: hidden;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.ball-time {
|
||||
background-color: #fff;
|
||||
border-radius: 0 0 10rpx 10rpx;
|
||||
padding: 30rpx 28rpx 26rpx;
|
||||
|
||||
.nuter view {
|
||||
flex: 1;
|
||||
font-size: 30rpx;
|
||||
text-align: center;
|
||||
transition: all 0.5s ease 0.1s;
|
||||
}
|
||||
.ball-center-title {
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
color: #303133;
|
||||
line-height: 42rpx;
|
||||
|
||||
swiper {
|
||||
height: 80vh;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-item {
|
||||
overflow-y: scroll;
|
||||
width: 100%;
|
||||
height: 99%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.reserve-time {
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #606266;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.foot_ {
|
||||
height: 98rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.reserve-btn {
|
||||
width: 140rpx;
|
||||
height: 52rpx;
|
||||
border-radius: 10rpx;
|
||||
background-color: #365A9A;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 52rpx;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.banner {
|
||||
height: 240upx;
|
||||
width: 710upx;
|
||||
}
|
||||
.contact {
|
||||
margin: 20rpx 30rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
padding: 24rpx 28rpx 0;
|
||||
|
||||
.banner image {
|
||||
width: 710rpx;
|
||||
height: 240rpx;
|
||||
}
|
||||
.address-time {
|
||||
width: 272rpx;
|
||||
height: 64rpx;
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #606266;
|
||||
line-height: 30rpx;
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
|
||||
.new-people .group-bd {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.mark-text {
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #606266;
|
||||
line-height: 34rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.new-people .list {
|
||||
padding-right: 30rpx;
|
||||
}
|
||||
.notice-popup {
|
||||
padding-bottom: 20rpx;
|
||||
|
||||
.title {
|
||||
font-size: 36rpx;
|
||||
color: #303133;
|
||||
line-height: 50rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.new-people .list .item {
|
||||
width: 180rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.desc {
|
||||
margin-top: 48rpx;
|
||||
font-weight: 400;
|
||||
font-size: 32rpx;
|
||||
color: #303133;
|
||||
line-height: 52rpx;
|
||||
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: $dominant-color;
|
||||
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: $dominant-color;
|
||||
}
|
||||
|
||||
.group-seckill .list image {
|
||||
width: 150rpx;
|
||||
height: 150rpx;
|
||||
}
|
||||
|
||||
.group-hd .datetime .time {
|
||||
padding: 4rpx;
|
||||
background: $dominant-color;
|
||||
color: #ffffff;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
.group-hd .datetime .point {
|
||||
padding: 0 10rpx;
|
||||
color: $dominant-color;
|
||||
}
|
||||
|
||||
.every-day-hard .list .item {
|
||||
width: 200rpx;
|
||||
}
|
||||
|
||||
.every-day-hard .list image {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
}
|
||||
|
||||
.every-day-hard .list .pic {
|
||||
position: relative;
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
border: 1px dashed #cccccc;
|
||||
}
|
||||
|
||||
.every-day-hard .list .tips {
|
||||
position: absolute;
|
||||
left: -1px;
|
||||
bottom: -1px;
|
||||
padding: 0 10rpx;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
border-radius: 0 4rpx 0 0;
|
||||
color: #ffffff;
|
||||
background: #ff8a00;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
.every-day-hard .list .tips .iconfont {
|
||||
margin-right: 6rpx;
|
||||
font-size: 24rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.every-day-hard .list .tips .svg-icon {
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
margin-right: 6rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.every-day-hard .list .bottom-box {
|
||||
display: flex;
|
||||
height: 80rpx;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.every-day-hard .list .bottom-box .people {
|
||||
font-size: 24rpx;
|
||||
color: #fb8138;
|
||||
}
|
||||
|
||||
.every-day-hard .list .bottom-box .unit {
|
||||
font-size: 22rpx;
|
||||
color: $dominant-color;
|
||||
}
|
||||
|
||||
.every-day-hard .list .bottom-box .price {
|
||||
font-size: 30rpx;
|
||||
color: $dominant-color;
|
||||
}
|
||||
|
||||
.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, 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, 0.1);
|
||||
background: #ffffff;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.diy-seckillProduct .sharpproduct-head .datetime::v-deep .box {
|
||||
padding: 4rpx 10rpx;
|
||||
font-size: 22rpx;
|
||||
background: #ffebeb;
|
||||
color: #f6220c;
|
||||
}
|
||||
|
||||
.bargainProduct-head .datetime::v-deep .box {
|
||||
padding: 4rpx 10rpx;
|
||||
font-size: 22rpx;
|
||||
background: #ffffff;
|
||||
color: #4b30ff;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.wx-top-right {
|
||||
width: 200rpx;
|
||||
height: 2rpx;
|
||||
}
|
||||
.btn {
|
||||
font-size: 32rpx;
|
||||
background: #365A9A;
|
||||
border-radius: 8rpx;
|
||||
margin: 92rpx 44rpx 0;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
BIN
static/bg.png
Normal file
BIN
static/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 199 KiB |
BIN
static/contact_us.png
Normal file
BIN
static/contact_us.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
static/icon/address.png
Normal file
BIN
static/icon/address.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
static/icon/back2.png
Normal file
BIN
static/icon/back2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 278 B |
BIN
static/icon/mobile.png
Normal file
BIN
static/icon/mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
static/icon/notice.png
Normal file
BIN
static/icon/notice.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
static/icon/share.png
Normal file
BIN
static/icon/share.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
static/icon/time.png
Normal file
BIN
static/icon/time.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 966 B |
BIN
static/jcss.png
Normal file
BIN
static/jcss.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 400 KiB |
BIN
static/kf.png
Normal file
BIN
static/kf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
static/lq.png
Normal file
BIN
static/lq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
static/lqyd_txt.png
Normal file
BIN
static/lqyd_txt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
BIN
static/lqzx.png
Normal file
BIN
static/lqzx.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 500 KiB |
BIN
static/lxwm.png
Normal file
BIN
static/lxwm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
static/rmhd.png
Normal file
BIN
static/rmhd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
static/wq.png
Normal file
BIN
static/wq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
static/wqbg.png
Normal file
BIN
static/wqbg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
static/wqyd_txt.png
Normal file
BIN
static/wqyd_txt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
BIN
static/wqzx.png
Normal file
BIN
static/wqzx.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 486 KiB |
BIN
static/yycg.png
Normal file
BIN
static/yycg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Reference in New Issue
Block a user