diff --git a/packages/community/index/index.css b/packages/community/index/index.css index 92c856e3..bc63f63e 100644 --- a/packages/community/index/index.css +++ b/packages/community/index/index.css @@ -57,6 +57,10 @@ image { } .searchBox { + /* 吸顶固定：滚动时房产栏始终可见，未绑定/已绑定两态一致 */ + position: sticky; + top: 0; + z-index: 100; display: flex; align-items: center; /* 不要红头，保持页面白底 */ @@ -407,7 +411,8 @@ image { top: 0; bottom: 0; background: rgba(0, 0, 0, 0.16); - z-index: 3; + /* 弹屏广告全屏遮罩：高于吸顶房产栏(100)，保证遮罩完整覆盖 */ + z-index: 1000; display: flex; align-items: center; justify-content: center; diff --git a/packages/community/index/index.vue b/packages/community/index/index.vue index d7ae1b12..2df71cde 100644 --- a/packages/community/index/index.vue +++ b/packages/community/index/index.vue @@ -321,11 +321,11 @@ export default { ads1Show: false, ads2Show: false, - // 默认页轮播图（未绑定房源/无广告兜底）：顶部 1/2/3，横幅 10/20 + // 默认页轮播图（未绑定房源/无广告兜底）：顶部 1/12/13，横幅 10/20 defaultBannerImgs: [ "https://static.hshuishang.com/static/1.jpg", - "https://static.hshuishang.com/static/2.jpg", - "https://static.hshuishang.com/static/3.jpg", + "https://static.hshuishang.com/static/12.jpg", + "https://static.hshuishang.com/static/13.jpg", ], defaultStreamerImgs: [ "https://static.hshuishang.com/static/10.jpg", diff --git a/packages/myOrders/index/index.vue b/packages/myOrders/index/index.vue index 10379e63..2e9fe9fc 100644 --- a/packages/myOrders/index/index.vue +++ b/packages/myOrders/index/index.vue @@ -173,7 +173,6 @@ export default { }, methods: { selectTab(index, item) { - console.log("🚀 ~ item:", item) this.selectedTab = index; this.selectedCategory = item.category_name; this.selectStatus = item.status || ''; @@ -205,7 +204,6 @@ export default { // 保存完整的订单对象 this.afterSaleOrderItem = item; this.$refs.afterSalePopupRef.openAfterSalePopup(); - console.log(item.id); // 根据条件判断是否可以售后 // request(afterSaleApi.isAllow, "POST", { @@ -403,7 +401,13 @@ export default { }, onLoad(options) { - this.getOrderList(); + // 支持个人中心按状态直达：?tab=分类索引（1待付款/2待发货/3已取消/4待评价/6售后） + const tab = Number(options && options.tab); + if (tab > 0 && this.categoryList[tab]) { + this.selectTab(tab, this.categoryList[tab]); + } else { + this.getOrderList(); + } }, onShow() { this.getOrderList(); diff --git a/pages/user/index.css b/pages/user/index.css index 1537d980..8e4d3b90 100644 --- a/pages/user/index.css +++ b/pages/user/index.css @@ -18,15 +18,24 @@ page { background-attachment: fixed; } -/* 头部 */ +/* 头部：吸顶固定（滚动时头像行始终可见），顶部避让胶囊的 paddingTop 由模板内联注入 */ .header { + position: sticky; + top: 0; + z-index: 100; display: flex; align-items: center; - margin-left: 25rpx; - margin-right: 20rpx; - margin-top: 37rpx; - margin-bottom: 35rpx; - /* pointer-events: none; */ + padding: 0 20rpx 24rpx 25rpx; + /* 同一份渐变按 vw/vh 显式视口单位复刻：header 吸顶时盒子原点即视口原点， + 与容器的视口渐变严格重合，且不依赖小程序支持度存疑的 background-attachment: fixed */ + background: + radial-gradient(120vw 56vh at 12vw 0, rgba(150, 222, 210, 0.62) 0%, rgba(150, 222, 210, 0) 52%), + radial-gradient(110vw 52vh at 52vw 2vh, rgba(255, 188, 210, 0.55) 0%, rgba(255, 188, 210, 0) 56%), + radial-gradient(120vw 58vh at 96vw 0, rgba(200, 176, 242, 0.6) 0%, rgba(200, 176, 242, 0) 56%), + linear-gradient(180deg, rgba(244, 244, 246, 0) 0%, #f4f4f6 540rpx), + #f4f4f6; + background-repeat: no-repeat; + margin-bottom: 11rpx; } /* 头像 */ @@ -86,164 +95,210 @@ page { margin-right: 40rpx; } -/* 登录/注册 */ +/* 登录/注册（昵称：对齐原型个人中心 40rpx 加粗） */ .login-btn { - font-size: 36rpx; + font-size: 40rpx; + font-weight: 700; pointer-events: auto; color: #1a1a1a; + letter-spacing: 1rpx; } .avater_mobile { margin-top: 10rpx; + font-size: 26rpx; color: #666; } -.center { - position: relative; +/* 物业快捷入口三格卡（样式对齐原型个人中心 quick-card：横排 + 竖线分隔） */ +.quick-card { + display: flex; + align-items: stretch; margin: 0 20rpx; - height: 350rpx; + border-radius: 24rpx; + background: #ffffff; + box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04); } -.gold_container { - /* width: 710rpx; */ - height: 127rpx; - background: linear-gradient(90deg, #FFE9A3 0%, rgba(232, 127, 0, 0.8) 100%); - box-shadow: inset 0rpx 1rpx 2rpx 0rpx #E2C47C; - border-radius: 30rpx 30rpx 30rpx 30rpx; - margin: 37rpx 0 0; - position: relative; -} - -.gold_title { +.quick-item { + flex: 1; + min-width: 0; display: flex; align-items: center; - padding-top: 16rpx; -} - -.gold { - margin-left: 37rpx; - font-weight: normal; - font-size: 34rpx; - color: #7F3907; -} - -.monenyt { - margin-left: 17rpx; - margin-right: 37rpx; - font-weight: 400; - font-size: 40rpx; - color: #7F3907; -} - -.price { - margin-left: 37rpx; - font-weight: normal; - font-size: 26rpx; - color: #7F3907; - margin-right: 20rpx; -} - -.gold_pic { - width: 140rpx; - height: 113rpx; - position: absolute; - top: 0; - right: 39rpx; -} - -.main { - margin: 0 20rpx; - border-radius: 20rpx 20rpx 20rpx 20rpx; - background: #FFFFFF; -} - -.main1 { - width: 100%; - margin: 0; - position: absolute; - top: 80rpx; -} - -.main_title { - padding-top: 25rpx; - margin: 0 0 40rpx 30rpx; - font-weight: 600; - font-size: 36rpx; - color: #222222; -} - -.margin20 { - margin-top: 20rpx; -} - -.section { - display: flex; - flex-wrap: wrap; justify-content: space-between; - margin-left: 20rpx; + gap: 8rpx; + padding: 24rpx 22rpx; + border-right: 1rpx solid #f1f1f1; +} + +.quick-item:last-child { + border-right: none; +} + +.quick-text { + display: flex; + flex-direction: column; + gap: 8rpx; + min-width: 0; +} + +.quick-title { + font-size: 27rpx; + font-weight: 700; + color: #111111; + white-space: nowrap; +} + +.quick-sub { + font-size: 21rpx; + color: #888888; + white-space: nowrap; +} + +.quick-icon { + flex-shrink: 0; + /* 48rpx：三等分列内为文字留足空间，避免小屏拥挤 */ + width: 48rpx; + height: 48rpx; +} + +/* 通用模块白卡（我的订单 / 服务目录） */ +.module-card { + margin: 20rpx 20rpx 0; + padding: 28rpx 24rpx; + border-radius: 24rpx; + background: #ffffff; + box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04); +} + +.module-head { + display: flex; + align-items: center; + justify-content: space-between; +} + +.module-title { + font-size: 32rpx; + font-weight: 700; + color: #1a1a1a; +} + +.module-link { + display: flex; + align-items: center; + gap: 4rpx; + font-size: 24rpx; + color: #999999; +} + +/* 订单五状态横排 */ +.order-status-row { + display: flex; + margin-top: 32rpx; +} + +.status-item { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + gap: 12rpx; +} + +.status-item:active { + opacity: 0.6; +} + +.status-icon { + width: 52rpx; + height: 52rpx; +} + +.status-label { + font-size: 24rpx; + color: #444444; +} + +/* 我的钱包白卡（样式对齐原型个人中心 wallet-card） */ +.wallet-card { + margin: 0 20rpx 21rpx; + padding: 32rpx 28rpx 28rpx; + border-radius: 24rpx; + background: #ffffff; + box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.05); +} + +.wallet-head { + display: flex; + align-items: center; + gap: 14rpx; +} + +.wallet-title { + font-size: 32rpx; + font-weight: 700; + color: #1a1a1a; +} + +.wallet-assets { + display: flex; + margin-top: 36rpx; +} + +.asset-item { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + gap: 10rpx; +} + +.asset-item:active { + opacity: 0.6; +} + +.asset-value { + font-size: 30rpx; + font-weight: 700; + color: #1a1a1a; + line-height: 1.2; +} + +.asset-label { + font-size: 24rpx; + color: #888888; +} + +/* 服务目录行卡（点击弹抽屉） */ +.service-card { + padding: 8rpx 24rpx; +} + +.service-row { + display: flex; + align-items: center; + padding: 28rpx 4rpx; + border-bottom: 1rpx solid #f5f5f5; +} + +.service-row:last-child { + border-bottom: none; +} + +.service-row:active { + opacity: 0.6; +} + +.service-icon { + width: 44rpx; + height: 44rpx; margin-right: 20rpx; - margin-bottom: 21rpx; } -.section1 { - justify-content: space-around; -} - -.section_label { - display: flex; - flex-direction: column; - align-items: center; -} - -.nav_icon { - width: 50rpx; - height: 50rpx; - margin-bottom: 20rpx; -} - -.grid-text { - font-size: 28rpx; - font-weight: bold; -} - - - -.item1 { - display: flex; - justify-content: space-around; - align-items: center; - border-radius: 20rpx; - padding-bottom: 25rpx; -} - -.item2 { - display: grid; - place-items: center; - /* 同时实现水平和垂直居中 */ -} - - -.padding_bottom0 { - padding-bottom: 0; -} - -.item_device { - display: flex; - flex-direction: column; - align-items: center; -} - -.icon-img { - display: flex; - width: 60rpx; - height: 60rpx; - flex-direction: column; - margin-bottom: 10rpx; -} - -.title-item { - font-size: 28rpx; - font-weight: bold; +.service-label { + flex: 1; + font-size: 30rpx; + color: #222222; } .customer { @@ -272,6 +327,84 @@ page { font-size: 28rpx !important; } -.u-grid-item { - margin-bottom: 36rpx; +/* 全部功能抽屉（底部弹出，样式对齐原型 profile-function-drawer） */ +.fd-wrap { + background: #f4f4f6; + border-radius: 24rpx 24rpx 0 0; + overflow: hidden; +} + +/* 头部：白底 + 居中标题 + 右侧绝对定位关闭钮（对齐原型） */ +.fd-head { + position: relative; + display: flex; + align-items: center; + justify-content: center; + height: 92rpx; + background: #ffffff; + border-bottom: 1rpx solid #f2f2f2; +} + +.fd-title { + font-size: 31rpx; + font-weight: 700; + color: #1a1a1a; +} + +.fd-close { + position: absolute; + top: 50%; + right: 28rpx; + transform: translateY(-50%); +} + +.fd-body { + /* scroll-view 需固定高度才能滚动定位（约 60% 屏高） */ + height: 900rpx; + padding: 24rpx 28rpx; + box-sizing: border-box; +} + +.fd-group { + margin-bottom: 24rpx; +} + +.fd-group-title { + font-size: 28rpx; + font-weight: 700; + color: #1a1a1a; + margin: 0 0 12rpx 16rpx; +} + +.fd-grid { + display: grid; + grid-template-columns: repeat(5, 1fr); + justify-items: center; + row-gap: 32rpx; + padding: 28rpx 20rpx; + border-radius: 18rpx; + background: #ffffff; + box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04); +} + +.fd-item { + display: flex; + flex-direction: column; + align-items: center; + gap: 12rpx; +} + +.fd-item:active { + opacity: 0.6; +} + +.fd-item-icon { + width: 52rpx; + height: 52rpx; +} + +.fd-item-name { + font-size: 22rpx; + color: #333333; + text-align: center; } \ No newline at end of file diff --git a/pages/user/index.vue b/pages/user/index.vue index 0f80cda1..6d47076e 100644 --- a/pages/user/index.vue +++ b/pages/user/index.vue @@ -1,6 +1,7 @@