Style(首页):界面细节调整
This commit is contained in:
+10
-10
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user