diff --git a/bundle/reserve/details.vue b/bundle/reserve/details.vue index 6935162..3c7c584 100644 --- a/bundle/reserve/details.vue +++ b/bundle/reserve/details.vue @@ -1,27 +1,164 @@ @@ -31,30 +168,108 @@ 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; + .banner { + .diy-banner-box { + margin-bottom: 0 !important; } } + + .info-block { + margin: 0 30rpx; + + .info-title { + font-weight: bold; + font-size: 34rpx; + color: #303133; + line-height: 48rpx; + margin-bottom: 10rpx; + } + + .rate { + margin-left: 8rpx; + font-weight: 400; + font-size: 26rpx; + color: #606266; + line-height: 36rpx; + } + + .time { + font-size: 26rpx; + color: #606266; + line-height: 48rpx; + } + + .line { + height: 2rpx; + background-color: #F6F7F9; + margin: 24rpx 0; + } + + .address-time { + font-weight: 400; + font-size: 26rpx; + color: #606266; + line-height: 36rpx; + } + + .tab { + width: 108rpx; + height: 52rpx; + text-align: center; + line-height: 52rpx; + background-color: #F7F7F7; + font-size: 26rpx; + color: #606266; + border-radius: 8rpx; + margin-top: 16rpx; + margin-right: 10rpx; + margin-bottom: 32rpx; + } + + .cg-name { + font-size: 28rpx; + color: #303133; + line-height: 40rpx; + margin-bottom: 74rpx; + } + + .reserve-btn { + width: 104rpx; + height: 52rpx; + border-radius: 10rpx; + border: 2rpx solid #365A9A; + font-weight: 400; + font-size: 26rpx; + color: #365A9A; + line-height: 52rpx; + text-align: center; + } + + .time-block { + text-align: center; + margin-right: 8rpx; + + .time-block-text { + font-weight: 400; + font-size: 20rpx; + color: #365A9A; + line-height: 28rpx; + text-align: center; + } + + .time-block-box { + width: 30rpx; + height: 12rpx; + background: #365A9A; + border-radius: 6rpx; + } + } + } + + .split-line { + height: 20rpx; + background-color: #F6F7F9; + margin-top: 12rpx; + margin-bottom: 28rpx; + } \ No newline at end of file diff --git a/components/diy/banner/banner.vue b/components/diy/banner/banner.vue index ddb1e56..ac2067a 100644 --- a/components/diy/banner/banner.vue +++ b/components/diy/banner/banner.vue @@ -29,8 +29,9 @@ }, props: ['itemData'], created() { - this.interval = this.itemData.params.interval; - this.indicatorActiveColor = this.itemData.style.btnColor; + this.interval = this.itemData.params?.interval; + console.log("🚀 ~ this.interval:", this.interval) + this.indicatorActiveColor = this.itemData.style?.btnColor; }, methods: { changeSwiper(e) { diff --git a/components/price-format/price-format.vue b/components/price-format/price-format.vue new file mode 100644 index 0000000..1a9ddce --- /dev/null +++ b/components/price-format/price-format.vue @@ -0,0 +1,86 @@ + + + + \ No newline at end of file diff --git a/pages/index/index.vue b/pages/index/index.vue index ff7b5c3..4978d61 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -1,32 +1,32 @@