Style(首页):界面细节调整

This commit is contained in:
lifizer
2024-08-02 14:58:42 +08:00
parent 1033e0ee04
commit 52b75d0bd3
+10 -10
View File
@@ -17,7 +17,7 @@
</view> </view>
<view class="search-wrap" @click="goGoodSearch"> <view class="search-wrap" @click="goGoodSearch">
<image <image
:src="webUrl + '/home/icon-search.png'" :src="webUrl + '/home/icon-search2.png'"
class="icon" class="icon"
/> />
</view> </view>
@@ -121,7 +121,7 @@
<view class="bast-box"> <view class="bast-box">
<view> <view>
<image <image
:src="webUrl + '/20230407111908318221.png'" :src="webUrl + '/home/bast-list-title.png'"
class="bast-title" class="bast-title"
mode="scaleToFill" mode="scaleToFill"
/> />
@@ -498,7 +498,7 @@ export default {
} }
}, },
hotelItemClickHandle(item) { hotelItemClickHandle(item) {
uni.navigateTo({ url: item.url }) uni.navigateTo({ url: `/pagesInn/inn/innHome?id=${item.id}&from=index` })
}, },
productSwiperItemClickHandle(item) { productSwiperItemClickHandle(item) {
uni.navigateTo({url: '/pkg_product/views/homestay?id=' + item.id}) uni.navigateTo({url: '/pkg_product/views/homestay?id=' + item.id})
@@ -523,7 +523,7 @@ export default {
} }
.subject-box { .subject-box {
padding: 12rpx; padding: 12rpx;
margin: 21rpx 0 0 0; margin: 16rpx 0 0 0;
border-radius: 20rpx; border-radius: 20rpx;
background: #fff; background: #fff;
image { image {
@@ -566,9 +566,9 @@ export default {
} }
.bast-box { .bast-box {
.bast-title { .bast-title {
width: 312rpx; width: 350rpx;
height: 40rpx; height: 52rpx;
margin: 32rpx 0 0; margin: 21rpx 0 0 0;
} }
.bannar-swiper { .bannar-swiper {
height: 534rpx; height: 534rpx;
@@ -659,7 +659,7 @@ export default {
padding: 20rpx; padding: 20rpx;
margin: 21rpx 0 0 0; margin: 21rpx 0 0 0;
border-radius: 16rpx; border-radius: 16rpx;
background: linear-gradient(180deg, #F3E7D1 0%, #F3E8D6 100%); background: linear-gradient(180deg, rgba(243, 231, 209, 0.5) 0%, rgba(243, 232, 214, 0.5) 100%);
.pic-wrap { .pic-wrap {
.img + .img { .img + .img {
margin: 0 0 0 20rpx; margin: 0 0 0 20rpx;
@@ -691,7 +691,6 @@ export default {
.hotel-item { .hotel-item {
position: relative; position: relative;
display: flex; display: flex;
align-items: center;
padding: 8rpx 16rpx 8rpx 8rpx; padding: 8rpx 16rpx 8rpx 8rpx;
border-radius: 16rpx; border-radius: 16rpx;
background-color: #fff; background-color: #fff;
@@ -725,6 +724,7 @@ export default {
font-size: 24rpx; font-size: 24rpx;
color: #333; color: #333;
line-height: 40rpx; line-height: 40rpx;
font-weight: bold;
} }
.desc { .desc {
font-size: 20rpx; font-size: 20rpx;
@@ -769,7 +769,7 @@ export default {
height: 36px; height: 36px;
margin: -4px 0 0 0; margin: -4px 0 0 0;
border-radius: 18px; border-radius: 18px;
background-color: #fff; background-color: rgba(255, 255, 255, 0.5);
.icon { .icon {
display: block; display: block;
width: 36rpx; width: 36rpx;