Style:UI优化
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user