Skip to content

严立 / mini-shimao

Go to a project
Commit a4da6070 by 严立
Options

LL - UI 问题修复

parent 92e13ea9
Inline Side-by-side
Showing with 108 additions and 219 deletions
pages/commodity/home/home.js
......@@ -5,6 +5,8 @@ Page({
imageBase: App.globalData.appImageBase,
resourcesBase: App.globalData.appResourcesBase,
cssGreeting: '', // 适应顶部边距
option: {},
userInfo: {},
......@@ -25,14 +27,16 @@ Page({
// formPage=order&shopAppId=1&commodityType=5
this.setData({
option: option,
userInfo: wx.getStorageSync('userInfo')
})
this.setGreetingMessage()
this.queryShopCover()
},
onShow: function () {
this.setData({
userInfo: wx.getStorageSync('userInfo'),
cssGreeting: wx.getStorageSync('navigationStatusHeight') + wx.getStorageSync('navigationCapsuleHeight') + 20 * wx.getStorageSync('unitProportion'),
})
this.setGreetingMessage()
this.queryShopCover()
this.queryRecommend()
},
......
pages/commodity/home/home.wxml
......@@ -2,8 +2,8 @@
<view class="container">
<!-- 问候订制 -->
<view class="greeting">
<text>{{greetingName + greetingMessage}}</text>
<view class="greeting" style="{{'padding-top:' + cssGreeting + 'px;'}}">
<text>{{greetingName + '，' + greetingMessage}}</text>
</view>
<!-- 商店 -->
......@@ -140,17 +140,37 @@
</swiper>
</view>
<view class="service_item">
<view class="room-appointment">
<view class="shop-title col">
<text>滨海温泉院墅</text>
<text>足不出户即可享受滨海温泉</text>
</view>
<view bindtap="onRoomAppointment">
<image src="{{resourcesBase + 'commodity/home/room-appointment.png'}}"></image>
</view>
</view>
<view class="after-sales">
<view class="shop-title col">
<text>碧海文化，真挚银湖</text>
<text>为您创造健康休闲的度假生活方式</text>
</view>
<view bindtap="customerService">
<image src="{{resourcesBase + 'commodity/home/after-sales.png'}}"></image>
</view>
</view>
<!-- <view class="service-item">
<view class="shop-title col">
<text>滨海温泉院墅</text>
<text>足不出户即可享受滨海温泉</text>
</view>
<view style="position: relative;">
<image class="home_footer" src="{{resourcesBase + 'commodity/home/other.png'}}"></image>
<view class="seeHouse" bindtap="onRoomAppointment">预约看房</view>
<image class="home-footer" src="{{resourcesBase + 'commodity/home/other.png'}}"></image>
<view class="room-appointment" bindtap="onRoomAppointment">预约看房</view>
<view class="call" bindtap="customerService">拨打客服</view>
</view>
</view>
</view> -->
</view>
<!-- 客服热线 -->
......
pages/commodity/home/home.wxss
.greetings_header {
padding-top: 196rpx;
padding-left: 46rpx;
width: 750rpx;
}
.greetings_title {
font-size: 58rpx;
font-weight: 500;
color: #15191f;
text-align: left;
}
.greetings_body {
width: 750rpx;
height: height;
margin-top: 64rpx;
margin-bottom: 200rpx;
}
.service_store {
width: 750rpx;
height: 600rpx;
/* background: #586A46; */
text-align: center;
}
.store_img {
width: 178rpx;
height: 186rpx;
margin-top: 92rpx;
margin-bottom: 48rpx;
}
.store_img1 {
width: 320rpx;
height: 120rpx;
margin-top: 134rpx;
margin-bottom: 72rpx;
}
.order_button {
background: #ebe2ce;
width: 200rpx;
height: 64rpx;
border-radius: 4rpx;
font-size: 26rpx;
font-weight: 500;
line-height: 64rpx;
color: #586a46;
margin: auto;
}
.service_store_shop {
width: 670rpx;
/* height: 932rpx; */
margin: auto;
margin-top: -100rpx;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.service_store_shop_item {
width: 328rpx;
height: 410rpx;
text-align: center;
margin-bottom: 48rpx;
}
.shop_img {
width: 328rpx;
height: 328rpx;
background-color: blue;
}
.shop_goods {
font-weight: 300;
color: #15191f;
line-height: 42px;
}
.service_item {
width: 750rpx;
height: auto;
/* margin-bottom: 136rpx; */
}
.item_banner {
width: 750rpx;
height: 600rpx;
margin-top: 64rpx;
position: relative;
/* background-color: red; */
}
.item_banner_img {
width: 750rpx;
height: 600rpx;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.item_container {
width: 670rpx;
height: auto;
margin: auto;
margin-top: -100rpx;
}
.items_img {
width: 670rpx;
height: 328rpx;
background-color: blue;
margin-bottom: 64rpx;
}
.goods_buy {
position: absolute;
width: 200rpx;
height: 64rpx;
top: 308rpx;
left: 276rpx;
border-radius: 4rpx;
background: #86c5e1;
font-weight: 500;
color: #fff;
font-size: 26rpx;
line-height: 64rpx;
text-align: center;
}
.items_text {
text-align: center;
margin-top: 45rpx;
font-weight: 300;
color: #000;
letter-spacing: 3px;
line-height: 42rpx;
}
.home_footer {
width: 750rpx;
height: 1640rpx;
margin-top: 64rpx;
}
.seeHouse {
position: absolute;
background: #86c5e1;
border-radius: 4rpx;
top: 294rpx;
width: 200rpx;
height: 64rpx;
left: 276rpx;
line-height: 64rpx;
color: #fff;
font-size: 26rpx;
text-align: center;
font-weight: 500;
}
.call {
position: absolute;
top: 1310rpx;
width: 200rpx;
height: 64rpx;
background: #d0b08f;
left: 276rpx;
line-height: 64rpx;
color: #fff;
font-size: 26rpx;
text-align: center;
font-weight: 500;
}
.greeting {
width: 750rpx;
padding: 140rpx 46rpx 130rpx 46rpx;
padding: 0 46rpx 130rpx 46rpx;
}
.greeting text {
......@@ -197,21 +19,21 @@ swiper {
}
.shop-name image {
width: 670rpx;
width: 750rpx;
height: 60rpx;
}
.shop-title {
width: 670rpx;
height: 172rpx;
margin: 32rpx 40rpx 0 40rpx;
margin: 22rpx 40rpx 0 40rpx;
}
.shop-title text {
font-size: 34rpx;
font-weight: 300;
line-height: 64rpx;
letter-spacing: 4rpx;
line-height: 60rpx;
letter-spacing: 6rpx;
color: #15191F;
}
......@@ -361,3 +183,29 @@ swiper {
line-height: 42rpx;
color: #000000;
}
.home-footer {
width: 750rpx;
height: 1640rpx;
margin-top: 64rpx;
}
.room-appointment {
margin-top: 200rpx;
}
.room-appointment image {
display: block;
width: 750rpx;
height: 570rpx;
}
.after-sales {
margin-top: 200rpx;
}
.after-sales image {
display: block;
width: 750rpx;
height: 700rpx;
}
\ No newline at end of file
pages/commodity/menu-food/menu-food.js
......@@ -227,8 +227,8 @@ Page({
'priceText': App.modular.utils.formatAmount(funcResponse[i].sightseerPrice), // 普通价文本格式
'priceSpecial': funcResponse[i].ownerPrice, // 业主价
'priceSpecialText': App.modular.utils.formatAmount(funcResponse[i].ownerPrice), // 业主价文本格式
'priceDiscount': funcResponse[i].price, // 活动价
'priceDiscountText': App.modular.utils.formatAmount(funcResponse[i].price), // 活动价文本格式
'priceDiscount': 100, // 活动价
'priceDiscountText': '100.00', // 活动价文本格式
'priceType': 1,
'describe': funcResponse[i].synopsis,
'describeDetail': '', // 商品描述详情，在点击详情时获得数据
......
pages/commodity/menu-food/menu-food.wxml
......@@ -30,15 +30,15 @@
</scroll-view>
<!-- 商品列表 -->
<scroll-view class="menu-list" scroll-y scroll-top="{{commoditScroll}}" bindscroll="onCommoditScroll">
<scroll-view class="menu-list" scroll-y style="{{'padding-top: ' + sideBarTopPadding + 'px;'}}" scroll-top="{{commoditScroll}}" bindscroll="onCommoditScroll">
<block wx:for="{{commodityList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="right-content-title">{{item.tab}}</view>
<view class="menu-list-title">{{item.tab}}</view>
<!-- 循环商品列表 -->
<block wx:for="{{item.commodity}}" wx:for-index="indexCommodity" wx:for-item="itemCommodity" wx:key="indexCommodity">
<view class="commodity-item row" data-item="{{itemCommodity}}" bind:tap="onCommodityDetail">
<view class="item-img">
<image src="{{itemCommodity.cover}}" mode="widthFix"></image>
<image src="{{itemCommodity.cover}}" mode="aspectFill"></image>
</view>
<view class="item-info">
<view class="item-info-title">{{itemCommodity.name}}</view>
......@@ -50,7 +50,7 @@
<view class="item-other row con-b">
<!-- 活动价样式 -->
<view wx:if="{{itemCommodity.priceType === 1}}">
<view class="item-price row align-c">
<view class="item-price row align-e">
<text>￥</text>
<text>{{itemCommodity.priceDiscountText}}</text>
<text class="item-price-discount">活动价</text>
......@@ -83,10 +83,8 @@
</view>
</view>
<view class="item-operation-add">
<button class="row con-c align-c" data-item="{{itemCommodity}}" catchtap="onCommodityAdd">
<image mode="widthFix" src="{{imageBase + 'icon/cart-3.png'}}"></image>
</button>
<view class="item-operation-add row con-c align-c">
<image mode="aspectFill" src="{{imageBase + 'icon/cart-3.png'}}" catchtap="onCommodityAdd"></image>
</view>
</view>
</view>
......
pages/commodity/menu-food/menu-food.wxss
......@@ -40,17 +40,16 @@ page {
.menu-list {
width: 590rpx;
height: 100vh;
margin-top: 140rpx;
padding: 0 32rpx 200rpx 32rpx;
padding: 0 28rpx 80rpx 32rpx;
overflow-y: scroll;
background: #FFFFFF;
}
.right-content::-webkit-scrollbar {
.menu-list::-webkit-scrollbar {
width: 0;
}
.right-content-title {
.menu-list-title {
height: 100rpx;
padding: 32rpx 0;
font-size: 26rpx;
......@@ -89,17 +88,16 @@ page {
.commodity-item {
width: 100%;
min-height: 250rpx;
padding-bottom: 56rpx;
padding-bottom: 58rpx;
box-sizing: border-box;
}
.item-img {
.item-img image {
width: 160rpx;
height: 160rpx;
}
.item-info {
flex: 1;
margin-left: 28rpx;
}
......@@ -130,7 +128,7 @@ page {
}
.item-other {
margin-top: 24rpx;
margin-top: 30rpx;
}
.item-operation {
......@@ -142,11 +140,15 @@ page {
.item-price text:nth-child(1) {
font-size: 22rpx;
font-weight: 800;
line-height: 24rpx;
}
.item-price text:nth-child(2) {
margin-right: 8rpx;
font-size: 30rpx;
font-weight: 800;
line-height: 30rpx;
}
.item-price-discount {
......@@ -175,7 +177,7 @@ page {
color: #E8D0AF;
}
.item-operation-add button {
.item-operation-add {
width: 44rpx;
height: 44rpx;
border-radius: 50%;
......@@ -204,7 +206,7 @@ page {
}
.item-info-old-price {
margin-top: 4rpx;
margin-top: 8rpx;
font-size: 22rpx;
color: #959da9;
text-decoration: line-through;
......
pages/commodity/project-detail/project-detail.wxml
......@@ -14,7 +14,7 @@
<view class="project-name">
<text>{{item.name}}</text>
</view>
<view class="project-msg" wx:if="{{item.describe}}">
<view class="project-msg" wx:if="{{shopInfo.appId === 7 && item.describe}}">
<text>{{item.describe}}</text>
</view>
......
pages/commodity/project/project.js
......@@ -69,7 +69,7 @@ Page({
'id': funcResponse[i].id,
'cover': funcResponse[i].img,
'targetId': funcResponse[i].jumpId, // 跳转目标 id
'targetType': funcResponse[i].jumpColumnId,
'targetType': Number(funcResponse[i].jumpColumnId),
}
funcList.push(funcItem)
}
......
pages/pay/order-input/order-input.wxml
......@@ -291,7 +291,7 @@
<cover-view class="pay-tip-text row con-c align-c">付款后一经确认不得退款</cover-view>
</cover-view>
<cover-view class="pay-operation row con-b align-c">
<cover-view class="pay-operation-amount row con-c align-c">{{'¥' + payAmount}}</cover-view>
<cover-view class="pay-operation-amount row align-c">{{'¥' + payAmount}}</cover-view>
<cover-view class="pay-operation-confirm row con-c align-c" bindtap="onPaySubmit">立即支付</cover-view>
</cover-view>
</cover-view>
......
pages/pay/order-input/order-input.wxss
......@@ -620,6 +620,7 @@
}
.pay-operation-amount {
width: 442rpx;
height: 58rpx;
background: rgba(0, 0, 0, 0);
......
pages/play/service-detail/service-detail.js
......@@ -842,9 +842,19 @@ Page({
* @returns
*/
onCommodityAll: function () {
console.log(this.data.option)
switch (Number(this.data.option.id)) {
case 7:
wx.navigateTo({
url: '/pages/commodity/project-detail/project-detail',
})
break
default:
wx.navigateTo({
url: '/pages/commodity/menu-food/menu-food',
})
}
},
onMovieAll: function () {
......
pages/play/service-detail/service-detail.wxml
......@@ -126,7 +126,7 @@
<block wx:for="{{detailCommodity}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="commodity-card-item col">
<view class="commodity-card-item-cover row con-c align-c">
<image mode="aspectFill" src="{{item.img[0]}}"></image>
<image mode="aspectFit" src="{{item.img[0]}}"></image>
</view>
<view class="commodity-card-item-title row con-b align-c">
<text>{{item.name}}</text>
......
pages/play/service-detail/service-detail.wxss
......@@ -267,7 +267,6 @@
.commodity-card-item-nothing image {
width: 96rpx;
height: 76rpx;
}
.commodity-card-item-nothing text {
......@@ -312,10 +311,16 @@
width: 562rpx;
height: 316rpx;
}
.commodity-card-item-cover image{
.commodity-card-item-cover {
width: 562rpx;
height: 316rpx;
}
.commodity-card-item-cover image {
max-width: 562rpx;
height: 316rpx;
}
.movie-card-item > image {
width: 300rpx;
height: 369rpx;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment