Style:UI优化

This commit is contained in:
LinCyJang
2025-11-01 14:41:16 +08:00
parent 76d9d8ef33
commit f7cf56216b
5 changed files with 76 additions and 15 deletions
+26 -5
View File
@@ -78,7 +78,12 @@
<view class="v12-mt-3">
<view v-for="(c, i) in detail.packageDetails" :key="i" class="package-item v12-mb-2">
<view class="grid-txt v12-justify-between v12-align-center">
<view class="v12-px-2 v12-py-1"><u-icon name="home"></u-icon></view>
<view class="v12-px-2 v12-py-1">
<u-icon v-if="c.type === 'steward'" :name="webUrl + '/home/我.png'"></u-icon>
<u-icon v-if="c.type === 'hotel'" :name="webUrl + '/home/1home.png'"></u-icon>
<u-icon v-if="c.type === 'food'" :name="webUrl + '/home/coffee.png'"></u-icon>
<u-icon v-if="c.type === 'ride'" :name="webUrl + '/home/che.png'"></u-icon>
</view>
<view class="v12-px-2 v12-py-1 v12-white v12-radius-100">{{ c.title }}</view>
</view>
<swiper
@@ -106,7 +111,10 @@
<view class="v12-px-3 v12-mt-3">
<view class="section v12-radius-60 v12-white v12-px-3 v12-pt-3">
<view class="v12-font-bold v12-font-36">套餐亮点</view>
<view class="v12-mt-2 v12-pl-2 v12-font-bold v12-font-36 v12-align-center title-wrap">
<text class="v12-mr-1">预定必读</text>
<u-icon bold size="18" color="#333" name="info-circle"></u-icon>
</view>
<view class="v12-mt-3 v12-font-26">
<rich-text :nodes="rules"></rich-text>
</view>
@@ -307,13 +315,13 @@ export default {
contactService() {
uni.showModal({
title: '商家电话',
content: this.detail.phone || '暂无电话',
content: this.detail.merPhone || '暂无电话',
confirmText: '立即拨打',
cancelText: '取消',
success: (res) => {
if (res.confirm && this.detail.phone) {
if (res.confirm && this.detail.merPhone) {
uni.makePhoneCall({
phoneNumber: this.detail.phone,
phoneNumber: this.detail.merPhone,
fail: () => {
uni.showToast({
title: '拨打电话失败',
@@ -692,4 +700,17 @@ export default {
.table-cell:last-child {
border-right: 0;
}
.title-wrap{
position: relative;
&::after{
content: '';
position: absolute;
bottom: 4rpx;
left: 0;
width: 6rpx;
height: 80%;
border-radius: 10rpx;
background: #CE4852;
}
}
</style>