- {{item.menu_name}} - - - - - + - - - @@ -339,8 +298,8 @@ + + + + + + + + + + + + + + {{ item.name }} + + + + + + + + + + {{ item.desc }} + + + + + + + + + + + + + + + + + + + + {{subItem.title}} + {{subItem.address}} + + + + ¥{{subItem.hot_products[0].price / 100}} + {{subItem.hot_products[0].title}} + + + + + + + + + + {{subItem.title}} + + + + + + + + + + + + + + + + diff --git a/pages/index/index.wxss b/pages/index/index.wxss index b59d82b..b507b75 100644 --- a/pages/index/index.wxss +++ b/pages/index/index.wxss @@ -7,9 +7,9 @@ overflow-y: auto; background-size: 100% 100%; background-repeat: no-repeat; - padding-bottom: 100rpx; + /* padding-bottom: 100rpx; */ background-color: rgba(80, 84, 136, 1); - background-image: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/index2026/bg.jpg"); + background-image: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/index2026/bgs.jpg"); } .top-img { position: absolute; @@ -1412,4 +1412,341 @@ background-image: url('https://static.ticket.sz-trip.com/jundaosuzhou/images/index2026/btnBg.png'); background-size: 100% 100%; border-radius: 25rpx; /* 按钮圆角 */ - } \ No newline at end of file + } + + + /* ================= 十二时辰样式 ================= */ + + .twelve-container { + width: 750rpx; + left: -25rpx; + position: relative; + overflow: hidden; + margin-top: 30rpx; + } + + /* === 上部:时间轴 === */ + .arc-layout { + width: 100%; + position: relative; + height: 320rpx; /* 增加高度以容纳波浪效果 */ + } + + .bg-line-img { + position: absolute; + width: 100%; + height: 74rpx; + top: 78rpx; /* 调整线条位置 */ + left: 0; + z-index: 0; + pointer-events: none; + } + + /* 横向滚动容器 */ + .nav-scroll-wrapper { + width: 100%; + height: 100%; + white-space: nowrap; + position: relative; + z-index: 1; + /* pointer-events: none; */ + } + + /* 滚动轨道 */ + .nav-track { + display: inline-flex; + align-items: flex-start; + /* 左右留白,让第一个和最后一个可以滚到中间 */ + padding: 0 302rpx; /* (750 - 146) / 2 = 302 */ + box-sizing: border-box; + /* pointer-events: auto; */ + } + + /* 单个时间段容器 */ + .item-box { + display: inline-flex; + flex-direction: column; + align-items: center; + width: 146rpx; + flex-shrink: 0; /* 防止被压缩 */ + position: relative; + z-index: 2; + transition: all 0.3s ease-out; + } + + /* 顶部文字 */ + .item-box .top-text { + height: 40rpx; + line-height: 40rpx; + font-weight: 500; + font-size: 24rpx; + color: rgba(251, 225, 199, .6); + margin-bottom: 6rpx; + text-align: center; + transition: all 0.4s ease-out; + white-space: nowrap; + } + + .item-box.active .top-text { + font-weight: bold; + font-size: 28rpx; + color: #FBE1C7; + } + + /* 图标容器 */ + .item-box .icon-wrapper { + width: 74rpx; + height: 66rpx; + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 6rpx; + } + + .item-box .icon-bg-circle { + width: 74rpx; + height: 66rpx; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + position: relative; + z-index: 3; + } + + .item-box .real-icon { + width: 100%; + height: 100%; + display: block; + } + + /* 描述文字(竖排) */ + .item-box .desc-text { + width: 46rpx; + padding: 10rpx 6rpx; + box-sizing: border-box; + font-weight: 500; + font-size: 24rpx; + color: rgba(251, 225, 199, .6); + + /* 竖排文字 */ + writing-mode: vertical-rl; + + letter-spacing: 5rpx; + transition: all 0.6s ease; + text-align: center; + min-height: 140rpx; + display: flex; + align-items: center; + justify-content: center; + + background-color: transparent; + filter: grayscale(100%); + opacity: 0.5; + } + + .item-box.active .desc-text { + background-image: url('https://static.ticket.sz-trip.com/jundaosuzhou/images/index2026/12bg.png'); + background-size: 100% 100%; + font-weight: bold; + color: #F3531C; + filter: grayscale(0%); + opacity: 1; + } + + /* === 下部:内容区(保持不变) === */ + .content-wrapper { + width: 100%; + } + + .my-swipe { + width: 100%; + min-height: 1500rpx; + } + + .swiper-scroll { + height: 100%; + } + + .slide-card-container { + width: 100%; + padding: 0 26rpx; + box-sizing: border-box; + display: flex; + justify-content: space-between; + flex-wrap: wrap; + } + + /* === 美食卡片样式 === */ + .food-card { + width: 696rpx; + height: 213rpx; + margin: 0 auto 20rpx; + background-image: url('https://static.ticket.sz-trip.com/jundaosuzhou/images/index2026/foodBg.png'); + background-size: 100% 100%; + padding: 26rpx; + display: flex; + background-color: #FBEBD1; + border-radius: 26rpx; + box-sizing: border-box; + } + + .food-card .headimg { + width: 160rpx; + height: 160rpx; + border-radius: 6rpx; + margin-right: 20rpx; + flex-shrink: 0; + } + + .food-card .content { + flex: 1; + min-width: 0; + display: flex; + flex-direction: column; + padding: 6rpx 0; + } + + .food-card .top { + border-bottom: 1rpx solid #CCCCCC; + padding-bottom: 10rpx; + } + + .food-card .title { + font-weight: bold; + font-size: 28rpx; + color: #000000; + margin-bottom: 10rpx; + } + + .food-card .address { + font-weight: 500; + font-size: 24rpx; + color: #999999; + } + + .food-card .bottom { + font-weight: 500; + font-size: 24rpx; + color: #000000; + display: flex; + align-items: center; + padding-top: 13rpx; + } + + .food-card .tag { + width: 28rpx; + height: 28rpx; + background: linear-gradient(139deg, #EF3E17, #F76B22); + border-radius: 6rpx; + font-weight: 500; + font-size: 22rpx; + color: #FFFFFF; + display: flex; + align-items: center; + justify-content: center; + margin-right: 10rpx; + flex-shrink: 0; + } + + .food-card .price { + font-weight: bold; + font-size: 24rpx; + color: #E02D24; + margin-right: 10rpx; + flex-shrink: 0; + } + + /* === 普通卡片样式 === */ + .slide-item { + margin-bottom: 20rpx; + width: 336rpx; + height: 400rpx; + background-size: cover; + background-position: center; + position: relative; + border-radius: 26rpx; + overflow: hidden; + } + + .slide-item .content { + position: absolute; + width: 100%; + height: 133rpx; + background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); + padding: 0 26rpx 26rpx 26rpx; + box-sizing: border-box; + display: flex; + align-items: flex-end; + left: 0; + bottom: 0; + font-weight: 500; + font-size: 28rpx; + color: #FFFFFF; + z-index: 2; + } + + .slide-item .imgBg { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 3; + } + + /* 查看更多按钮 */ + .more-btn-img { + width: 274rpx; + display: block; + margin: 26rpx auto; + } + + /* === 工具类 === */ + .flex-center { + display: flex; + justify-content: center; + align-items: center; + } + + .text-overflow { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + .text-overflowRowss { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + overflow: hidden; + text-overflow: ellipsis; + } + + /* 激活项 */ + .item-box.item-pos-0 { + margin-top: 0rpx; + } + + /* 右边相邻 */ + .item-box.item-pos-1, + .item-box.item-pos--1 { /* 左边相邻 */ + margin-top: 5rpx; + } + + /* 右边第二个 */ + .item-box.item-pos-2, + .item-box.item-pos--2 { /* 左边第二个 */ + margin-top: 30rpx; + } + + /* 左右第三层及更远(±3、±4、±5...) */ + .item-box.item-pos-3, + .item-box.item-pos--3, + .item-box.item-pos-4, + .item-box.item-pos--4, + .item-box.item-pos-5, + .item-box.item-pos--5 { + margin-top: 40rpx !important; + } + diff --git a/pages/list/activitynew/index.wxml b/pages/list/activitynew/index.wxml index 4faa51a..5a5c06c 100644 --- a/pages/list/activitynew/index.wxml +++ b/pages/list/activitynew/index.wxml @@ -148,7 +148,7 @@ - - 暂无内容 + + 暂时还没有活动哦~ 去看看其他类目吧~ \ No newline at end of file diff --git a/pages/list/activitynew/index.wxss b/pages/list/activitynew/index.wxss index f1c9656..e732b78 100644 --- a/pages/list/activitynew/index.wxss +++ b/pages/list/activitynew/index.wxss @@ -139,7 +139,7 @@ background: rgba(11, 137, 142, .1); width: 697rpx; /* padding: 0 24rpx; */ /* background: #0B898E; */ - min-height:1300rpx; + min-height:700rpx; margin: 0 auto; } .acitivity-search-box { diff --git a/pages/user/order/sceneOrderInfo/index.wxml b/pages/user/order/sceneOrderInfo/index.wxml index 9a51d97..3f22701 100644 --- a/pages/user/order/sceneOrderInfo/index.wxml +++ b/pages/user/order/sceneOrderInfo/index.wxml @@ -15,10 +15,9 @@