wangxiaowei/xiuhuwangqiu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善页面

Browse Source
This commit is contained in:
wangxiaowei
2025-10-23 15:19:38 +08:00
parent f29b2404a5
commit d296723b97
33 changed files with 3913 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
pages/index/index.vue
View File

@ -1,32 +1,32 @@
<template>
<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="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="title" :style="topBarHeight() == 0 ? '' : 'height:' + topBarHeight() + 'px;'">
秀湖网球中心
</view>
</view>
<view :style="'background: url(../../static/bg.png) no-repeat; background-size:100% auto;'">
<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 class="notice">
<image style="width: 40rpx;height: 40rpx;" src="../../static/icon/notice.png" mode=""></image>
<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>
<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>
<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>
<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>
@ -41,11 +41,11 @@
<view class="ball">
<view class="ball-info">
<image style="width: 690rpx;height: 320rpx;" src="../../static/lqzx.png" mode="aspectFit"></image>
<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>
<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>
@ -62,48 +62,46 @@
<!-- 热门活动 -->
<view class="info">
<view class="title">
<image style="width: 126rpx;height: 36rpx;" src="../../static/rmhd.png" mode=""></image>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<image style="width: 64rpx;height: 64rpx;margin-top: 2rpx" src="@/static/icon/mobile.png" mode=""></image>
<view class="mark-text">电话</view>
</view>
</view>
</view>
</view>
</view>