diff --git a/pages/index/brandHome.vue b/pages/index/brandHome.vue
index 85a5831..d8e973a 100644
--- a/pages/index/brandHome.vue
+++ b/pages/index/brandHome.vue
@@ -9,48 +9,49 @@
-
+
+
+
+
+
-
-
+
- {{ breweryInfo.brandName}}
- {{breweryInfo.country}}·{{breweryInfo.province}}·{{breweryInfo.city}}
+ {{ breweryInfo.brandName}}
+ {{breweryInfo.country}}·{{breweryInfo.province}}·{{breweryInfo.city}}
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-
-
- {{ beerTotal}}
- 在售酒款
+
+
+ {{ beerTotal}}
+ 在售酒款
-
-
- {{ breweryInfo.buildingDate && breweryInfo.buildingDate.substr(0,4)}}
-
- since
+
+ {{ breweryInfo.buildingDate && breweryInfo.buildingDate.substr(0,4)}}
+ since
-
- {{myCoin || '--'}}
- 啤酒币
+
+ {{myCoin || '--'}}
+ 啤酒币
-
+
{{breweryInfo.desc}}
@@ -504,6 +505,7 @@
right: 0;
z-index: 999;
background: transparent;
+ // color: #f9f9f9
.nav-content {
height: 44px;
@@ -528,23 +530,142 @@
}
}
- .banner {
+ .banner-container {
+ position: relative;
width: 100%;
- height: 724rpx;
+ height: 0;
+ padding-bottom: 75%; /* 4:3 比例 (3/4 = 0.75 = 75%) */
margin-top: v-bind('statusBarHeight + 44 + "px"');
+ overflow: hidden;
+
+ .banner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+
+ .banner-overlay {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 200rpx;
+ background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);
+ }
}
.brand-header {
position: relative;
width: 100%;
- height: 100%;
- padding: 20rpx 32rpx;
- box-sizing: border-box;
+ padding: 40rpx 32rpx;
background-color: #fff;
- border-radius: 30rpx;
+ border-radius: 30rpx 0 0 0;
margin-top: -150rpx;
margin-bottom: 20rpx;
z-index: 1;
+ box-shadow: 0 -10rpx 30rpx rgba(0, 0, 0, 0.05);
+
+ .brand-logo {
+ width: 88rpx;
+ height: 88rpx;
+ margin-right: 24rpx;
+ border-radius: 50%;
+ object-fit: cover;
+ box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+ }
+
+ .brand-name {
+ color: #0B0E26;
+ font-size: 36rpx;
+ font-weight: 600;
+ margin-bottom: 12rpx;
+ line-height: 1.4;
+ }
+
+ .brand-location {
+ color: #5E5F60;
+ font-size: 24rpx;
+ line-height: 1.4;
+ }
+
+ .action-buttons {
+ display: flex;
+ align-items: center;
+ gap: 16rpx;
+
+ .favor-btn, .share-btn {
+ width: 72rpx;
+ height: 72rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: #F5F5F5;
+ border-radius: 50%;
+ transition: all 0.3s ease;
+
+ &:active {
+ transform: scale(0.95);
+ }
+ }
+
+ .favor-icon, .share-icon {
+ width: 36rpx;
+ height: 36rpx;
+ }
+ }
+
+ .brand-stats {
+ display: flex;
+ justify-content: space-between;
+ margin: 40rpx 0;
+ padding: 32rpx 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.05);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+
+ .stat-item {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ position: relative;
+
+ &:not(:last-child):after {
+ content: '';
+ position: absolute;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 1px;
+ height: 40rpx;
+ background: rgba(0, 0, 0, 0.05);
+ }
+
+ .stat-value {
+ font-size: 40rpx;
+ font-weight: 600;
+ color: #0B0E26;
+ margin-bottom: 12rpx;
+ line-height: 1.2;
+ }
+
+ .stat-label {
+ font-size: 24rpx;
+ color: #9C9BA6;
+ line-height: 1.4;
+ }
+ }
+ }
+
+ .brand-desc {
+ color: #666666;
+ font-size: 26rpx;
+ line-height: 1.8;
+ text-indent: 2em;
+ margin: 0 8rpx;
+ }
}
.content-box {
diff --git a/pagesMy/myAttention.vue b/pagesMy/myAttention.vue
index 2294664..a8fa5c1 100644
--- a/pagesMy/myAttention.vue
+++ b/pagesMy/myAttention.vue
@@ -342,7 +342,7 @@
// 跳转到品牌详情
toBrand(item) {
uni.navigateTo({
- url: `/pages/index/brand?breweryId=${item.breweryId}`
+ url: `/pages/index/brandHome?breweryId=${item.breweryId}`
})
},
// 处理图片加载错误
diff --git a/pagesMy/setting.vue b/pagesMy/setting.vue
index 55e272c..ebe4246 100644
--- a/pagesMy/setting.vue
+++ b/pagesMy/setting.vue
@@ -46,10 +46,11 @@
-
+
所在地区
{{form.city || '--'}}
+
@@ -59,10 +60,11 @@
-
+
门店名称
{{form.barName}}
+
@@ -163,6 +165,18 @@
关闭
+
+
+
+
+ 温馨提示
+ 门店信息修改需联系客服
+
+ 关闭
+ 联系客服
+
+
+
@@ -257,6 +271,8 @@
.text-gray {
color: #999999;
font-size: 28rpx;
+ text-align: left;
+ margin-top: 8rpx;
}
.text-blue {
@@ -637,6 +653,67 @@
}
}
}
+
+ .store-edit-modal {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: rgba(0, 0, 0, 0.6);
+ z-index: 999;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ .modal-content {
+ width: 600rpx;
+ background: #FFFFFF;
+ border-radius: 24rpx;
+ padding: 48rpx 32rpx;
+
+ .modal-title {
+ font-size: 36rpx;
+ font-weight: 600;
+ color: #333333;
+ text-align: center;
+ margin-bottom: 24rpx;
+ }
+
+ .modal-desc {
+ font-size: 28rpx;
+ color: #666666;
+ text-align: center;
+ margin-bottom: 48rpx;
+ }
+
+ .modal-buttons {
+ display: flex;
+ justify-content: space-between;
+ gap: 24rpx;
+
+ .btn {
+ flex: 1;
+ height: 88rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 32rpx;
+ border-radius: 44rpx;
+
+ &.cancel-btn {
+ background: #F5F5F5;
+ color: #666666;
+ }
+
+ &.confirm-btn {
+ background: #19367A;
+ color: #FFFFFF;
+ }
+ }
+ }
+ }
+ }
}
@@ -683,6 +760,7 @@
showVerifyCode: false,
counting: false,
countdown: 60,
+ showStoreEditModal: false,
};
},
computed: {
@@ -1083,6 +1161,21 @@
uni.hideLoading();
});
},
+ // 显示门店信息修改提示弹窗
+ showStoreEditTip() {
+ this.showStoreEditModal = true;
+ },
+ // 关闭门店信息修改提示弹窗
+ closeStoreEditModal() {
+ this.showStoreEditModal = false;
+ },
+ // 联系客服
+ toContactService() {
+ uni.navigateTo({
+ url: '/pagesMy/addAiad'
+ });
+ this.closeStoreEditModal();
+ },
}
}